:root{--saas-surface:#ffffffe6;--saas-surface-strong:#fffffff2;--saas-surface-dark:#1d2025d1;--saas-border:#b3bdcc59;--saas-border-strong:#8596ad99;--saas-muted:#677383f2;--saas-foreground:hsl(var(--foreground));--saas-primary:#4a6fa5;--saas-primary-strong:#3d5d8a;--saas-accent:#4fa3a5;--saas-amber:#f59e0b;--saas-bg:radial-gradient(circle at 16% 10%,#4a6fa51a,transparent 30%),radial-gradient(circle at 82% 0%,#4fa3a51a,transparent 34%),linear-gradient(180deg,#fff 0%,#f6f6f6 38%,#fff 100%)}html.dark,html[data-theme=dark]{--saas-surface:#282c34e6;--saas-surface-strong:#31363fe6;--saas-surface-dark:#23272ee6;--saas-border:#424b5780;--saas-border-strong:#546378b3;--saas-muted:#c0c6cee6;--saas-foreground:hsl(var(--foreground));--saas-bg:radial-gradient(circle at 10% 10%,#4a6fa524,transparent 28%),radial-gradient(circle at 80% 0%,#4fa3a51f,transparent 32%),linear-gradient(180deg,#1e1e1e 0%,#2a2a2a 35%,#1e1e1e 100%)}.saas-shell{min-height:100vh;color:var(--saas-foreground);background:0 0;padding:28px 18px 56px}.saas-max{max-width:1200px;margin:0 auto}.saas-header{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.saas-header h1{margin:0;font-size:clamp(24px,3vw,32px);font-weight:800}.saas-header p{color:var(--saas-muted);margin:0}.saas-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.saas-surface,.saas-panel,.saas-cardish{background:var(--saas-surface);border:1px solid var(--saas-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;padding:16px;transition:transform .22s,box-shadow .22s,border-color .22s;box-shadow:0 22px 48px #0f172a14}html.dark .saas-surface,html.dark .saas-panel,html.dark .saas-cardish{background:var(--saas-surface-dark);box-shadow:0 20px 44px #00000052}.saas-surface:hover,.saas-panel:hover,.saas-cardish:hover{border-color:var(--saas-border-strong);transform:translateY(-2px);box-shadow:0 28px 64px #0f172a1f}.saas-pill{color:var(--saas-primary-strong);background:#4a6fa524;border:1px solid #4a6fa53d;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:700;display:inline-flex}.saas-grid{gap:14px;display:grid}.saas-grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.saas-grid.cols-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.saas-muted{color:var(--saas-muted)}.saas-quick-actions .btn{border:1px solid var(--saas-border);color:var(--saas-foreground);background:0 0;border-radius:12px;padding:12px;transition:all .2s}.saas-quick-actions .btn:hover{border-color:var(--saas-border-strong);transform:translateY(-1px)}.saas-quick-actions .btn.btn-primary{background:linear-gradient(135deg,var(--saas-primary)0%,var(--saas-primary-strong)100%);color:#fff;border-color:#0000;box-shadow:0 12px 30px #4a6fa547}.saas-quick-actions .btn.btn-primary:hover{box-shadow:0 16px 40px #4a6fa557}.saas-chat-shell{border:1px solid var(--saas-border);background:0 0;border-radius:16px;flex-direction:column;height:calc(100vh - 96px);display:flex;overflow:hidden;box-shadow:0 20px 54px #0f172a1f}.saas-chat-header{border-bottom:1px solid var(--saas-border);background:var(--saas-surface);padding:16px}.saas-chat-stream{background:linear-gradient(#ffffffa6 0%,#ffffffd1 100%);flex:1;padding:16px;overflow-y:auto}html.dark .saas-chat-stream{background:linear-gradient(#0f172aa6 0%,#0f172ad9 100%)}.saas-chat-input{border-top:1px solid var(--saas-border);background:var(--saas-surface);padding:16px}.saas-chat-prompts{border-top:none}.saas-message{border:1px solid var(--saas-border);background:var(--saas-surface-strong);border-radius:12px;max-width:640px;padding:14px 16px;box-shadow:0 8px 20px #0f172a14}.saas-message.user{background:linear-gradient(135deg,var(--saas-primary)0%,var(--saas-primary-strong)100%);color:#fff;border-color:#0000;box-shadow:0 12px 28px #4a6fa547}.saas-message .meta{color:var(--saas-muted);margin-top:6px;font-size:12px}.saas-message.user .meta{color:#ffffffb3}@media (max-width:768px){.saas-shell{padding:20px 14px 36px}.saas-chat-shell{height:calc(100vh - 72px)}}