:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f4f6fb;background:#07090d;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #07090d;--sidebar: #050609;--panel: rgba(16, 20, 29, .88);--panel-soft: rgba(13, 17, 24, .78);--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .13);--text: #f4f6fb;--muted: #8992a4;--muted-strong: #b7becc;--pink: #ff3fa4;--blue: #5d9cff;--green: #48d89a;--orange: #ffab5e;--purple: #ae86ff;--danger: #ff6f82}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg)}button{font:inherit}button:focus-visible{outline:2px solid var(--pink);outline-offset:3px}.app-shell{min-height:100vh;display:flex;background:var(--bg)}.sidebar{width:248px;flex:0 0 248px;min-height:100vh;display:flex;flex-direction:column;padding:23px 15px 16px;background:linear-gradient(180deg,#050609,#07090e);border-right:1px solid rgba(255,255,255,.065);position:relative;z-index:2}.brand{display:flex;align-items:center;gap:10px;padding:0 9px 25px}.brand-mark{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;color:#07090d;background:var(--pink);font-weight:900;font-size:18px;box-shadow:0 0 19px #ff3fa438}.brand-name{display:flex;align-items:baseline;gap:2px;font-size:20px;letter-spacing:-.8px;font-weight:760}.brand-name span{color:#fff}.brand-name strong{color:var(--pink);font-weight:820}.workspace-switcher{min-height:54px;display:flex;align-items:center;gap:9px;padding:9px 10px;border:1px solid var(--line);border-radius:13px;background:#ffffff09}.workspace-avatar,.user-avatar{display:grid;place-items:center;flex:0 0 auto;border-radius:10px;color:#f9fbff;background:#28324a;font-weight:800}.workspace-avatar{width:29px;height:29px;font-size:12px}.workspace-switcher>div:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:1px}.workspace-label{color:#6f788a;font-size:10px;text-transform:uppercase;letter-spacing:.09em;font-weight:700}.workspace-switcher strong{overflow:hidden;color:#e8ebf3;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.workspace-caret{margin-left:auto;color:#838da0;font-size:18px}.nav-list{display:flex;flex-direction:column;gap:4px;margin-top:30px}.nav-heading,.eyebrow{color:#70798b;font-size:10px;font-weight:760;letter-spacing:.12em;text-transform:uppercase}.nav-heading{padding:0 12px 8px}.nav-item{position:relative;display:flex;align-items:center;gap:11px;min-height:39px;padding:0 12px;border:0;border-radius:10px;color:#8f98aa;background:transparent;text-align:left;cursor:pointer;transition:color .16s ease,background .16s ease}.nav-item:hover{color:#e5e8ef;background:#ffffff09}.nav-item.active{color:#fff;background:#ff3fa417}.nav-item.active:after{content:"";position:absolute;left:-15px;top:6px;bottom:6px;width:2px;border-radius:3px;background:var(--pink);box-shadow:0 0 15px #ff3fa4c7}.nav-item.active svg{color:var(--pink)}.nav-item span:not(.nav-count){font-size:12px;font-weight:650}.nav-count{margin-left:auto;color:#687183;font-size:11px}.sidebar-bottom{display:flex;flex-direction:column;gap:12px;margin-top:auto}.sidebar-status{display:flex;gap:9px;padding:12px 11px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.sidebar-status>div,.user-card>div:nth-child(2){display:flex;flex-direction:column;gap:2px}.sidebar-status strong,.user-card strong{color:#d9deea;font-size:11px}.sidebar-status span:not(.status-dot),.user-card span{color:#70798a;font-size:10px}.user-card{display:flex;align-items:center;gap:9px;padding:4px 7px}.user-avatar{width:29px;height:29px;background:#40263d;color:#ffc2e2;font-size:10px}.user-card>svg{margin-left:auto;color:#727b8d}.status-dot{display:inline-block;width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:currentColor}.status-dot.connecting{color:#ffc34e;box-shadow:0 0 10px #ffc34eb8}.status-dot.connected{color:var(--green);box-shadow:0 0 10px #48d89ab3}.status-dot.not-connected{color:var(--danger);box-shadow:0 0 10px #ff6f829e}.main-content{position:relative;isolation:isolate;flex:1;min-width:0;min-height:100vh;padding:25px 34px 40px;overflow:hidden}.ambient-glow{position:absolute;z-index:-1;top:-160px;left:50%;width:min(850px,75vw);height:400px;transform:translate(-50%);background:radial-gradient(ellipse,rgba(255,63,164,.075) 0%,rgba(86,58,150,.026) 42%,transparent 72%);pointer-events:none}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:25px;max-width:1500px;margin:0 auto}.topbar h1{margin:6px 0 0;color:#f7f8fb;font-size:clamp(19px,2vw,25px);font-weight:720;letter-spacing:-.65px}.clock{display:flex;flex-direction:column;align-items:flex-end;gap:3px;padding-top:2px}.clock strong{color:#fff;font-size:25px;line-height:1;letter-spacing:-1px}.clock span{color:#778194;font-size:11px}.sync-banner{max-width:1500px;min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:15px;margin:23px auto 0;padding:0 13px;border:1px solid rgba(255,195,78,.16);border-radius:11px;background:#ffc34e0b}.sync-state{display:flex;align-items:center;gap:8px;min-width:0;color:#aab1bf;font-size:11px}.sync-state strong{color:#ffd27a;font-size:11px}.sync-divider{color:#555e70}.text-button,.outline-button,.primary-button,.small-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;cursor:pointer}.text-button{flex:0 0 auto;padding:6px 0 6px 8px;color:#e2aee8;background:transparent;font-size:11px;font-weight:700}.page-content{position:relative;max-width:1500px;margin:0 auto}.hero-row{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-top:38px}.hero-row h2{margin:9px 0 5px;color:#fff;font-size:clamp(24px,3vw,36px);font-weight:720;letter-spacing:-1.45px}.hero-row p{margin:0;color:#8992a4;font-size:13px}.hero-health{display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:#ffffff06}.hero-health>div{display:flex;flex-direction:column;gap:2px}.hero-health strong{color:#dfe5ee;font-size:11px}.hero-health span:not(.health-icon){color:#707a8d;font-size:10px}.health-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;color:var(--pink);background:#ff3fa41f}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:26px}.metric-card,.panel,.connection-panel{border:1px solid var(--line);background:var(--panel);box-shadow:0 18px 50px #0000001f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.metric-card{min-height:150px;display:flex;flex-direction:column;justify-content:space-between;padding:16px 17px 15px;border-radius:14px}.metric-topline{display:flex;align-items:center;justify-content:space-between;color:#98a2b3;font-size:11px;font-weight:680}.metric-topline svg{color:var(--accent)}.metric-value{margin-top:16px;color:#fff;font-size:37px;line-height:1;letter-spacing:-1.8px;font-weight:780}.metric-detail{color:#778194;font-size:10px}.accent-pink{--accent: var(--pink)}.accent-blue{--accent: var(--blue)}.accent-green{--accent: var(--green)}.accent-orange{--accent: var(--orange)}.accent-purple{--accent: var(--purple)}.content-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.8fr);gap:12px;margin-top:12px}.panel{border-radius:15px}.operations-panel,.readiness-panel{min-height:325px;padding:18px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.panel-heading h2{margin:6px 0 0;color:#f2f4f8;font-size:16px;letter-spacing:-.35px}.outline-button,.primary-button,.small-button{border-radius:8px;font-size:10px;font-weight:740}.outline-button{padding:8px 10px;border:1px solid var(--line-strong);color:#dce2ec;background:#ffffff09}.outline-button:hover,.small-button:hover{border-color:#ff3fa473;color:#fff}.operation-list{display:flex;flex-direction:column;gap:2px;margin-top:21px}.operation-row,.readiness-row,.source-row{display:flex;align-items:center;gap:11px;min-height:57px;border-top:1px solid rgba(255,255,255,.055)}.operation-row:first-child,.readiness-row:first-child,.source-row:first-child{border-top:0}.operation-icon,.source-icon{display:grid;place-items:center;width:31px;height:31px;flex:0 0 auto;border-radius:9px;color:var(--accent);background:color-mix(in srgb,var(--accent) 11%,transparent)}.operation-row>div,.source-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.operation-row strong,.source-copy strong{color:#e0e5ef;font-size:11px}.operation-row span:not(.operation-icon),.source-copy span{color:#778194;font-size:10px}.row-status{margin-left:auto;color:#747e91;font-size:10px}.readiness-list{margin-top:19px}.readiness-row{min-height:43px;gap:9px}.readiness-check{display:grid;place-items:center;width:18px;height:18px;border:1px solid #4d5564;border-radius:50%;color:#6a7384;font-size:12px}.readiness-check.complete{border-color:#48d89a85;color:var(--green);background:#48d89a1a}.readiness-row>span:nth-child(2){color:#c4cad5;font-size:11px}.readiness-row small{margin-left:auto;color:#70798a;font-size:9px}.ready-pill{padding:5px 8px;border-radius:999px;color:#9eeecb;background:#48d89a1a;font-size:9px;font-weight:760;text-transform:uppercase;letter-spacing:.07em}.primary-button{width:100%;min-height:35px;margin-top:14px;color:#fff;background:var(--pink);box-shadow:0 7px 22px #ff3fa42b}.primary-button:hover{background:#ff55ae}.connection-panel{position:fixed;z-index:10;top:25px;right:25px;width:min(560px,calc(100vw - 30px));padding:20px;border-color:#ff3fa438;border-radius:17px;background:#0a0c12f7;box-shadow:0 25px 80px #00000085}.icon-button{width:29px;height:29px;border-radius:8px;color:#99a3b5;background:#ffffff0d;font-size:20px;line-height:1}.icon-button:hover{color:#fff;background:#ffffff17}.panel-copy{margin:17px 0 10px;color:#8992a4;font-size:11px;line-height:1.55}.source-list{margin-top:7px}.source-row{min-height:65px;gap:10px}.source-copy{flex:1}.source-status{display:inline-flex;align-items:center;gap:5px;color:#ffc46b;font-size:9px;white-space:nowrap}.source-status.connected{color:var(--green)}.source-status.not-connected{color:var(--danger)}.small-button{padding:7px 9px;border:1px solid var(--line);color:#b9c0cd;background:#ffffff06}.placeholder-page{display:flex;flex-direction:column;align-items:flex-start;max-width:720px;padding-top:115px}.placeholder-icon{display:grid;place-items:center;width:53px;height:53px;margin-bottom:22px;border-radius:16px;color:var(--pink);background:#ff3fa41c;box-shadow:0 0 30px #ff3fa41a}.placeholder-page h2{margin:10px 0 8px;color:#fff;font-size:28px;letter-spacing:-.9px}.placeholder-page p{max-width:600px;margin:0;color:#8d96a8;font-size:13px;line-height:1.65}.placeholder-page .primary-button{width:auto;margin-top:23px;padding:0 14px}@media(max-width:1050px){.sidebar{width:215px;flex-basis:215px}.main-content{padding-left:24px;padding-right:24px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.app-shell{display:block}.sidebar{width:100%;min-height:auto;padding:14px 14px 10px;border-right:0;border-bottom:1px solid var(--line)}.brand{padding:0 4px 12px}.workspace-switcher,.sidebar-bottom{display:none}.nav-list{flex-direction:row;gap:5px;margin-top:0;overflow-x:auto;padding-bottom:2px}.nav-heading{display:none}.nav-item{flex:0 0 auto;min-height:35px;padding:0 10px}.nav-item.active:after{left:8px;right:8px;top:auto;bottom:-2px;width:auto;height:2px}.nav-item span:not(.nav-count){font-size:10px}.main-content{min-height:calc(100vh - 106px);padding:20px 15px 30px}.topbar{align-items:flex-end}.topbar h1{font-size:18px}.clock strong{font-size:20px}.clock span{font-size:9px}.sync-banner{align-items:flex-start;flex-direction:column;gap:4px;padding:10px 12px}.sync-state{align-items:flex-start;flex-wrap:wrap;line-height:1.45}.text-button{padding-left:0}.hero-row{align-items:flex-start;flex-direction:column;gap:16px;margin-top:28px}.hero-row h2{font-size:27px}.hero-health{width:100%}.metric-grid,.content-grid{grid-template-columns:1fr}.metric-card{min-height:130px}.connection-panel{top:10px;right:10px;width:calc(100vw - 20px);padding:16px}.source-status{display:none}.placeholder-page{padding-top:70px}}