:root{--bg: #f6f7f9;--panel: #ffffff;--panel-2: #f1f3f5;--panel-3: #e8ebef;--border: rgba(20, 28, 45, .08);--border-strong: rgba(20, 28, 45, .14);--text: #232a35;--dim: #5a6373;--mute: #939caa;--accent: #2f7a6e;--accent-soft: #e8f1ef;--accent-line: rgba(47, 122, 110, .32);--ok: #358a5a;--ok-soft: #e6f3eb;--warn: #b07d2a;--warn-soft: #f8efdd;--danger: #c2544e;--danger-soft: #faeae9;--r: 12px;--mono: "IBM Plex Mono", "SF Mono", ui-monospace, Menlo, monospace;--sans: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;color-scheme:light}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:radial-gradient(rgba(20,28,45,.05) 1px,transparent 1px);background-size:24px 24px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% -10%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 80% 60% at 50% -10%,#000 30%,transparent 75%)}::selection{background:var(--accent-soft)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#141c2d29;border-radius:9px;border:2px solid transparent;background-clip:padding-box}a{color:inherit;text-decoration:none}code{font-family:var(--mono)}#app{position:relative;z-index:1}.shell{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;flex:0 0 236px;display:flex;flex-direction:column;gap:4px;border-right:1px solid var(--border);background:#ffffffc7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:20px 12px}.brand{display:flex;align-items:center;gap:10px;padding:0 8px 18px}.brand .mark{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:var(--accent);color:#fff}.brand .mark svg{width:16px;height:16px}.brand .name{font-size:13px;font-weight:600}.brand .sub{font:500 9.5px/1.4 var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--mute)}.nav{display:flex;flex-direction:column;gap:2px}.nav a{position:relative;display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:7px;font-size:13.5px;color:var(--dim);cursor:pointer}.nav a:hover,.nav a.active{background:var(--panel-2);color:var(--text)}.nav a.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:2px;height:20px;border-radius:2px;background:var(--accent)}.nav svg{width:16px;height:16px;color:var(--mute)}.nav a.active svg{color:var(--accent)}.usercard{margin-top:auto;border:1px solid var(--border);background:var(--panel);border-radius:8px;padding:10px}.usercard .row{display:flex;align-items:center;gap:8px}.avatar{width:28px;height:28px;border-radius:50%;background:var(--panel-3);color:var(--accent);font-size:11px;font-weight:600;display:grid;place-items:center;text-transform:uppercase}.usercard .un{font-size:12.5px}.usercard .role{font:500 9px/1 var(--mono);letter-spacing:.1em;color:var(--mute)}.btn-logout{margin-top:8px;width:100%}.main{flex:1;min-width:0}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:10px 36px;background:#f6f7f9d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.topbar .avatar{width:30px;height:30px;font-size:11.5px}.topbar .tb-meta{line-height:1.2;margin-right:4px}.topbar .tb-un{font-size:13px;font-weight:600}.topbar .tb-role{font:500 9px/1 var(--mono);letter-spacing:.12em;color:var(--mute);margin-top:2px}.topbar .btn svg{width:15px;height:15px}.main-inner{max-width:1180px;margin:0 auto;padding:40px 36px;display:flex;flex-direction:column;gap:20px}.tag{font:500 10.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}.muted{color:var(--mute)}.dim{color:var(--dim)}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}h1{font-size:22px;font-weight:600;letter-spacing:-.01em;margin:6px 0 4px}.page-desc{color:var(--dim);font-size:13px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:12px}.section-title h2{font-size:15px;font-weight:600;margin:4px 0 0}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--r);box-shadow:0 1px 2px #141c2d0a}.panel.pad{padding:20px}.stack{display:flex;flex-direction:column;gap:20px}.row{display:flex;align-items:center;gap:8px}.between{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.grid{display:grid;gap:12px}.g4{grid-template-columns:repeat(4,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:repeat(2,1fr)}.wrap{flex-wrap:wrap}.right{text-align:right}.grow{flex:1;min-width:0}.w-full{width:100%}.center{text-align:center}.stat .v{font:600 26px/1 var(--mono);letter-spacing:-.01em;margin-top:6px}.stat .v.accent{color:var(--accent)}.stat .hint{font-size:12px;color:var(--mute);margin-top:4px}.stat .hint.ok{color:var(--ok)}.stat .hint.danger{color:var(--danger)}button,.btn{font:500 13.5px/1 var(--sans)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 14px;border-radius:8px;border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;white-space:nowrap}.btn:hover{border-color:var(--border-strong);background:var(--panel-2)}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 6px 16px -8px #141c2d66}.btn.primary:hover{filter:brightness(1.06)}.btn.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,transparent)}.btn.danger:hover{background:var(--danger-soft)}.btn.sm{padding:6px 10px;font-size:12.5px}.btn.w-full{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}label.lbl{display:block;font:500 10.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin-bottom:6px}input.field,textarea.field{width:100%;background:var(--panel-2);border:1px solid var(--border);border-radius:7px;padding:9px 12px;font:13.5px var(--sans);color:var(--text);outline:none}input.field.mono,textarea.field{font-family:var(--mono)}input.field:focus,textarea.field:focus{border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:var(--panel-3)}textarea.field{font-size:12.5px;line-height:1.6}.form-grid{display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}@media (max-width: 720px){.form-grid{grid-template-columns:1fr}.g4{grid-template-columns:repeat(2,1fr)}.g3,.g2{grid-template-columns:1fr}.sidebar{flex-basis:68px}.brand .name,.brand .sub,.nav a span,.usercard .meta{display:none}}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;border:1px solid var(--border);background:var(--panel-3);padding:2px 8px;font-size:11px}.badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge.ok{color:var(--ok);background:var(--ok-soft);border-color:color-mix(in srgb,var(--ok) 30%,transparent)}.badge.danger{color:var(--danger);background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 30%,transparent)}.badge.accent{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-line)}.bar{height:6px;width:100%;background:var(--panel-3);border-radius:999px;overflow:hidden}.bar>span{display:block;height:100%;border-radius:999px;transition:width .6s ease}table{width:100%;border-collapse:collapse;font-size:13px}thead th{font:500 10.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);text-align:left;padding:12px 16px;border-bottom:1px solid var(--border)}thead th.right{text-align:right}tbody td{padding:12px 16px;border-bottom:1px solid var(--border)}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--panel-2)}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:16px}.login{width:100%;max-width:384px}.login .brand{justify-content:center;padding-bottom:26px}.login .mark{width:44px;height:44px;border-radius:12px}.login .mark svg{width:20px;height:20px}.login h1{text-align:center;margin:16px 0 6px}.login .center{text-align:center}.chip{display:inline-block;background:var(--panel-2);border:1px solid var(--border);border-radius:6px;padding:4px 8px;font:12px var(--mono);color:var(--dim);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.chip.accent{color:var(--accent)}.alert{border-radius:8px;padding:8px 12px;font-size:12.5px}.alert.danger{border:1px solid color-mix(in srgb,var(--danger) 30%,transparent);background:var(--danger-soft);color:var(--danger)}.alert.accent{border:1px solid var(--accent-line);background:var(--accent-soft);color:var(--accent)}hr.div{border:none;border-top:1px solid var(--border);margin:20px 0}.mt{margin-top:16px}.fade{animation:fade .4s cubic-bezier(.16,1,.3,1)}@keyframes fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.uc{padding:18px 20px}.uc-head{padding-bottom:14px;border-bottom:1px solid var(--border)}.avatar.lg{width:36px;height:36px;font-size:13px}.uc-name{font-size:15px;font-weight:600}.uc-sub{padding:14px 0;border-bottom:1px solid var(--border)}.uc-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:14px 0;border-bottom:1px solid var(--border)}.uc-cell .tag{margin-bottom:8px}.uc-kv{display:flex;align-items:center;gap:8px}.uc-kv .k{font:500 11px var(--mono);color:var(--mute);width:44px;flex:none}.uc-usage{display:flex;align-items:baseline;gap:10px}.uc-usage-num{font:600 22px/1 var(--mono)}.uc-usage-num.over{color:var(--danger)}.uc-lim{font-size:11px;margin-top:8px}.uc-mgmt{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-top:14px}.uc-mgmt form .row{margin-top:6px}@media (max-width: 720px){.uc-grid,.uc-mgmt{grid-template-columns:1fr}}