:root{--os-matte:#0a0c10;--os-blue:#4f8ef7;--os-purple:#8b5cf6;--os-white:#f8fafc;--os-muted:#f8fafca8;--os-line:#f8fafc1f;--os-panel:#0a0e18c2;--os-green:#93ffda;--os-amber:#ffd166;--os-red:#ff6b8a}*{box-sizing:border-box}html{scroll-behavior:smooth}.system-os-shell{background:radial-gradient(circle at 14% 10%,#4f8ef742,transparent 28rem),radial-gradient(circle at 88% 2%,#8b5cf63d,transparent 34rem),linear-gradient(135deg,#050608 0%,var(--os-matte)48%,#0c1020 100%);min-height:100vh;color:var(--os-white);grid-template-columns:300px minmax(0,1fr);font-family:Arial,Helvetica,sans-serif;display:grid}.system-os-shell:before{content:"";pointer-events:none;background-image:linear-gradient(#f8fafc09 1px,#0000 1px),linear-gradient(90deg,#f8fafc09 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 88%);mask-image:linear-gradient(#000,#0000 88%)}.os-sidebar{z-index:5;border-right:1px solid var(--os-line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#05070bdb;flex-direction:column;gap:22px;height:100vh;padding:24px;display:flex;position:sticky;top:0;overflow-y:auto}.os-brand{color:var(--os-white);letter-spacing:-.03em;align-items:center;gap:12px;font-size:.94rem;font-weight:900;text-decoration:none;display:flex}.os-brand img{filter:drop-shadow(0 0 18px #4f8ef77a);border-radius:14px}.os-brand b{color:var(--os-blue)}.os-sidebar nav{gap:8px;display:grid}.os-sidebar nav a{color:var(--os-muted);border:1px solid #0000;border-radius:16px;padding:12px 14px;text-decoration:none;transition:background .18s,border-color .18s,color .18s,transform .18s}.os-sidebar nav a:hover{color:var(--os-white);background:#4f8ef71a;border-color:#4f8ef757;transform:translate(3px)}.os-sidebar-card{border:1px solid var(--os-line);background:radial-gradient(circle at 20% 0,#4f8ef733,#0000 42%),#f8fafc0a;border-radius:24px;margin-top:auto;padding:18px}.os-sidebar-card span,.os-kicker,.os-agent-id{color:var(--os-blue);font-family:var(--font-geist-mono),monospace;letter-spacing:.22em;text-transform:uppercase;font-size:.72rem;font-weight:800}.os-sidebar-card strong{margin-top:12px;font-size:1.25rem;line-height:1.1;display:block}.os-sidebar-card p,.os-section-header p,.os-hero p{color:var(--os-muted);margin:14px 0 0;line-height:1.7}.os-content{z-index:1;gap:22px;padding:28px;display:grid;position:relative}.os-panel{border:1px solid var(--os-line);background:linear-gradient(145deg,#0f1523e0,var(--os-panel));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:30px;padding:26px;position:relative;overflow:hidden;box-shadow:0 24px 80px #00000061,inset 0 1px #f8fafc14}.os-panel:after{content:"";pointer-events:none;opacity:.64;background:linear-gradient(120deg,#4f8ef71c,#0000 32%,#8b5cf61a);position:absolute;inset:0}.os-panel>*{z-index:1;position:relative}.os-hero{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);align-items:center;gap:36px;min-height:580px;padding:44px;display:grid}.os-hero h1,.os-section-header h2{letter-spacing:-.07em;margin:10px 0 0}.os-hero h1{max-width:900px;font-size:clamp(3.4rem,7vw,7.6rem);line-height:.9}.os-section-header h2{font-size:clamp(1.65rem,3vw,2.65rem);line-height:1}.os-hero-actions{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.os-button{border:1px solid var(--os-line);color:var(--os-white);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;display:inline-flex}.os-button:hover{transform:translateY(-2px)}.os-button-primary{background:linear-gradient(135deg,var(--os-blue),var(--os-purple));font-weight:900;box-shadow:0 0 34px #4f8ef752}.os-button-ghost{background:#f8fafc0e}.os-orbit-card{isolation:isolate;background:radial-gradient(circle,#4f8ef733,#0a0c106b 46%,#8b5cf621);border:1px solid #f8fafc1a;border-radius:30px;place-items:center;min-height:440px;display:grid;position:relative}.os-orbit-card img{filter:drop-shadow(0 0 38px #8b5cf68a);z-index:2}.os-orbit-ring{border:1px dashed #f8fafc2e;border-radius:50%;position:absolute}.ring-one{aspect-ratio:1;width:76%;animation:34s linear infinite os-spin}.ring-two{aspect-ratio:1;width:54%;animation:22s linear infinite reverse os-spin}.os-orbit-card span{color:var(--os-muted);background:#05070bc7;border:1px solid #4f8ef747;border-radius:999px;padding:10px 12px;font-size:.82rem;position:absolute}.os-orbit-card span:first-of-type{top:12%;left:8%}.os-orbit-card span:nth-of-type(2){top:38%;right:7%}.os-orbit-card span:nth-of-type(3){bottom:13%;left:21%}@keyframes os-spin{to{transform:rotate(360deg)}}.os-grid{gap:18px;display:grid}.os-metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.os-metrics-grid .os-section-header{grid-column:1/-1}.os-metric-card span,.os-prompt-card span,.os-report-card span,.os-progress-card p,.os-log-entry p,td,dd{color:var(--os-muted)}.os-metric-card strong{letter-spacing:-.08em;margin:14px 0;font-size:clamp(2.3rem,5vw,4.2rem);display:block}.os-metric-card div{border-top:1px solid var(--os-line);color:var(--os-muted);padding-top:14px}.os-metric-card b{color:var(--os-green);margin-right:10px}.os-table-panel,.os-reports,#backbone,#crm,#payments,#health,#workflow-governance,#system-events,#build-rules{scroll-margin-top:24px}.os-table-wrap{border:1px solid var(--os-line);border-radius:22px;margin-top:22px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:860px}th,td{border-bottom:1px solid var(--os-line);text-align:left;padding:16px}th{color:#f8fafcd6;letter-spacing:.12em;text-transform:uppercase;font-size:.78rem}td strong,.os-prompt-card strong,.os-workflow-node strong,.os-log-entry strong,.os-report-card strong{color:var(--os-white);display:block}.os-two-column,.os-founder-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.os-prompt-list,.os-architecture,.os-status-list,.os-log-list,.os-report-grid,.os-founder-metrics{gap:14px;margin-top:22px;display:grid}.os-prompt-card,.os-workflow-node,.os-progress-card,.os-log-entry,.os-report-card,.os-founder-metrics article,.os-backlog-item{border:1px solid var(--os-line);background:#f8fafc0b;border-radius:20px;padding:16px}.os-prompt-card{grid-template-columns:1fr auto;align-items:center;gap:16px;display:grid}.os-prompt-card div:last-child{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}code{color:var(--os-blue);border:1px solid #4f8ef738;border-radius:999px;padding:6px 9px}.os-status{color:var(--os-blue);white-space:nowrap;border:1px solid #4f8ef742;border-radius:999px;padding:8px 10px;font-size:.74rem;font-weight:800;line-height:1;display:inline-flex}.os-status-online,.os-status-live,.os-status-success,.os-status-ready,.os-status-connected,.os-status-high{color:var(--os-green);border-color:#93ffda57}.os-status-training,.os-status-review,.os-status-medium,.os-status-info{color:var(--os-blue);border-color:#4f8ef757}.os-status-degraded,.os-status-warning,.os-status-needs-approval,.os-status-needs-review,.os-status-manual{color:var(--os-amber);border-color:#ffd1665c}.os-status-queued,.os-status-draft,.os-status-planned,.os-status-scheduled{color:#c8b6ff;border-color:#8b5cf661}.os-workflow-node{grid-template-columns:42px 1fr auto auto auto;align-items:center;gap:14px;display:grid}.os-workflow-node>span{color:var(--os-blue);font-family:var(--font-geist-mono),monospace}.os-workflow-node small,.os-workflow-node em{color:var(--os-muted);margin-top:4px;font-style:normal;display:block}.os-workflow-node b{color:var(--os-white);white-space:nowrap}.os-founder-command{background:radial-gradient(circle at 86% 12%,#4f8ef72e,#0000 26rem),linear-gradient(145deg,#0f1523e0,#0a0c10b8)}.os-founder-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.os-founder-metrics strong{letter-spacing:-.07em;margin:10px 0;font-size:2.45rem;display:block}.os-founder-metrics span,.os-founder-metrics p,.os-backlog-item{color:var(--os-muted)}.os-integration-panel .os-section-header{margin-bottom:22px}.os-backlog-item{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.os-backlog-item span{background:var(--os-blue);width:10px;height:10px;box-shadow:0 0 18px var(--os-blue);border-radius:50%}.os-progress-card>div{justify-content:space-between;gap:12px;display:flex}.os-progress-track{background:#f8fafc14;border-radius:999px;height:9px;margin-top:14px;display:block;overflow:hidden}.os-progress-track span{border-radius:inherit;background:linear-gradient(90deg,var(--os-blue),var(--os-purple));height:100%;display:block;box-shadow:0 0 18px #4f8ef78c}.os-log-entry{grid-template-columns:92px auto 1fr;align-items:center;gap:10px 12px;display:grid}.os-log-entry time{color:var(--os-blue);font-family:var(--font-geist-mono),monospace;font-size:.82rem}.os-log-entry p{grid-column:1/-1;margin:0}.os-report-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.os-rule-list{gap:12px;margin-top:22px;display:grid}.os-rule-card{border:1px solid var(--os-line);background:#f8fafc0b;border-radius:20px;grid-template-columns:56px 1fr;align-items:start;gap:14px;padding:16px;display:grid}.os-rule-card span{color:var(--os-blue);font-family:var(--font-geist-mono),monospace;letter-spacing:.16em;font-weight:900}.os-rule-card p,.os-progress-card small{color:var(--os-muted);margin:0;line-height:1.6}.os-report-card{flex-direction:column;gap:18px;display:flex}dl{gap:10px;margin:0;display:grid}dl div{justify-content:space-between;gap:12px;display:flex}dt{color:var(--os-muted)}dd{text-align:right;margin:0}@media (max-width:1180px){.system-os-shell{grid-template-columns:1fr}.os-sidebar{border-bottom:1px solid var(--os-line);border-right:0;height:auto;position:relative}.os-sidebar nav{grid-template-columns:repeat(4,minmax(0,1fr))}.os-sidebar-card{margin-top:0}.os-hero,.os-two-column,.os-founder-grid{grid-template-columns:1fr}.os-metrics-grid,.os-report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.os-content,.os-sidebar{padding:16px}.os-panel,.os-hero{border-radius:24px;padding:20px}.os-sidebar nav,.os-metrics-grid,.os-report-grid,.os-founder-metrics,.os-prompt-card,.os-workflow-node,.os-log-entry,.os-rule-card{grid-template-columns:1fr}.os-prompt-card div:last-child{justify-content:flex-start}.os-orbit-card{min-height:360px}.os-hero h1{font-size:clamp(3rem,18vw,5rem)}}@media (prefers-reduced-motion:reduce){.ring-one,.ring-two{animation:none}html{scroll-behavior:auto}}