:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eeeafd;background:#0d0a17;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-size:14px}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 75% -20%,#2a1745 0%,transparent 42%),#0d0a17}.shell{min-height:100vh;display:grid;grid-template-columns:238px minmax(0,1fr)}.sidebar{background:#110c1df5;border-right:1px solid #302343;padding:23px 15px;display:flex;flex-direction:column;box-shadow:12px 0 40px #08051035}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:760;letter-spacing:-.7px;padding:4px 8px 36px}.brand-mark{width:34px;height:34px;display:grid;place-items:center;background:linear-gradient(145deg,#b69aff,#7c4dce);color:#170d28;border-radius:11px;box-shadow:0 5px 22px #9866ec55}.brand-spark{color:#b99aff;margin-left:auto}.eyebrow{font-size:10px;letter-spacing:1.3px;color:#887b9e;padding:0 9px;margin:0 0 10px}.workspace{display:flex;align-items:center;justify-content:space-between;text-align:left;background:#1b1429;border:1px solid #3a2a50;color:#d5c9e8;border-radius:9px;padding:11px;font-size:12px}.project-label{margin-top:28px}.project{display:flex;align-items:center;gap:9px;padding:10px 8px;color:#cfc2e2;font-size:12px;overflow-wrap:anywhere}.sidebar nav{margin-top:13px;display:grid;gap:5px}.nav-item{position:relative;display:flex;align-items:center;gap:11px;border:0;background:transparent;color:#a99bbd;text-align:left;padding:12px 11px;border-radius:9px;font-size:13px;cursor:pointer;transition:background .22s,color .22s,transform .22s}.nav-item:hover{background:#211832;color:#e8dcff;transform:translate(2px)}.nav-item.active{background:linear-gradient(100deg,#39245b,#251a39);color:#d5bcff;box-shadow:inset 0 0 0 1px #694b91}.nav-indicator{width:5px;height:5px;border-radius:50%;background:#b69aff;margin-left:auto;box-shadow:0 0 12px #b69aff}.sidebar-bottom{display:flex;align-items:center;gap:8px;color:#a895c3;font-size:11px;margin-top:auto;padding:16px 8px 0}.main{min-width:0}.topbar{height:60px;border-bottom:1px solid #2b203b;display:flex;align-items:center;justify-content:space-between;padding:0 32px;color:#9f91b3;font-size:12px;background:#110d1b99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.breadcrumb{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.breadcrumb span{color:#5d4e70}.breadcrumb b{color:#e4d9f3;font-weight:550}.demo{display:flex;gap:7px;align-items:center;background:#211a2c;border:1px solid #3b2d4c;border-radius:30px;padding:6px 10px}.demo i{width:7px;height:7px;background:#b69aff;border-radius:50%;box-shadow:0 0 10px #b69aff}.content{max-width:1160px;margin:0 auto;padding:36px 32px;min-height:calc(100vh - 60px);display:flex;flex-direction:column;animation:fadeUp .45s ease both}.kicker{font-size:9px;letter-spacing:1.7px;color:#b69aff;margin-bottom:8px;font-weight:700}.heading-row{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}h1{font-size:27px;letter-spacing:-.9px;margin:0 0 8px;font-weight:680;color:#f4efff}.muted{color:#a99bbd;font-size:13px;margin:0 0 25px}.heading-row .muted{margin-bottom:0}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;padding:10px 14px;font-size:12px;font-weight:650;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}.primary{background:linear-gradient(135deg,#b69aff,#8a61d0);border:1px solid #b69aff;color:#1a1027;box-shadow:0 5px 18px #8a61d044}.primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8a61d066}.secondary{background:#211831;border:1px solid #594276;color:#e5d8fa}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:26px 0 17px}.stat,.panel{background:linear-gradient(145deg,#1b1429,#151020);border:1px solid #352646;border-radius:12px;box-shadow:0 10px 35px #08051035}.stat{position:relative;padding:18px 19px;overflow:hidden;animation:fadeUp .5s ease both}.stat:nth-child(2){animation-delay:.07s}.stat:nth-child(3){animation-delay:.14s}.stat:after{content:"";position:absolute;width:95px;height:95px;border-radius:50%;right:-45px;top:-48px;background:#a77df51a;filter:blur(2px)}.stat-top{display:flex;align-items:center;justify-content:space-between}.stat-title{color:#b2a4c5;font-size:12px}.stat-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;color:#c3a9ff;background:#322348}.stat-number{font-size:23px;font-weight:680;margin:14px 0 5px;color:#f1eaff;letter-spacing:-.5px}.stat-number.green{font-size:21px;color:#c5aaff}.stat p{font-size:11px;color:#a092b5;margin:0;line-height:1.6}.status-dot{position:absolute;right:20px;bottom:22px;width:7px;height:7px;border-radius:50%;background:#9a6dca}.status-dot.online{background:#a78bfa;box-shadow:0 0 12px #a78bfa}.stat-foot{font-size:10px;color:#9582b0}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(220px,1fr);gap:15px;margin-bottom:17px}.panel{overflow:hidden;margin-bottom:17px}.dashboard-grid .panel{margin:0}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;border-bottom:1px solid #352646;font-weight:620;font-size:13px;color:#e9e0f5}.pill{font-size:9px;letter-spacing:.7px;color:#c3a9ff;background:#302044;border:1px solid #4c3566;border-radius:5px;padding:5px 7px}.chart-wrap{padding:13px 18px 0}.chart-meta{display:flex;justify-content:space-between;color:#b7a9c9;font-size:11px}.chart-period{color:#827394;font-size:10px}.chart{width:100%;height:126px;overflow:visible;margin-top:7px}.grid-line{stroke:#382a48;stroke-width:1;stroke-dasharray:3 5}.chart-line{fill:none;stroke:#b69aff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px #a77df588)}.chart-dot{fill:#d9caff;stroke:#8d65c7;stroke-width:1.5}.chart-axis{display:flex;justify-content:space-between;color:#796b8d;font-size:9px;padding:0 0 10px}.chart-disclaimer{font-size:9px;color:#786a8c;margin:0;padding:0 18px 13px}.quick-panel{padding-bottom:9px}.quick-panel .panel-title{margin-bottom:7px}.panel-glyph{color:#a98be1}.quick-panel button{display:flex;align-items:center;gap:10px;width:calc(100% - 20px);margin:3px 10px;padding:10px;background:transparent;border:0;border-radius:7px;color:#c7bad9;text-align:left;font-size:11px;cursor:pointer;transition:background .2s}.quick-panel button:hover{background:#2a1d3b}.quick-panel button svg:last-child{margin-left:auto;color:#8b78a3}.steps{padding:19px;display:grid;gap:22px}.step{display:flex;align-items:flex-start;gap:13px}.step-icon{width:25px;height:25px;flex:0 0 25px;border-radius:8px;border:1px solid #55416d;color:#c1afd9;display:grid;place-items:center;font-size:12px;background:#211831}.step-icon.done{color:#d2bdff;background:#34234a;border-color:#7656a0}.step b{font-size:13px;font-weight:570;color:#e7def2}.step p{font-size:12px;color:#a092b5;margin:6px 0 0;line-height:1.65}.notice{margin-top:0;margin-bottom:17px;background:#20182d;border:1px solid #46345b;border-radius:8px;padding:13px;color:#c2b4d3;display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.65}.notice svg{flex:0 0 auto;color:#b69aff}.empty{padding:42px 20px;display:flex;align-items:center;flex-direction:column;gap:12px;text-align:center;color:#a092b5}.empty>b{color:#e7def2;font-size:14px}.empty p{max-width:390px;line-height:1.7;font-size:12px}.editor{padding:17px}.editor pre{background:#100c19;border:1px solid #3a2b4b;border-radius:8px;padding:18px;overflow:auto;color:#d6c4ff;font:13px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;min-height:145px}.editor pre span{color:#857398}.settings{padding:20px;display:grid;gap:17px;max-width:620px}.settings label{display:grid;gap:8px;color:#b2a4c5;font-size:12px}.settings input{width:100%;background:#100c19;color:#e7def2;border:1px solid #49365f;border-radius:7px;padding:10px;font:inherit;font-size:16px}.settings .primary{justify-self:start}footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#786a8c;font-size:10px;margin-top:auto;padding-top:38px}@keyframes fadeUp{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:850px){.dashboard-grid{grid-template-columns:1fr}.shell{grid-template-columns:210px minmax(0,1fr)}}@media(max-width:680px){.shell{grid-template-columns:1fr}.sidebar{padding:12px;border-right:0;border-bottom:1px solid #302343}.brand{padding:4px 5px 14px}.eyebrow,.workspace,.project-label,.project,.sidebar-bottom{display:none}.sidebar nav{display:flex;overflow:auto;margin:0}.nav-item{white-space:nowrap;padding:10px}.topbar{height:auto;min-height:50px;padding:12px 16px}.content{padding:25px 16px}.stats{grid-template-columns:1fr}.stat{padding:15px}.heading-row{align-items:flex-start}h1{font-size:23px}}@media(min-width:681px){.sidebar{min-height:100vh}}