:root{--bg: #070809;--bg2: #0c0e10;--bg3: #111416;--bg4: #171a1d;--bg5: #1c2024;--border: rgba(255,255,255,.06);--border2: rgba(255,255,255,.1);--text: #e8eaed;--text2: #9aa3af;--text3: #4a5568;--teal: #00d4aa;--teal-dim: rgba(0,212,170,.08);--teal-glow: rgba(0,212,170,.15);--blue: #4a9eff;--blue-dim: rgba(74,158,255,.08);--red: #ff5563;--red-hover: #ff7a85;--text-on-teal: #06241f;--red-dim: rgba(255,85,99,.08);--amber: #f5a623;--amber-dim: rgba(245,166,35,.08);--green: #34d399;--purple: #a78bfa;--mono: "Geist Mono", monospace;--sans: "Geist", sans-serif;--sidebar-w: 200px;--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--bp-tablet: 768px;--bp-desktop: 1024px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;min-width:0}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg5);border-radius:4px}@media(max-width:768px){input,select,textarea{font-size:16px}}.app{display:flex;min-height:100dvh}.sidebar{position:fixed;top:0;right:0;left:auto;width:min(var(--sidebar-w),80vw);height:100dvh;background:var(--bg2);border-left:1px solid var(--border);display:flex;flex-direction:column;padding:16px 0;transform:translate(100%);transition:transform .22s ease;z-index:60;box-shadow:0 0 40px #0000008c;overflow-y:auto}.app.nav-open .sidebar{transform:none}.nav-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:55}.app.nav-open .nav-overlay{display:block}.sidebar-logo{display:flex;align-items:center;gap:10px;padding:0 16px 18px;margin-bottom:8px;border-bottom:1px solid var(--border)}.logo-mark{width:32px;height:32px;border-radius:var(--r-md);background:linear-gradient(135deg,var(--teal),#00a88a);display:flex;align-items:center;justify-content:center;font-weight:700;color:#06241f;font-size:16px;flex-shrink:0}.logo-info{flex:1;min-width:0}.logo-name{font-weight:600;font-size:13px;letter-spacing:-.01em}.logo-sub{font-family:var(--mono);font-size:10px;color:var(--teal)}.nav-group{padding:12px 10px 0}.nav-group-label{font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--text3);padding:0 8px 6px}.nav-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:var(--r-sm);color:var(--text2);font-size:12.5px;cursor:pointer;transition:.13s;margin-bottom:1px;text-decoration:none}.nav-item lucide-icon{opacity:.8;display:inline-flex}.nav-item:hover{background:var(--bg3);color:var(--text)}.nav-item.active{background:var(--teal-dim);color:var(--teal)}.nav-item.active lucide-icon{opacity:1}.sidebar-footer{margin-top:auto;padding:14px 14px 2px}.admin-avatar{display:flex;align-items:center;gap:9px;padding-top:14px;border-top:1px solid var(--border)}.avatar-dot{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--teal));display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;color:#04121f;flex-shrink:0}.avatar-info{flex:1;min-width:0}.avatar-name{font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar-role{font-family:var(--mono);font-size:9px;color:var(--text3)}.logout-btn{margin-left:auto;width:26px;height:26px;border:1px solid var(--border2);background:transparent;border-radius:var(--r-sm);color:var(--text2);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.logout-btn:hover{color:var(--text);border-color:var(--text3)}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:54px;flex-shrink:0;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:14px;padding:0 14px;background:#070809b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.topbar-title{font-weight:600;font-size:14px}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:11px;color:var(--text3);min-width:0}.status-dot{display:inline-flex;align-items:center;gap:6px;color:var(--teal);white-space:nowrap}.status-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 8px var(--teal);animation:pulse 2.4s ease infinite;flex-shrink:0}.tb-meta{white-space:nowrap}.hamburger{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;background:var(--bg3);border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;flex-shrink:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.content{padding:14px;display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto}router-outlet{display:none}.content>*:not(router-outlet){flex:1;min-height:0;min-width:0;display:flex;flex-direction:column}@media(min-width:1024px){.app{height:100dvh;overflow:hidden}.sidebar{position:sticky;top:0;left:auto;right:auto;width:var(--sidebar-w);height:100dvh;flex-shrink:0;transform:none;box-shadow:none;border-left:none;border-right:1px solid var(--border)}.nav-overlay{display:none!important}.hamburger{display:none}.topbar{padding:0 28px}.content{padding:28px;max-width:1800px;gap:20px}.screen:has(.fill){height:100%;overflow:hidden}.card.fill thead th{position:sticky;top:0;background:var(--bg3);z-index:2}}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.page-title{font-size:22px;font-weight:700;letter-spacing:-.02em}.page-meta{font-family:var(--mono);font-size:11px;color:var(--text3)}.page-note{font-family:var(--mono);font-size:10.5px;color:var(--text3);margin-top:4px}.page-note b{color:var(--text2);font-weight:500}.refresh-tag{font-family:var(--mono);font-size:10px;color:var(--text3);display:inline-flex;gap:6px;align-items:center}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r-lg)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border)}.card-label{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text2);font-weight:500}.card-hint{font-family:var(--mono);font-size:10px;color:var(--text3)}.card-body{padding:18px}.card-action{font-family:var(--mono);font-size:11px;color:var(--teal);cursor:pointer;display:inline-flex;gap:6px;align-items:center;background:none;border:none;padding:0}.card-action:hover{text-decoration:underline}.kpi-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.kpi{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px 20px;display:flex;flex-direction:column;gap:6px;position:relative;overflow:hidden;transition:border-color .13s}.kpi:hover{border-color:var(--border2)}.kpi-top{position:absolute;top:0;left:0;right:0;height:2px;opacity:.85}.kpi-top.teal{background:var(--teal)}.kpi-top.blue{background:var(--blue)}.kpi-top.amber{background:var(--amber)}.kpi-top.purple{background:var(--purple)}.kpi-top.green{background:var(--green)}.kpi-top.red{background:var(--red)}.kpi-label{font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--text3)}.kpi-value{font-family:var(--mono);font-size:26px;font-weight:600;line-height:1;letter-spacing:-.01em;word-break:break-word}.kpi-value.teal{color:var(--teal)}.kpi-value.blue{color:var(--blue)}.kpi-value.amber{color:var(--amber)}.kpi-value.purple{color:var(--purple)}.kpi-value.red{color:var(--red)}.kpi-value.green{color:var(--green)}.kpi-sub{font-family:var(--mono);font-size:10px;color:var(--text3)}@media(min-width:768px){.kpi-strip{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.kpi-strip{grid-template-columns:repeat(6,1fr)}.kpi-strip.cols-5{grid-template-columns:repeat(5,1fr)}.kpi-strip.cols-4{grid-template-columns:repeat(4,1fr)}.kpi-strip.cols-2{grid-template-columns:repeat(2,1fr);gap:12px}}.ret-grid{display:grid;grid-template-columns:1fr}.ret-stat{padding:6px 0;display:flex;flex-direction:column;gap:5px}.ret-stat .v{font-family:var(--mono);font-size:26px;font-weight:600;line-height:1;letter-spacing:-.01em}.ret-stat .v.teal{color:var(--teal)}.ret-stat .v.blue{color:var(--blue)}.ret-stat .v.red{color:var(--red)}@media(min-width:768px){.ret-grid{grid-template-columns:repeat(2,1fr);gap:14px 0}.ret-grid.two{grid-template-columns:1fr 1fr;row-gap:18px}}@media(min-width:1024px){.ret-grid{grid-template-columns:repeat(4,1fr)}.ret-stat{padding:2px 24px}.ret-stat:not(:first-child){border-left:1px solid var(--border)}.ret-grid.two{grid-template-columns:1fr 1fr}.ret-grid.two .ret-stat:nth-child(3){border-left:none}}.grid-2,.grid-3{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width:1024px){.grid-2{grid-template-columns:1fr 1fr}.grid-2.uneven{grid-template-columns:360px 1fr}.grid-2.charts{grid-template-columns:1.4fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}}.chart-box{height:240px;position:relative}.chart-box.tall{height:300px}.chart-box.short{height:148px}.gauge{display:flex;align-items:center;gap:14px;padding:11px 0}.gauge:not(:last-child){border-bottom:1px solid var(--border)}.gauge-name{font-family:var(--mono);font-size:11px;color:var(--text2);width:70px;flex-shrink:0}.gauge-track{flex:1;height:6px;background:var(--bg4);border-radius:3px;overflow:hidden}.gauge-fill{height:100%;border-radius:3px}.gauge-val{font-family:var(--mono);font-size:11px;color:var(--text);width:90px;text-align:right;flex-shrink:0}.gauges3{display:flex;justify-content:space-around;gap:8px;padding:4px 0 16px;flex-wrap:wrap}.gauge-ring-wrap{display:flex;flex-direction:column;align-items:center;gap:9px}.gauge-ring{position:relative;width:104px;height:104px}.ring-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.ring-val{font-family:var(--mono);font-size:18px;font-weight:600;line-height:1}.ring-val.teal{color:var(--teal)}.ring-val.blue{color:var(--blue)}.ring-val.amber{color:var(--amber)}.ring-val.red{color:var(--red)}.ring-lbl{font-family:var(--mono);font-size:8.5px;letter-spacing:.12em;color:var(--text3);margin-top:3px;text-transform:uppercase}.ring-sub{font-family:var(--mono);font-size:10px;color:var(--text2)}.info-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border);font-size:12px}.info-row:last-child{border-bottom:none}.info-k{font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--text3)}.info-v{font-family:var(--mono);font-size:12px;color:var(--text)}.ct-group{margin-bottom:14px}.ct-group:last-child{margin-bottom:0}.ct-group-label{font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--text3);display:flex;align-items:center;gap:7px;padding:8px 0;border-bottom:1px solid var(--border);margin-bottom:4px}.ct-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.ct-dot.green{background:var(--green)}.ct-dot.blue{background:var(--blue)}.ct-dot.amber{background:var(--amber)}.ct-row{display:flex;align-items:center;gap:10px;padding:7px 4px;font-family:var(--mono);font-size:11.5px}.ct-row .st{width:6px;height:6px;border-radius:50%;background:var(--green);flex-shrink:0}.ct-name{color:var(--text)}.ct-meta{margin-left:auto;color:var(--text3);font-size:10px;display:flex;gap:12px}.tbl{width:100%;border-collapse:collapse}.tbl th{font-family:var(--mono);font-size:10.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--text2);text-align:left;font-weight:600;padding:13px 16px;border-bottom:1px solid var(--border);background:var(--bg3)}.tbl th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:.1s}.tbl th.sortable:hover,.tbl th.active{color:var(--text)}.tbl th .caret{margin-left:5px;font-size:8px;color:var(--teal);vertical-align:middle}.tbl td{padding:13px 16px;border-bottom:1px solid var(--border);font-size:12.5px;vertical-align:middle}.tbl tr:last-child td{border-bottom:none}.tbl tbody tr{transition:.1s}.tbl tbody tr:hover{background:var(--bg3)}.td-mono{font-family:var(--mono);font-size:11.5px}.u-cell{display:flex;align-items:center;gap:11px}.u-av{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--teal));display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#04121f;flex-shrink:0}.u-name{font-weight:500}.u-mail{font-family:var(--mono);font-size:10.5px;color:var(--text3)}.badge{font-family:var(--mono);font-size:9.5px;letter-spacing:.04em;padding:3px 8px;border-radius:5px;border:1px solid transparent;display:inline-block;font-weight:500}.b-premium{background:var(--blue-dim);color:var(--blue);border-color:#4a9eff40}.b-starter{background:var(--amber-dim);color:var(--amber);border-color:#f5a62340}.b-free{background:#ffffff0a;color:var(--text3);border-color:#ffffff14}.b-beta{background:#a78bfa1a;color:var(--purple);border-color:#a78bfa40}.b-ok{background:var(--teal-dim);color:var(--teal);border-color:#00d4aa40}.b-manual{background:#ffffff0a;color:var(--text2);border-color:var(--border2)}.role-tag{font-family:var(--mono);font-size:9.5px;color:var(--text2);letter-spacing:.04em}.role-tag.purple{color:var(--purple)}.row-actions{display:flex;gap:6px;justify-content:flex-end}.icon-btn{width:28px;height:28px;border:1px solid var(--border);background:var(--bg3);border-radius:var(--r-sm);color:var(--text3);cursor:pointer;display:flex;align-items:center;justify-content:center}.icon-btn:hover{color:var(--text);border-color:var(--text3)}.search{display:flex;align-items:center;gap:8px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--r-md);padding:8px 12px;width:280px;max-width:100%;color:var(--text3)}.search input{background:none;border:none;outline:none;color:var(--text);font-family:var(--mono);font-size:11.5px;width:100%}.search input::placeholder{color:var(--text3)}.online-head{display:flex;align-items:center;gap:9px;font-family:var(--mono);font-size:11px;color:var(--text2);margin-bottom:12px}.online-count{background:var(--teal-dim);color:var(--teal);border-radius:20px;padding:1px 8px;font-size:10px;font-family:var(--mono)}.online-user{display:flex;align-items:center;gap:11px;background:var(--bg3);border:1px solid var(--border);border-radius:var(--r-md);padding:11px 14px}.online-user .meta{margin-left:auto;text-align:right;display:flex;flex-direction:column;gap:3px}.online-user .timer{font-family:var(--mono);font-size:10px;color:var(--text3)}.online-foot{margin-top:auto;padding-top:14px;border-top:1px solid var(--border);font-family:var(--mono);font-size:10px;color:var(--text3);display:flex;align-items:center;gap:7px}.feat-row{display:grid;grid-template-columns:120px 1fr 48px 90px;align-items:center;gap:14px;padding:11px 0;border-bottom:1px solid var(--border)}.feat-row:last-child{border-bottom:none}.feat-name{font-family:var(--mono);font-size:11.5px;color:var(--text)}.feat-track{height:6px;background:var(--bg4);border-radius:3px;overflow:hidden}.feat-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--teal),#00a88a)}.feat-fill.haiku{background:linear-gradient(90deg,var(--blue),#2f6fd6)}.feat-fill.est{background:linear-gradient(90deg,var(--amber),#c9851a)}.feat-dot{width:8px;height:8px;border-radius:2px;flex-shrink:0;display:inline-block;margin-right:8px}.hero-strip{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:14px}.kpi.hero{background:linear-gradient(135deg,rgba(0,212,170,.06),var(--bg2))}.kpi.hero .kpi-value{font-size:38px;color:var(--teal)}.kpi-value.text{color:var(--text)}.badge.real{background:#00d4aa1a;color:var(--teal);border-color:transparent}.badge.est{background:#f5a6231a;color:var(--amber);border-color:transparent}.dot{width:8px;height:8px;border-radius:2px;flex-shrink:0;display:inline-block}.reconcile{font-family:var(--mono);font-size:10px;color:var(--text3);padding:10px 18px;border-top:1px dashed var(--border);line-height:1.5}.reconcile b{color:var(--text2)}@media(max-width:900px){.hero-strip{grid-template-columns:1fr 1fr}}.feat-pct{font-family:var(--mono);font-size:11px;color:var(--text2);text-align:right}.feat-cost{font-family:var(--mono);font-size:11px;color:var(--amber);text-align:right}.camp{display:flex;align-items:center;gap:16px;padding:16px 18px;border-bottom:1px solid var(--border);flex-wrap:wrap}.camp:last-child{border-bottom:none}.camp-ico{width:38px;height:38px;border-radius:var(--r-md);background:var(--bg3);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.camp-main{flex:1;min-width:180px}.camp-title{font-weight:600;font-size:13px;margin-bottom:2px}.camp-desc{font-size:11.5px;color:var(--text2);margin-bottom:8px}.camp-target{font-family:var(--mono);font-size:10px;color:var(--text3);background:var(--bg3);border:1px solid var(--border);border-radius:4px;padding:2px 7px;display:inline-block}.camp-target .n{color:var(--teal)}.camp-right{display:flex;flex-direction:column;align-items:flex-end;gap:9px}.camp-when{font-family:var(--mono);font-size:10px;color:var(--text3)}.camp-btns{display:flex;gap:8px}.btn{font-family:var(--mono);font-size:11px;border-radius:var(--r-sm);padding:7px 13px;cursor:pointer;border:1px solid var(--border2);background:var(--bg3);color:var(--text2);display:inline-flex;align-items:center;gap:6px}.btn:hover{color:var(--text);border-color:var(--text3)}.btn-primary{background:var(--teal);color:#06241f;border-color:var(--teal);font-weight:600}.btn-primary:hover{background:#00ecbe;color:#06241f}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.amb-link{font-family:var(--mono);font-size:10px;color:var(--text3)}.pill{font-family:var(--mono);font-size:10px;padding:2px 8px;border-radius:5px;border:1px solid var(--border2);background:var(--bg3);color:var(--blue)}.sql-block{background:#0a0c0d;border:1px solid var(--border);border-radius:var(--r-md);padding:14px 16px;font-family:var(--mono);font-size:11px;color:var(--text2);line-height:1.7;overflow-x:auto}.sql-block .kw{color:var(--purple)}.sql-block .str{color:var(--teal)}.mini-stats{display:flex;gap:28px;flex-wrap:wrap;padding:4px 0 16px}.mini{display:flex;flex-direction:column;gap:4px}.mini-v{font-family:var(--mono);font-size:22px;font-weight:600}.mini-v.teal{color:var(--teal)}.mini-v.blue{color:var(--blue)}.mini-v.amber{color:var(--amber)}.mini-v.green{color:var(--green)}.mini-l{font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--text3)}.empty{color:var(--text3);font-style:italic;text-align:center;padding:34px;font-size:12px}.screen{display:flex;flex-direction:column;gap:20px;min-height:100%}.fill{flex:1;min-height:0}@media(min-width:1024px){.fill{overflow-y:auto}}.dash-grid,.surv-main{display:grid;grid-template-columns:1fr;gap:20px}.surv-left{display:flex;flex-direction:column;gap:20px;min-height:0}.bk-cols,.del-body{display:grid;grid-template-columns:1fr;gap:20px}.del-left{display:flex;flex-direction:column;gap:16px;min-height:0}.dash-body{display:grid;grid-template-columns:1fr;gap:20px}.dash-left,.dash-right{display:flex;flex-direction:column;gap:20px;min-width:0}.area-left,.area-middle,.area-rail,.area-strip{min-height:0;min-width:0}.dcol{display:flex;flex-direction:column;gap:20px;min-height:0}.online-list{display:flex;flex-direction:column;gap:10px}@media(min-width:1024px){.dash-grid{grid-template-columns:1fr 1fr 326px;grid-template-rows:minmax(0,1fr) auto;flex:1;min-height:0}.area-left{grid-column:1;grid-row:1 / span 2}.area-middle{grid-column:2;grid-row:1}.area-rail{grid-column:3;grid-row:1}.area-rail>.card{height:100%;display:flex;flex-direction:column;min-height:0}.area-strip{grid-column:2 / span 2;grid-row:2}.online-list{flex:1;min-height:0;overflow-y:auto}.dash-body{grid-template-columns:1fr 326px;grid-template-rows:minmax(0,1fr);align-items:stretch;flex:1;min-height:0}.dash-left{min-height:0;overflow-y:auto}.dash-right>.card{display:flex;flex-direction:column;min-height:0}.dash-right>.card.rail-grow{flex:1}.dcol>.card.grow-chart,.dcol>.card.grow-list,.dcol>.card.grow-stats{flex:1;min-height:0;display:flex;flex-direction:column}.dcol>.card.grow-chart>.card-body{flex:1;min-height:0;display:flex}.dcol>.card.grow-chart .chart-box{flex:1;min-height:0;height:auto;width:100%}.dcol>.card.grow-list>.card-body{flex:1;min-height:0;overflow-y:auto}.dcol>.card.grow-stats>.card-body{flex:1;min-height:0;align-content:center}.surv-main{grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr);flex:1;min-height:0}.surv-left>.surv-res{flex:1;min-height:0;display:flex;flex-direction:column}.surv-left>.surv-res>.card-body{flex:1;min-height:0;display:flex;flex-direction:column}.surv-res .cpu-spark{flex:1;min-height:0;display:flex;flex-direction:column;margin-top:14px}.surv-res .cpu-spark .chart-box{flex:1;min-height:0;height:auto}.surv-ct{display:flex;flex-direction:column;overflow:hidden}.surv-ct>.card-body{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:space-between;overflow-y:auto}.surv-ct .ct-group{margin-bottom:0}.bk-cols{grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr);flex:1;min-height:0}.del-body{grid-template-columns:520px 1fr;grid-template-rows:minmax(0,1fr);flex:1;min-height:0}.del-left{overflow-y:auto}.del-right>.card{height:100%}.del-left>.card.grow{flex:1;min-height:0;display:flex;flex-direction:column}.del-left>.card.grow>.card-body{flex:1;min-height:0;display:flex}.del-left>.card.grow .chart-box{flex:1;min-height:0;height:auto;width:100%}}@media(max-width:767px){.ret-stat{border-left:none!important}.gauges3{flex-direction:column}.tbl thead{display:none}.tbl,.tbl tbody,.tbl tr,.tbl td{display:block;width:auto}.tbl tr{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:8px 14px;margin-bottom:12px}.tbl td{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:7px 0;border:0;text-align:right}.tbl td+td{border-top:1px solid var(--border)}.tbl td:before{content:attr(data-label);color:var(--text3);font:600 9.5px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;text-align:left;flex-shrink:0}.tbl td:first-child{text-align:left;border-bottom:1px solid var(--border);padding-bottom:9px;margin-bottom:2px}.tbl td:first-child:before{display:none}.row-actions{justify-content:flex-end;gap:8px}.icon-btn{width:44px;height:44px}}.content-wrapper{flex:1;overflow-y:auto}.stats-row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(min-width:1024px){.stats-row{grid-template-columns:repeat(5,1fr)}}.stat-card{background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:14px 16px;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px}.stat-card.teal:before{background:var(--teal)}.stat-card.blue:before{background:var(--blue)}.stat-card.green:before{background:var(--green)}.stat-card.amber:before{background:var(--amber)}.stat-card.purple:before{background:var(--purple)}.stat-label{font-size:9px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text3);margin-bottom:8px}.stat-value{font-size:22px;font-weight:600;font-family:var(--mono);color:var(--text);line-height:1;margin-bottom:6px}.stat-card.teal .stat-value{color:var(--teal)}.stat-change{font-size:10px;font-family:var(--mono)}.stat-change.up{color:var(--green)}.stat-change.down{color:var(--red)}.stat-change.neutral{color:var(--text3)}.two-col{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:1024px){.two-col{grid-template-columns:1fr 1fr}}.card-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border)}.card-title{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text2)}.metric-row{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--border)}.metric-row:last-child{border-bottom:none}.metric-label{font-size:11px;font-family:var(--mono);color:var(--text2);width:60px;flex-shrink:0}.metric-bar{flex:1;height:4px;background:var(--bg4);border-radius:2px;overflow:hidden}.metric-fill{height:100%;border-radius:2px;transition:width .3s ease}.metric-fill.teal{background:var(--teal)}.metric-fill.blue{background:var(--blue)}.metric-fill.amber{background:var(--amber)}.metric-fill.red{background:var(--red)}.metric-val{font-size:11px;font-family:var(--mono);color:var(--text);width:60px;text-align:right;flex-shrink:0}.container-row{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--border);transition:background .1s}.container-row:last-child{border-bottom:none}.container-row:hover{background:var(--bg3)}.container-status{width:6px;height:6px;border-radius:50%;flex-shrink:0}.container-status.running{background:var(--green);box-shadow:0 0 5px var(--green)}.container-status.stopped{background:var(--text3)}.container-status.error{background:var(--red);box-shadow:0 0 5px var(--red);animation:pulse 1s infinite}.container-name{font-size:12px;font-family:var(--mono);color:var(--text);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.container-image{font-size:10px;color:var(--text3)}.container-cpu{font-size:10px;font-family:var(--mono);color:var(--text2);flex-shrink:0}.container-actions{display:flex;gap:4px;flex-shrink:0}.action-btn{width:24px;height:24px;border-radius:5px;border:1px solid var(--border2);background:transparent;color:var(--text2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s}.action-btn:hover{background:var(--bg4);color:var(--text)}.action-btn.danger:hover{background:var(--red-dim);border-color:var(--red);color:var(--red)}.action-btn.success:hover{background:var(--teal-dim);border-color:var(--teal);color:var(--teal)}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table:not(.tbl){width:100%;border-collapse:collapse}table:not(.tbl) thead th{padding:8px 16px;text-align:left;font-size:9px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text3);border-bottom:1px solid var(--border);white-space:nowrap}table:not(.tbl) tbody tr{border-bottom:1px solid var(--border);transition:background .1s;cursor:pointer}table:not(.tbl) tbody tr:last-child{border-bottom:none}table:not(.tbl) tbody tr:hover{background:var(--bg3)}table:not(.tbl) tbody td{padding:10px 16px;font-size:12px;color:var(--text2);vertical-align:middle}.user-cell{display:flex;align-items:center;gap:8px}.user-avatar{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--teal),var(--blue));display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#000;flex-shrink:0;font-family:var(--mono)}.user-name{font-size:12px;color:var(--text);font-weight:500}.user-email{font-size:10px;color:var(--text3);font-family:var(--mono)}.plan-badge{font-size:10px;font-weight:700;font-family:var(--mono);padding:2px 8px;border-radius:5px;letter-spacing:.3px;white-space:nowrap;border:1px solid transparent}.plan-badge.premium{background:var(--blue-dim);color:var(--blue);border-color:#4a9eff40}.plan-badge.starter{background:var(--amber-dim);color:var(--amber);border-color:#f5a62340}.plan-badge.free{background:#ffffff0a;color:var(--text3);border-color:#ffffff14}.plan-badge.beta{background:#a78bfa1f;color:var(--purple);border-color:#a78bfa40}.plan-badge.ambassador{background:#10b9811a;color:#10b981;border-color:#10b98140}.role-badge{font-size:10px;font-family:var(--mono);color:var(--text3)}.role-badge.admin{color:var(--amber);font-weight:700}.role-badge.beta-role{color:var(--purple)}.role-badge.ambassador{color:#10b981;font-weight:700}.tag{font-size:9px;font-weight:600;font-family:var(--mono);padding:2px 6px;border-radius:3px;letter-spacing:.04em}.tag.auto{background:var(--blue-dim);color:var(--blue)}.tag.manual{background:var(--teal-dim);color:var(--teal)}.tag.failed{background:var(--red-dim);color:var(--red)}.backup-row{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--border)}.backup-row:last-child{border-bottom:none}.backup-icon{width:28px;height:28px;border-radius:6px;background:var(--blue-dim);display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.backup-name{font-size:12px;font-family:var(--mono);color:var(--text)}.backup-meta{font-size:10px;color:var(--text3);font-family:var(--mono)}.backup-size{margin-left:auto;font-size:11px;font-family:var(--mono);color:var(--text2);margin-right:8px}.section-tabs{display:flex;border-bottom:1px solid var(--border);padding:0 16px}.tab{font-size:11px;font-weight:500;color:var(--text3);padding:10px 12px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .1s}.tab.active{color:var(--teal);border-bottom-color:var(--teal)}.tab:hover:not(.active){color:var(--text2)}.search-bar{display:flex;align-items:center;gap:8px;background:var(--bg3);border:1px solid var(--border);border-radius:7px;padding:6px 10px;width:220px;max-width:100%}.search-bar input{background:transparent;border:none;outline:none;color:var(--text);font-size:12px;font-family:var(--sans);width:100%}.search-bar input::placeholder{color:var(--text3)}.page-header{display:flex;align-items:center;justify-content:space-between}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px 16px;color:var(--text3);font-size:12px;font-family:var(--mono);text-align:center}.empty-link{color:var(--teal);text-decoration:none;font-size:11px}.empty-link:hover{text-decoration:underline}.mono-text{font-family:var(--mono);font-size:11px}.info-label{color:var(--text3);font-family:var(--mono);font-size:11px}.info-val{color:var(--text);font-family:var(--mono);font-size:11px}.log-terminal{background:var(--bg);padding:14px 16px;font-family:var(--mono);font-size:11px;line-height:1.8;height:calc(100dvh - 130px);overflow-y:auto;-webkit-overflow-scrolling:touch}.log-line{color:var(--text3);word-break:break-all}.log-error{color:var(--red)}.log-warn{color:var(--amber)}.log-req{color:var(--blue)}.log-info{color:var(--text3)}.log-empty{color:var(--text3);padding:40px;text-align:center}.log-controls{display:flex;align-items:center;gap:8px}.refresh-hint{font-size:11px;color:var(--text3);font-family:var(--mono)}