:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#0c0f14;--bg-elevated:#141925;--bg-soft:#1a2130;--accent:#f4d06f;--accent-2:#ff8b5c;--accent-3:#7bdff2;--session-archived-text:#a5acbd;--session-archived-border:#a5acbd73;--thinking-bg:#7bb8ff1f;--thinking-border:#7bb8ff66;--thinking-text:#7bb8ff;--text:#f5f5f5;--text-muted:#c6c9d3;--text-dim:#8f96a8;--scrollbar-thumb:#434f5f;--border:#2a3346;--shadow:0 20px 60px #060a128c;--success:#7be3a2;--error:#ff8a8a;--warning:#f1b36c;--info:#7bb8ff;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:20px;--space-2xl:24px;--space-3xl:32px;--radius-lg:24px;--radius-md:16px;--radius-sm:12px;--font-display:"Space Grotesk",system-ui,sans-serif;--font-sans:system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--font-size-xs:.72rem;--font-size-sm:.82rem;--font-size-md:.9rem;--font-size-lg:1rem;--font-size-xl:1.1rem;--text-on-accent:#1a1a1a;--text-on-dark:#f5f5f5;--opacity-xs:.08;--opacity-sm:.12;--opacity-md:.2;--opacity-lg:.3;--status-running:#7be3a2;--status-idle:#f2cf6b;--status-error:#ff8a8a;--status-archived:#b79bff;--status-offline:#888;--status-paused:#f4d06f}
.app-shell{grid-template-columns:minmax(240px,300px) minmax(0,1fr);align-items:start;gap:32px;padding-bottom:72px;display:grid}.get-started-row{grid-column:1/-1}.get-started-row .control-room{grid-template-columns:1fr;align-items:center}.get-started-row .control-room-fields{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end}.get-started-row .control-room-fields>label{width:100%}.side-nav{align-self:start;gap:24px;max-height:calc(100vh - 48px);display:grid;position:sticky;top:24px;overflow:auto}.dashboard-main{flex-direction:column;gap:32px;display:flex}.hero{gap:20px;display:grid}.hero h1{letter-spacing:-.02em;font-size:clamp(2.2rem,3vw,3.2rem)}.hero p{max-width:640px;color:var(--text-muted);font-size:1.05rem}.info-panel-content{gap:8px;display:grid}.info-panel-content h3{font-size:1rem}.info-panel-content p{color:var(--text-dim);font-size:.9rem;line-height:1.4}.tips-panel{gap:12px;display:grid}.tips-panel>summary{cursor:pointer;text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim);justify-content:space-between;align-items:center;font-size:.85rem;list-style:none;display:flex}.tips-panel>summary::-webkit-details-marker{display:none}.tips-panel>summary:after{content:"+";color:var(--text-dim);font-size:1rem;transition:transform .15s}.tips-panel[open]>summary:after{transform:rotate(45deg)}.tips-content{gap:12px;display:grid}.tips-item h3{font-size:.95rem}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.control-room{gap:16px;display:grid}.control-room-fields{gap:12px;display:grid}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.stat-card{border-radius:var(--radius-md);border:1px solid var(--border);background:#111620d9;padding:18px}.stat-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;font-size:.85rem}.stat-value{margin-top:8px;font-size:1.6rem;font-weight:600}.control-room-action{justify-content:center;align-self:end;width:100%}.grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;display:grid}.status-bar{box-sizing:border-box;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:10;background:#080c14eb;border-top:1px solid #2a3346b3;padding:6px 20px;position:fixed;bottom:0;left:0;right:0}.status-bar-inner{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;height:100%;display:flex}.status-bar .stat-card{background:#111620d9;border-radius:999px;align-items:center;gap:8px;padding:0 12px;display:flex}.status-bar .stat-label{font-size:.65rem}.status-bar .stat-value{margin-top:0;font-size:.9rem}.stat-card.status-active .stat-label,.stat-card.status-active .stat-value{color:var(--status-running)}.stat-card.status-idle .stat-label,.stat-card.status-idle .stat-value{color:var(--status-idle)}.stat-card.status-offline .stat-label,.stat-card.status-offline .stat-value{color:var(--status-error)}.stat-card.status-queued .stat-label,.stat-card.status-queued .stat-value{color:var(--status-archived)}@media (max-width:720px){.app-shell{grid-template-columns:1fr}.side-nav{max-height:none;position:static;overflow:visible}.get-started-row .control-room,.get-started-row .control-room-fields{grid-template-columns:1fr}.toolbar{flex-direction:column;align-items:flex-start}.status-bar{height:auto;padding:10px 16px}.status-bar-inner{justify-content:center}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}
*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-display),"Space Grotesk",sans-serif;color:var(--text);background:linear-gradient(#0c1118 0%,#0a0d13 100%);line-height:1.5}body::selection{color:var(--bg);background:var(--accent)}a{color:inherit;text-decoration:none}main{margin:0 auto}@media (max-width:720px){main{padding:20px 16px 64px}}textarea,div,aside,html{scrollbar-color:var(--scrollbar-thumb)var(--bg-soft);scrollbar-width:thin;scroll-behavior:smooth;scroll-margin-block-start:.5rem}*{box-sizing:border-box}