:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#26222a;background:#151317;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--cream:#f1eee7;--white:#fffefa;--ink:#26212b;--muted:#817c7d;--accent:#c64224;--accent-dark:#a83019;--purple:#624096;--line:#e8e3da}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{padding:22px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit}.hidden{display:none!important}svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:800;color:#a29b93}.eyebrow.light{color:#f5d9c8}.slash{color:var(--accent);margin:0 4px}.shell{max-width:1630px;margin:0 auto;min-height:calc(100vh - 44px);background:var(--cream);border-radius:28px;display:flex;overflow:hidden;padding:20px 20px 20px 18px;box-shadow:0 35px 100px #0006}.rail{width:77px;flex:0 0 77px;background:#242028;color:#aaa6a9;border-radius:26px;padding:16px 10px;display:flex;flex-direction:column;align-items:center;gap:17px;min-height:680px}.rail-brand{background:transparent;border:0;color:#f2714c;font-size:28px;font-weight:900;letter-spacing:-3px;margin:2px 0 7px}.rail-brand span,.brand-mark span{color:#f8aa82}.rail-nav,.rail-bottom{display:flex;flex-direction:column;gap:8px;width:100%;align-items:center}.rail-bottom{margin-top:auto}.nav-btn{width:53px;height:53px;background:transparent;border:0;border-radius:17px;color:#99949e;display:grid;place-items:center;transition:all .16s}.nav-btn svg{width:21px;height:21px}.nav-btn:hover{background:#3b3640;color:#f8f4ec}.nav-btn.active{background:#fffefa;color:#2b2630;box-shadow:0 5px 14px #0003}.rail-avatar{display:grid;place-items:center;width:45px;height:45px;background:#6947a1;color:#fff;border-radius:14px;font-weight:800;font-size:14px;margin-top:7px}.workspace{flex:1;min-width:0;padding:18px 15px 0 25px;display:flex;flex-direction:column}.topbar{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:21px}.top-heading h1{font-size:clamp(25px,2.5vw,39px);line-height:1.12;font-weight:800;letter-spacing:-1.6px;margin:10px 0 7px}.subtitle{font-size:13px;color:#868080}.top-controls{display:flex;align-items:center;gap:12px}.searchbox{background:var(--white);height:49px;min-width:220px;width:260px;display:flex;align-items:center;gap:10px;padding:0 13px;border:1px solid #eeebe5;border-radius:16px;box-shadow:0 3px 9px #00000008}.searchbox svg,.sync-pill svg{width:17px;height:17px;color:#827b80}.searchbox input{min-width:0;width:100%;background:none;border:0;outline:0;font-size:12px;color:var(--ink)}.searchbox kbd{background:#ece9e5;border-radius:5px;font-size:10px;color:#989194;padding:3px 5px;white-space:nowrap}.sync-pill{background:#fffefa;border:1px solid #efebe6;border-radius:15px;height:49px;display:flex;align-items:center;gap:9px;padding:0 13px;white-space:nowrap;font-size:11px;color:#534c56}.sync-pill span{display:flex;flex-direction:column;text-align:left;line-height:1.35;font-weight:650}.sync-pill strong{font-size:10px;color:#9d9892;font-weight:500}.profile-chip{border:0;background:#69469d;color:white;width:48px;height:48px;border-radius:15px;font-size:12px;font-weight:800;box-shadow:0 5px 16px #69469d35}.site-footer{display:flex;justify-content:space-between;gap:10px;padding:18px 5px 5px;font-size:10px;color:#a5a09a;margin-top:auto}.tiny-dot{color:#bf4329;font-size:9px;margin:0 5px}
.card{background:var(--white);border-radius:22px;padding:23px;border:1px solid #ede9e3;box-shadow:0 5px 14px #29202404;min-width:0}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}.card-title{font-weight:750;font-size:14px;color:#39343c;letter-spacing:-.25px}.card-note{font-size:11px;color:#949096}.card-number{font-size:clamp(27px,3vw,44px);line-height:1.2;font-weight:800;letter-spacing:-1.6px}.pill{font-size:10px;font-weight:750;border-radius:9px;padding:6px 9px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.pill.good{color:#247655;background:#e4f4e9}.pill.warn{color:#a76b0d;background:#fff1d7}.pill.bad{color:#a73532;background:#fbe9e6}.pill.neutral{color:#706775;background:#f3f0f3}.pill.dark{background:#433640;color:#fff5ec}.pill.purple{color:#69469d;background:#ece7f5}
.kpi-grid{display:grid;grid-template-columns:1.07fr 1fr 1fr;grid-template-rows:184px 247px;gap:17px;margin-bottom:17px}.hero-card{grid-row:span 2;background:linear-gradient(145deg,#b6381b,#ce5128 70%,#bd361b);color:white;border:0;padding:26px 26px 20px;display:flex;flex-direction:column;overflow:hidden;position:relative}.hero-card:after{content:"";position:absolute;right:-60px;bottom:-90px;width:260px;height:260px;border:1px solid #ffffff19;border-radius:50%;pointer-events:none}.hero-card .card-title,.hero-card .card-note{color:#fff6e8}.hero-card .card-number{font-size:clamp(58px,6vw,88px);margin:14px 0 0;letter-spacing:-5px}.hero-sub{font-size:12px;color:#ffd9c8}.hero-chart{display:flex;align-items:flex-end;justify-content:space-between;flex:1;gap:7px;margin:30px 0 4px;min-height:106px}.hero-bar-item{display:flex;flex:1;min-width:0;flex-direction:column;align-items:center;justify-content:flex-end;gap:10px;height:100%}.hero-bar{background:#fff7ed;border-radius:18px 18px 4px 4px;min-height:7px;width:min(100%,40px);opacity:.97;box-shadow:0 0 0 1px #fff1}.hero-bar-label{font-size:10px;opacity:.75}.kpi-card{display:flex;flex-direction:column;justify-content:space-between}.micro-bars{display:flex;gap:3px;margin-top:auto;padding-top:15px;height:38px}.micro-bars i{height:100%;width:4px;background:var(--accent);border-radius:2px;opacity:.75;flex:1;max-width:7px}.micro-bars i.off{opacity:.08}.micro-bars.purple i{background:var(--purple)}.meter{height:10px;background:#ede9eb;border-radius:10px;overflow:hidden;position:relative}.meter>i{height:100%;display:block;background:var(--purple);border-radius:10px;width:0}.budget-label{display:flex;justify-content:space-between;font-size:10px;color:#8c848a;margin-top:10px;gap:10px}.large-card{display:flex;flex-direction:column}.large-card .card-number{margin:9px 0}.dark-card{background:#25202b;border:0;color:#fdf9f3;position:relative;overflow:hidden;display:flex;flex-direction:column}.dark-card:after{content:"";position:absolute;right:-35px;bottom:-65px;width:270px;height:130px;background:radial-gradient(ellipse,#9d4a4335,transparent 70%);pointer-events:none}.dark-card .card-title{color:#fdf9f3}.dark-card .card-note{color:#a69ba7}.dark-card .card-number{margin:4px 0 8px}.sparkline{height:86px;width:100%;margin-top:auto;color:#c97863;overflow:visible}.sparkline polyline{fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.sparkline .fillpath{fill:#c9786322;stroke:none}.dark-card .pill{background:#483d49;color:#c9b0c7}.sections-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:17px;margin-bottom:17px}.section-main,.section-side{min-height:275px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px}.section-heading h2{margin:0;font-size:17px;letter-spacing:-.4px}.section-heading small{font-size:11px;color:#8b8589}.link-button{background:none;border:0;color:var(--accent-dark);font-size:11px;font-weight:750;padding:7px}.health-list{display:grid;gap:10px}.health-row{display:flex;gap:10px;align-items:center;justify-content:space-between;border-bottom:1px solid #f0ece7;padding:7px 0}.health-row:last-child{border:0}.health-row strong{font-size:12px;font-weight:750}.health-row small{display:block;color:#969096;font-size:10px;margin-top:3px}.health-icon{width:33px;height:33px;border-radius:11px;background:#f7eee9;color:var(--accent);display:grid;place-items:center;font-size:12px;font-weight:750}
.page-headline{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin:6px 0 17px}.page-headline h2{font-size:20px;letter-spacing:-.7px;margin:0 0 6px}.page-headline p{font-size:12px;color:#8c8587;margin:0}.page-tools{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.btn{border:0;border-radius:13px;font-size:12px;font-weight:750;padding:11px 15px;display:inline-flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;min-height:39px}.btn-accent{background:var(--accent);color:white}.btn-accent:hover{background:var(--accent-dark)}.btn-ink{background:#28232c;color:#fff}.btn-plain{background:#f0ece7;color:#464046}.btn-outline{background:#fffefa;border:1px solid var(--line);color:#464046}.btn-danger{background:#a53533;color:#fff}.btn-sm{padding:7px 10px;font-size:10px;min-height:30px;border-radius:10px}.filter{height:39px;padding:0 12px;border:1px solid #e6e1d9;border-radius:12px;background:#fffefa;color:#454047;font-size:12px;min-width:138px}.table-card{background:var(--white);border:1px solid #ebe6dd;border-radius:21px;overflow:hidden}.table-scroller{width:100%;overflow:auto}.table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.table thead{background:#f9f7f2}.table th{color:#969095;font-size:10px;letter-spacing:.4px;text-transform:uppercase;font-weight:750;padding:14px 16px;white-space:nowrap}.table td{padding:14px 16px;border-top:1px solid #f0ede7;vertical-align:middle}.table tbody tr:hover{background:#faf9f6}.table td strong{font-weight:750}.dim{color:#928b8f;font-size:11px}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;overflow-wrap:anywhere}.nowrap{white-space:nowrap}.text-right{text-align:right}.empty{padding:42px 18px;text-align:center;color:#948f91;font-size:12px}.empty strong{display:block;color:#474047;font-size:15px;margin-bottom:8px}.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin-bottom:17px}.three-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-bottom:17px}.server-card{min-height:280px}.server-heading{display:flex;align-items:center;gap:13px;margin-bottom:23px}.server-icon{width:45px;height:45px;background:#f5e6df;color:#bb4229;border-radius:14px;display:grid;place-items:center;font-size:18px;font-weight:800}.server-name{font-size:18px;font-weight:800;letter-spacing:-.4px}.server-role{font-size:11px;color:#928b8b}.metric-line{margin:15px 0}.metric-line-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;font-size:12px}.metric-line-header strong{font-size:13px}.track{height:9px;background:#efebe5;border-radius:30px;overflow:hidden}.track i{display:block;height:100%;border-radius:30px;background:#c84f31;min-width:0}.track.purple i{background:#6a4d9b}.track.gray i{background:#45404a}.chart-card{min-height:225px}.chart-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:11px;color:#847d81}.legend-dot{width:8px;height:8px;display:inline-block;border-radius:50%;margin-right:5px}.linechart{width:100%;height:158px;margin-top:14px;overflow:visible}.linechart polyline{fill:none;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.linechart line{stroke:#e7e1dd;stroke-width:1}.linechart text{font-size:9px;fill:#a5a0a0}.log-view{background:#27232b;color:#e9ecee;border-radius:17px;padding:19px;white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;max-height:62vh;overflow:auto;min-height:250px;margin:15px 0 0}.log-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.kbd-sub{color:#9c9599;font-size:11px;margin-top:8px}
.form-grid{display:grid;gap:15px}.form-field{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:750;color:#68616b}.form-field input,.form-field select,.form-field textarea,.auth-form label input{width:100%;background:#fff;border:1px solid #e5e0d9;border-radius:11px;padding:12px;font-size:13px;outline:0;color:#29242a}.form-field input:focus,.form-field select:focus,.auth-form label input:focus{border-color:#bb563c;box-shadow:0 0 0 3px #c9472520}.form-field textarea{resize:vertical;min-height:96px}.inline-help{font-size:11px;color:#958d92;line-height:1.5}.warning-note{background:#fff4e7;color:#8e561a;padding:13px 15px;border-radius:12px;font-size:11px;line-height:1.6}.section-note{background:#f7f4ec;border:1px solid #ede6dd;padding:14px;border-radius:12px;font-size:12px;color:#716a6a;line-height:1.55}.settings-card{max-width:650px}.settings-card h3{font-size:17px;margin:0 0 5px}.settings-card p{color:#8f888e;font-size:12px;margin:0 0 19px}.inline-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.form-error{font-size:12px;color:#ab302c;margin-top:10px;min-height:18px}
.modal{max-width:560px;width:calc(100% - 28px);max-height:90vh;overflow:auto;border:1px solid #ebe5df;border-radius:24px;background:#fffdfa;box-shadow:0 28px 110px #0005;padding:25px;color:#29242b}.modal::backdrop{background:#201b25ad;backdrop-filter:blur(3px)}.modal-heading{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:18px}.modal-heading h2{font-size:23px;line-height:1.15;letter-spacing:-.7px;margin:8px 0}.icon-button{width:32px;height:32px;background:#f4f1ec;border:0;border-radius:10px;font-size:21px;color:#56505a}.modal-buttons{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}.toast{position:fixed;bottom:27px;right:27px;background:#29232b;color:white;font-size:12px;padding:14px 18px;border-radius:13px;box-shadow:0 11px 45px #0004;opacity:0;transform:translateY(15px);pointer-events:none;transition:all .2s;z-index:100}.toast.visible{opacity:1;transform:translateY(0)}.toast.error{background:#a7332e}.loading-view{padding:70px 0;text-align:center;color:#9a9294;font-size:13px}
.auth-layout{max-width:1260px;margin:3vh auto;background:var(--white);border-radius:28px;min-height:680px;display:grid;grid-template-columns:1fr 1fr;padding:22px;gap:24px;overflow:hidden}.auth-side{border-radius:23px;background:linear-gradient(155deg,#b5391b,#d65a2d);padding:33px;color:white;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}.brand-mark{font-size:28px;font-weight:900;color:white;letter-spacing:-3px}.brand-mark.large{font-size:39px}.auth-art{position:relative;z-index:2}.auth-art h1{font-weight:850;font-size:clamp(40px,5vw,69px);line-height:1.01;letter-spacing:-3px;margin:14px 0 17px}.auth-art p{font-size:14px;line-height:1.7;color:#ffe0d1;max-width:340px}.auth-footer{font-size:10px;letter-spacing:1.5px;color:#ffd5c3}.decor-bars{height:105px;display:flex;align-items:flex-end;gap:12px;margin-top:42px}.decor-bars i{display:block;flex:1;max-width:50px;background:#fff8f0;border-radius:30px 30px 2px 2px}.decor-bars i:nth-child(1){height:47%}.decor-bars i:nth-child(2){height:68%}.decor-bars i:nth-child(3){height:56%}.decor-bars i:nth-child(4){height:89%}.decor-bars i:nth-child(5){height:74%}.decor-bars i:nth-child(6){height:100%}.decor-bars i:nth-child(7){height:79%}.auth-form-side{display:flex;align-items:center;justify-content:center;padding:30px}.auth-form{width:100%;max-width:345px}.auth-form h2{font-size:37px;letter-spacing:-1.8px;margin:13px 0 4px}.auth-form p{font-size:13px;color:#938d8b;margin-bottom:35px}.auth-form label{display:block;font-weight:750;font-size:12px;color:#5c545a;margin:20px 0}.auth-form label input{display:block;margin-top:9px}.auth-form .btn{width:100%;min-height:47px;margin-top:10px;justify-content:space-between;padding:0 18px}.auth-form small{display:block;font-size:10px;color:#aca5a5;margin-top:38px}
@media(max-width:1150px){.top-controls .searchbox{min-width:170px;width:190px}.kpi-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.hero-card{grid-row:span 2;min-height:370px}.kpi-card,.large-card,.dark-card{min-height:170px}.sections-grid{grid-template-columns:1fr}.topbar{align-items:flex-start}.top-controls{margin-top:10px}}
@media(max-width:800px){body{padding:0;background:var(--cream)}.shell{border-radius:0;min-height:100dvh;padding:0 0 78px;display:block;overflow:visible}.rail{z-index:50;position:fixed;bottom:0;left:0;right:0;width:auto;min-height:0;height:65px;border-radius:0;padding:7px 10px;background:#242028;display:flex;flex-direction:row;gap:8px;justify-content:space-between}.rail-brand,.rail-bottom .rail-avatar{display:none}.rail-nav{flex-direction:row;gap:3px;overflow-x:auto;scrollbar-width:none;justify-content:flex-start}.rail-nav::-webkit-scrollbar{display:none}.rail-bottom{width:auto;margin:0;flex-direction:row;gap:2px}.nav-btn{height:46px;width:43px;border-radius:12px;flex-shrink:0}.nav-btn svg{width:19px;height:19px}.workspace{padding:22px 16px 8px}.topbar{flex-direction:column;gap:16px}.top-heading h1{font-size:30px}.top-controls{width:100%;margin:0;justify-content:space-between}.searchbox{flex:1}.sync-pill{min-width:102px}.kpi-grid{grid-template-columns:1fr 1fr;gap:12px}.hero-card{grid-column:span 2;grid-row:auto;min-height:330px}.card{padding:19px;border-radius:19px}.large-card,.dark-card{min-height:185px}.kpi-card{min-height:156px}.sections-grid{gap:12px}.two-col,.three-col{grid-template-columns:1fr}.site-footer{display:none}.auth-layout{margin:0;border-radius:0;min-height:100dvh;display:flex;flex-direction:column;padding:0;gap:0}.auth-side{border-radius:0 0 28px 28px;min-height:270px;padding:24px}.auth-art h1{font-size:38px}.auth-art p,.decor-bars,.auth-footer{display:none}.auth-form-side{flex:1;padding:35px 25px}.auth-form h2{font-size:35px}}
@media(max-width:520px){.profile-chip,.searchbox kbd{display:none}.searchbox{min-width:0;width:100%}.top-heading h1{font-size:28px}.kpi-grid{grid-template-columns:1fr}.hero-card{grid-column:auto}.kpi-card{min-height:155px}.hero-card .card-number{font-size:65px}.sections-grid{grid-template-columns:1fr}.page-headline{flex-direction:column;align-items:flex-start}.page-tools{width:100%;justify-content:flex-start}.filter{min-width:0;flex:1}.site-footer{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}