:root{--bg-0: #08090c;--bg-1: #0d1015;--bg-2: #12161d;--bg-3: #181d26;--bg-hover: #1b212b;--line: #1e242e;--line-2: #2a323e;--text: #e8edf3;--text-2: #9aa4b2;--text-3: #5d6876;--accent: #f5a623;--accent-2: #ffc24d;--on-accent: #1a1204;--accent-soft: rgba(245, 166, 35, .12);--accent-line: rgba(245, 166, 35, .35);--ok: #3ecf8e;--ok-soft: rgba(62, 207, 142, .12);--warn: #f5a623;--warn-soft: rgba(245, 166, 35, .12);--danger: #f0555a;--danger-soft: rgba(240, 85, 90, .12);--info: #4da3ff;--info-soft: rgba(77, 163, 255, .12);--font-ui: "PingFang SC", "HarmonyOS Sans SC", "MiSans", "Microsoft YaHei", -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", "Cascadia Mono", Consolas, "Roboto Mono", ui-monospace, monospace;--r-sm: 7px;--r: 11px;--r-lg: 15px;--sidebar-w: 224px;--topbar-h: 60px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-0);color:var(--text);font:13px/1.55 var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"tnum" 1}::selection{background:var(--accent-soft);color:var(--accent-2)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#232a34;border-radius:8px;border:2px solid var(--bg-1)}::-webkit-scrollbar-thumb:hover{background:#2d3541}.app-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(1200px 500px at 70% -10%,rgba(245,166,35,.05),transparent 60%),repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 44px),repeating-linear-gradient(90deg,rgba(255,255,255,.012) 0 1px,transparent 1px 44px)}.app{position:relative;z-index:1;display:flex;height:100%;overflow:hidden}.sidebar{width:var(--sidebar-w);flex:none;display:flex;flex-direction:column;background:linear-gradient(180deg,#0d1118,#0b0e13);border-right:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;height:var(--topbar-h);padding:0 20px;border-bottom:1px solid var(--line)}.brand-mark{width:26px;height:26px;flex:none;border-radius:7px;background:linear-gradient(135deg,var(--accent-2),var(--accent));display:grid;place-items:center;color:var(--on-accent);box-shadow:0 0 0 1px var(--accent-line),0 4px 16px #f5a62340}.brand-name{font-size:14px;font-weight:700;letter-spacing:.02em;color:var(--text)}.brand-sub{display:block;font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);margin-top:1px}.nav{padding:14px 10px;flex:1}.nav-label{padding:0 12px 8px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-3)}.nav-item{display:flex;align-items:center;gap:11px;width:100%;padding:9px 12px;margin-bottom:2px;border:none;border-radius:var(--r-sm);background:transparent;color:var(--text-2);font:inherit;font-size:13px;cursor:pointer;text-align:left;transition:background .15s,color .15s}.nav-item:hover{background:var(--bg-hover);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--accent-2);box-shadow:inset 0 0 0 1px var(--accent-line)}.nav-item.active .nav-icon{color:var(--accent-2)}.nav-icon{flex:none;color:var(--text-3)}.side-foot{padding:14px;border-top:1px solid var(--line)}.gateway-chip{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-3);padding:0 2px}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:var(--topbar-h);flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--line);background:#0d1015b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.topbar-title{font-size:15px;font-weight:650;letter-spacing:.01em}.topbar-sub{font-size:11px;color:var(--text-3);margin-top:2px}.topbar-right{display:flex;align-items:center;gap:16px}.clock{font-family:var(--font-mono);font-size:12px;color:var(--text-2);letter-spacing:.02em}.clock b{color:var(--text);font-weight:500}.page{flex:1;overflow:auto;padding:26px 28px 40px}.page-inner{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:20px}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.rise{animation:rise .5s cubic-bezier(.22,1,.36,1) both}.panel{background:linear-gradient(180deg,var(--bg-2),var(--bg-1));border:1px solid var(--line);border-radius:var(--r-lg)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border-bottom:1px solid var(--line)}.panel-title{font-size:13px;font-weight:650;letter-spacing:.01em}.panel-desc{font-size:11px;color:var(--text-3);margin-top:2px}.panel-body{padding:16px 18px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:12px}.kpi{position:relative;overflow:hidden;padding:16px 16px 14px;background:linear-gradient(180deg,var(--bg-2),var(--bg-1));border:1px solid var(--line);border-radius:var(--r)}.kpi:after{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:var(--kpi-accent, var(--accent));opacity:.9}.kpi-label{font-size:11px;color:var(--text-3);letter-spacing:.03em}.kpi-value{margin-top:8px;font-family:var(--font-mono);font-size:26px;font-weight:600;letter-spacing:-.01em;line-height:1;color:var(--text)}.kpi-foot{margin-top:10px;font-size:11px;color:var(--text-3)}.kpi .kpi-unit{font-size:13px;font-weight:500;color:var(--text-3);margin-left:3px}.dot{width:7px;height:7px;border-radius:50%;flex:none;background:var(--text-3)}.dot.ok{background:var(--ok);box-shadow:0 0 #3ecf8e80;animation:pulse-ok 2.4s infinite}.dot.warn{background:var(--warn)}.dot.danger{background:var(--danger)}.dot.info{background:var(--info)}.dot.muted{background:var(--text-3)}@keyframes pulse-ok{0%{box-shadow:0 0 #3ecf8e73}70%{box-shadow:0 0 0 7px #3ecf8e00}to{box-shadow:0 0 #3ecf8e00}}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:500;line-height:1.4;border:1px solid transparent}.badge.ok{color:var(--ok);background:var(--ok-soft);border-color:#3ecf8e40}.badge.warn{color:var(--warn);background:var(--warn-soft);border-color:#f5a62340}.badge.danger{color:var(--danger);background:var(--danger-soft);border-color:#f0555a40}.badge.info{color:var(--info);background:var(--info-soft);border-color:#4da3ff40}.badge.neutral{color:var(--text-2);background:var(--bg-3);border-color:var(--line-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:7px 14px;border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--bg-3);color:var(--text);font:inherit;font-size:12.5px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,transform .05s,opacity .15s}.btn:hover{background:var(--bg-hover);border-color:var(--line-2)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.btn.primary:hover{background:var(--accent-2);border-color:var(--accent-2)}.btn.danger{color:var(--danger);border-color:#f0555a4d;background:transparent}.btn.danger:hover{background:var(--danger-soft)}.btn.ghost{background:transparent;border-color:transparent;color:var(--text-2)}.btn.ghost:hover{background:var(--bg-hover);color:var(--text)}.btn.sm{padding:4px 9px;font-size:11.5px;border-radius:6px}.btn.icon{padding:6px;line-height:0}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:11px;color:var(--text-2);letter-spacing:.02em}.input,.select{width:100%;padding:8px 11px;border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--bg-1);color:var(--text);font:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.input::placeholder{color:var(--text-3)}.input:focus,.select:focus{outline:none;border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-soft)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235d6876' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:12.5px}.table th{position:sticky;top:0;background:var(--bg-1);text-align:left;font-weight:500;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);padding:10px 14px;border-bottom:1px solid var(--line);white-space:nowrap}.table td{padding:11px 14px;border-bottom:1px solid var(--line);color:var(--text);vertical-align:middle}.table tbody tr{transition:background .12s}.table tbody tr:hover{background:var(--bg-hover)}.table tbody tr:last-child td{border-bottom:none}.mono{font-family:var(--font-mono);font-size:12px;letter-spacing:-.01em}.muted{color:var(--text-3)}.dim{color:var(--text-2)}.row-actions{display:flex;align-items:center;gap:4px;flex-wrap:nowrap}.quota-bar{display:flex;align-items:center;gap:10px;min-width:130px}.quota-track{flex:1;height:6px;border-radius:999px;background:var(--bg-3);overflow:hidden;border:1px solid var(--line)}.quota-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .5s cubic-bezier(.22,1,.36,1)}.quota-fill.warn{background:linear-gradient(90deg,#f5a623,#ff7a45)}.quota-fill.danger{background:linear-gradient(90deg,#f0555a,#ff7a7a)}.quota-fill.unlimited{background:linear-gradient(90deg,#2a323e,#3a4656)}.quota-num{font-family:var(--font-mono);font-size:11.5px;color:var(--text-2);min-width:44px;text-align:right}.spark{display:inline-block;vertical-align:middle}.spark-line{stroke:var(--accent);stroke-width:1.6;fill:none}.spark-area{fill:#f5a6231f}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:20px;background:#050609a8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade .18s ease both}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{width:100%;max-width:520px;background:var(--bg-2);border:1px solid var(--line-2);border-radius:var(--r-lg);box-shadow:0 30px 80px #0000008c;animation:pop .22s cubic-bezier(.22,1,.36,1) both}@keyframes pop{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}.modal-title{font-size:14px;font-weight:650}.modal-body{padding:20px}.modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--line)}.code-box{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--bg-1);border:1px dashed var(--accent-line);border-radius:var(--r-sm)}.code-text{flex:1;font-family:var(--font-mono);font-size:14px;letter-spacing:.04em;color:var(--accent-2);word-break:break-all;-webkit-user-select:all;user-select:all}.toast-stack{position:fixed;right:20px;top:20px;z-index:80;display:flex;flex-direction:column;gap:8px;max-width:380px}.toast{display:flex;align-items:flex-start;gap:9px;padding:11px 14px;background:#161b23;border:1px solid var(--line-2);border-left:3px solid var(--info);border-radius:var(--r-sm);box-shadow:0 12px 34px #0006;font-size:12.5px;animation:slide-in .25s cubic-bezier(.22,1,.36,1) both}.toast.ok{border-left-color:var(--ok)}.toast.warn{border-left-color:var(--warn)}.toast.danger{border-left-color:var(--danger)}@keyframes slide-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:48px 20px;color:var(--text-3);text-align:center}.empty svg{opacity:.5}.spinner{width:18px;height:18px;border:2px solid var(--line-2);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.center{display:grid;place-items:center;padding:60px}.split{display:grid;grid-template-columns:320px 1fr;gap:16px;align-items:start}@media (max-width: 900px){.split{grid-template-columns:1fr}}.list-item{display:flex;align-items:center;gap:11px;width:100%;padding:11px 12px;border:1px solid transparent;border-radius:var(--r-sm);background:transparent;color:var(--text);font:inherit;font-size:12.5px;text-align:left;cursor:pointer;transition:background .12s,border-color .12s}.list-item:hover{background:var(--bg-hover)}.list-item.active{background:var(--accent-soft);border-color:var(--accent-line)}.list-item-main{flex:1;min-width:0}.list-item-title{font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item-sub{font-size:11px;color:var(--text-3);margin-top:2px}.checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;flex:none;border:1px solid var(--line-2);border-radius:4px;background:var(--bg-1);cursor:pointer;display:inline-grid;place-items:center;transition:background .12s,border-color .12s}.checkbox:checked{background:var(--accent);border-color:var(--accent)}.checkbox:checked:after{content:"";width:8px;height:4px;border:2px solid var(--on-accent);border-top:none;border-right:none;transform:rotate(-45deg) translateY(-1px)}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.toolbar .grow{flex:1}.search{position:relative}.search .input{padding-left:32px}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-3);pointer-events:none}.login-wrap{position:relative;z-index:1;height:100%;display:grid;place-items:center;padding:20px}.login-card{width:100%;max-width:400px;padding:36px 34px 30px;background:linear-gradient(180deg,var(--bg-2),var(--bg-1));border:1px solid var(--line-2);border-radius:var(--r-lg);box-shadow:0 30px 90px #00000080;animation:rise .5s cubic-bezier(.22,1,.36,1) both}.login-logo{width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,var(--accent-2),var(--accent));display:grid;place-items:center;color:var(--on-accent);box-shadow:0 8px 30px #f5a6234d;margin-bottom:18px}.login-title{font-size:20px;font-weight:700;letter-spacing:.01em}.login-sub{font-size:12px;color:var(--text-3);margin:6px 0 24px}