:root{--bg:#f5f7fb;--surface:#fff;--ink:#14213d;--muted:#6c7890;--line:#e6eaf1;--blue:#2563eb;--blue-deep:#173f9b;--blue-soft:#eaf1ff;--green:#047857;--green-soft:#dff8ee;--amber:#b45309;--amber-soft:#fff4d6;--red:#c12f2f;--red-soft:#fff0f0;--shadow:0 14px 38px rgba(26,45,83,.08);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:var(--ink)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);font-size:14px;line-height:1.5}button,input,select{font:inherit}button{cursor:pointer}.topbar{height:66px;background:#11254b;color:#fff;display:flex;align-items:center;padding:0 max(24px,calc((100vw - 1240px)/2));gap:30px;box-shadow:0 2px 10px rgba(20,33,61,.15)}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:700;font-size:16px;white-space:nowrap}.brand-mark{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#69a1ff,#2c58cf);color:white;font-size:23px;font-weight:800;box-shadow:inset 0 1px 1px rgba(255,255,255,.35)}.brand-mark.small{width:31px;height:31px;border-radius:9px;font-size:16px}.topbar nav{height:100%;display:flex;align-items:center;gap:3px;flex:1}.topbar nav a{align-self:stretch;display:flex;align-items:center;padding:0 14px;color:#c7d3ee;text-decoration:none;border-bottom:3px solid transparent}.topbar nav a:hover,.topbar nav a.active{color:#fff;border-color:#79a6ff}.logout{color:#dbe7ff;text-decoration:none}.shell{max-width:1240px;margin:0 auto;padding:36px 24px 62px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:25px}.page-heading h1{font-size:29px;line-height:1.15;margin:4px 0 8px;letter-spacing:-.5px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.3px;color:#4b78da;margin:0}.muted{color:var(--muted);margin:0}.button{border:1px solid transparent;border-radius:9px;min-height:38px;padding:7px 15px;font-weight:700;transition:.16s ease}.button.primary{background:var(--blue);color:#fff}.button.primary:hover{background:var(--blue-deep)}.button.secondary{background:var(--surface);border-color:#d6ddeb;color:#31415d}.button.secondary:hover{border-color:#91a9db;background:#f8faff}.button.danger{color:var(--red);border-color:#f0c5c5;background:#fff}.button.small{min-height:30px;padding:4px 9px;font-size:12px}.button.full{width:100%;margin-top:8px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:21px}.stat{min-height:124px;padding:19px 20px;position:relative;overflow:hidden}.stat .label{font-size:13px;color:var(--muted)}.stat .number{font-size:30px;line-height:1.15;font-weight:800;margin:9px 0 4px;letter-spacing:-.8px}.stat .sub{font-size:12px;color:var(--muted)}.stat::after{content:"";width:74px;height:74px;position:absolute;right:-20px;bottom:-28px;border-radius:50%;background:var(--blue-soft)}.table-panel{overflow:hidden}.panel-heading{padding:18px 21px;display:flex;gap:14px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.panel-heading h2,.form-panel h2{font-size:16px;margin:0 0 3px}.legend{font-size:12px;color:var(--muted);white-space:nowrap}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;vertical-align:middle;margin-right:3px}.dot.critical{background:var(--red)}.dot.warning{background:#e59c00}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;min-width:850px}th,td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:middle}th{background:#fafbfe;color:#6c7890;font-size:11px;letter-spacing:.4px;text-transform:uppercase;white-space:nowrap}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcff}.empty{text-align:center;padding:32px;color:var(--muted)}.account-name{font-weight:750}.fingerprint{font:11px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--muted);margin-top:2px}.quota{min-width:145px}.quota-line{display:flex;gap:6px;align-items:baseline}.quota-line strong{font-size:16px}.quota-bar{height:7px;max-width:135px;border-radius:5px;background:#e8ecf4;overflow:hidden;margin-top:6px}.quota-bar i{display:block;height:100%;border-radius:inherit;background:var(--green)}.quota.warning .quota-bar i{background:#e6a400}.quota.critical .quota-bar i{background:var(--red)}.badge{display:inline-flex;padding:3px 8px;align-items:center;border-radius:999px;font-size:11px;font-weight:750;white-space:nowrap}.badge.ok{background:var(--green-soft);color:var(--green)}.badge.warning{background:var(--amber-soft);color:var(--amber)}.badge.muted{background:#edf0f5;color:#69758c}.badge.off{background:#f0f2f5;color:#69758c}.stale{color:var(--amber);font-weight:700}.filter-bar{padding:15px 17px;display:flex;align-items:end;gap:13px;margin-bottom:20px}.filter-bar label,.stack-form label{display:grid;gap:5px;color:#56647b;font-weight:700;font-size:12px}.filter-bar input,.filter-bar select,.stack-form input{height:37px;min-width:155px;border:1px solid #d8dfeb;border-radius:8px;padding:6px 9px;background:#fff;color:var(--ink);outline-color:#7ca5f7}.filter-bar select{min-width:190px}.clickable-row{cursor:pointer}.clickable-row:hover td{background:#f0f5ff}.drawer{position:fixed;z-index:20;right:0;top:0;width:min(650px,94vw);height:100vh;overflow:auto;background:#fff;box-shadow:-20px 0 45px rgba(22,37,70,.16);transform:translateX(102%);transition:transform .22s ease}.drawer.open{transform:translateX(0)}.drawer-backdrop{position:fixed;inset:0;z-index:19;background:rgba(12,24,49,.32);opacity:0;pointer-events:none;transition:opacity .22s}.drawer-backdrop.open{opacity:1;pointer-events:auto}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:25px 26px 19px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:1}.drawer-header h2{margin:4px 0 0;font-size:21px}.icon-button{border:0;background:#f0f3f9;border-radius:9px;width:36px;height:36px;font-size:26px;line-height:1;color:#526078}.drawer-content{padding:21px 26px 45px}.drawer-content h3{font-size:15px;margin:27px 0 9px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.detail-kpi{padding:13px;background:#f7f9fd;border:1px solid #edf0f5;border-radius:10px}.detail-kpi span{display:block;font-size:11px;color:var(--muted);margin-bottom:4px}.detail-kpi strong{font-size:17px}.mini-table{min-width:0}.mini-table th,.mini-table td{padding:9px 7px;font-size:12px}.chart-box{border:1px solid #e6ebf3;background:#fcfdff;border-radius:10px;padding:10px;min-height:142px}.chart-box svg{width:100%;height:120px;display:block}.chart-empty{padding:45px 0;text-align:center;color:var(--muted)}.quota-card{border:1px solid #dce8ff;background:#f6f9ff;border-radius:10px;padding:15px}.admin-grid{display:grid;grid-template-columns:340px 1fr;gap:20px;margin-bottom:20px}.form-panel{padding:21px}.stack-form{display:grid;gap:15px;margin-top:16px}.stack-form input{width:100%}.switch-row{display:flex!important;align-items:center;gap:8px}.switch-row input{width:15px;height:15px}.secret-box{margin-top:17px;padding:12px;border-radius:9px;background:var(--amber-soft);border:1px solid #f0d28c;word-break:break-all;font:12px ui-monospace,SFMono-Regular,Consolas,monospace;color:#694d10}.hidden{display:none!important}.row-actions{display:flex;gap:6px;justify-content:flex-end}.toast{position:fixed;right:24px;bottom:24px;z-index:50;max-width:360px;padding:12px 16px;border-radius:10px;background:#15294f;color:white;box-shadow:0 12px 36px rgba(18,35,70,.24)}.login-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#cddfff 0,transparent 34%),radial-gradient(circle at 90% 100%,#b9d1ff 0,transparent 36%),#eef3ff}.login-card{width:min(420px,calc(100% - 36px));padding:39px;border:1px solid #e0e7f6;border-radius:18px;background:#fff;box-shadow:0 24px 70px rgba(20,53,115,.15)}.login-card .brand-mark{margin-bottom:20px}.login-card h1{margin:5px 0 8px;font-size:27px}.login-form{display:grid;gap:8px;margin-top:25px}.login-form label{font-size:13px;font-weight:700;color:#53627a}.login-form input{border:1px solid #d8dfeb;border-radius:9px;height:43px;padding:8px 11px;outline-color:#7ca5f7}.form-error{background:var(--red-soft);color:var(--red);border:1px solid #f1cccc;border-radius:8px;padding:9px 11px;font-size:12px;margin:20px 0 -8px}@media(max-width:850px){.topbar{padding:0 16px;gap:12px}.topbar nav a{padding:0 7px;font-size:13px}.brand span:last-child{display:none}.shell{padding:27px 16px}.stat-grid{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr}.filter-bar{align-items:stretch;flex-wrap:wrap}.filter-bar label{flex:1;min-width:135px}.filter-bar .button{margin-top:4px}.page-heading{align-items:flex-start}.legend{display:none}}@media(max-width:460px){.topbar nav{gap:0}.topbar nav a{font-size:12px}.logout{font-size:12px}.stat-grid{grid-template-columns:1fr 1fr;gap:9px}.stat{padding:14px}.stat .number{font-size:23px}.page-heading h1{font-size:25px}.detail-grid{grid-template-columns:1fr 1fr}}