:root{--bg: #070b14;--bg-soft: #0b1120;--bg-grad: linear-gradient(180deg, #070b14 0%, #080d18 46%, #060a12 100%);--panel: rgba(255, 255, 255, .035);--panel-strong: rgba(255, 255, 255, .06);--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .16);--text: #e8eefb;--text-dim: #93a3bd;--text-faint: #64748b;--cyan: #22d3ee;--violet: #8b5cf6;--green: #34d399;--amber: #fbbf24;--red: #f87171;--cyan-line: rgba(34, 211, 238, .35);--cyan-bg: rgba(34, 211, 238, .1);--green-line: rgba(52, 211, 153, .35);--green-bg: rgba(52, 211, 153, .1);--amber-line: rgba(251, 191, 36, .35);--amber-bg: rgba(251, 191, 36, .1);--red-line: rgba(248, 113, 113, .4);--red-bg: rgba(248, 113, 113, .12);--surface: rgba(0, 0, 0, .35);--surface-2: rgba(0, 0, 0, .45);--surface-3: rgba(255, 255, 255, .06);--hover: rgba(255, 255, 255, .025);--table-head: rgba(0, 0, 0, .2);--code-text: #cbd5e1;--on-primary: #04121b;--spinner-track: rgba(255, 255, 255, .2);--grid-line: rgba(148, 163, 184, .07);--glow-1: rgba(34, 211, 238, .16);--glow-2: rgba(139, 92, 246, .15);--nav-bg: rgba(7, 11, 20, .82);--side-bg: rgba(9, 14, 26, .72);--admin-side-bg: rgba(12, 10, 26, .8);--overlay: rgba(2, 5, 12, .74);--grad-from: #22d3ee;--grad-mid: #a78bfa;--grad-to: #f0abfc;--radius: 14px;--shadow: 0 18px 50px -20px rgba(0, 0, 0, .9);--font: "PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono: "JetBrains Mono", "SF Mono", Consolas, monospace;--chart: #22d3ee}[data-theme=light]{--bg: #f4f6fb;--bg-soft: #e9eef7;--bg-grad: linear-gradient(180deg, #f7f9fd 0%, #eff3fa 46%, #e8eef8 100%);--panel: rgba(255, 255, 255, .8);--panel-strong: rgba(255, 255, 255, .96);--border: rgba(15, 23, 42, .11);--border-strong: rgba(15, 23, 42, .2);--text: #0f172a;--text-dim: #4b5a72;--text-faint: #7b8aa1;--cyan: #0e7490;--violet: #6d28d9;--green: #047857;--amber: #b45309;--red: #dc2626;--cyan-line: rgba(14, 116, 144, .32);--cyan-bg: rgba(14, 116, 144, .09);--green-line: rgba(4, 120, 87, .32);--green-bg: rgba(4, 120, 87, .09);--amber-line: rgba(180, 83, 9, .32);--amber-bg: rgba(180, 83, 9, .09);--red-line: rgba(220, 38, 38, .34);--red-bg: rgba(220, 38, 38, .09);--surface: #ffffff;--surface-2: #f1f5f9;--surface-3: rgba(15, 23, 42, .06);--hover: rgba(15, 23, 42, .04);--table-head: rgba(15, 23, 42, .045);--code-text: #33445e;--on-primary: #f8fdff;--spinner-track: rgba(15, 23, 42, .14);--grid-line: rgba(15, 23, 42, .055);--glow-1: rgba(14, 116, 144, .12);--glow-2: rgba(109, 40, 217, .11);--nav-bg: rgba(255, 255, 255, .86);--side-bg: rgba(255, 255, 255, .92);--admin-side-bg: rgba(252, 251, 255, .94);--overlay: rgba(15, 23, 42, .38);--grad-from: #0e7490;--grad-mid: #6d28d9;--grad-to: #a21caf;--shadow: 0 14px 34px -18px rgba(15, 23, 42, .3);--chart: #0e7490}body,.card,.btn,.input,.textarea,.select,table,th,td{transition:background-color .2s ease,border-color .2s ease,color .2s ease}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.65}.app-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(900px 520px at 12% -8%,var(--glow-1),transparent 62%),radial-gradient(760px 460px at 88% 4%,var(--glow-2),transparent 60%),var(--bg-grad)}.app-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(180deg,rgba(0,0,0,.85),transparent 72%);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.85),transparent 72%)}.app-shell{position:relative;z-index:1}.container{width:min(1180px,92vw);margin:0 auto}h1,h2,h3,h4{margin:0;line-height:1.3;font-weight:650;letter-spacing:-.01em}p{margin:0}a{color:inherit;text-decoration:none}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card-hover{transition:transform .18s ease,border-color .18s ease,background .18s ease}.card-hover:hover{transform:translateY(-3px);border-color:var(--border-strong);background:var(--panel-strong)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border-strong);background:var(--panel);color:var(--text);padding:10px 18px;border-radius:10px;font-size:14px;font-family:inherit;cursor:pointer;transition:all .16s ease;white-space:nowrap}.btn:hover:not(:disabled){background:var(--panel-strong);border-color:var(--cyan)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--cyan),var(--violet));border-color:transparent;color:var(--on-primary);font-weight:600}.btn-primary:hover:not(:disabled){filter:brightness(1.06);border-color:transparent}.btn-ghost{background:transparent;border-color:var(--border)}.btn-danger{border-color:var(--red-line);color:var(--red)}.btn-danger:hover:not(:disabled){border-color:var(--red);background:var(--red-bg)}.btn-sm{padding:6px 12px;font-size:13px;border-radius:8px}.field{display:flex;flex-direction:column;gap:7px}.label{font-size:13px;color:var(--text-dim)}.input,.textarea,.select{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:11px 14px;color:var(--text);font-size:14px;font-family:inherit;transition:border-color .16s ease}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px var(--cyan-bg)}.textarea{resize:vertical;min-height:90px;line-height:1.7}.error-text{color:var(--red);font-size:13px}.select option{background:var(--bg-soft);color:var(--text)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:12px;border:1px solid var(--border-strong);background:var(--panel);color:var(--text-dim)}.badge-ok{color:var(--green);border-color:var(--green-line);background:var(--green-bg)}.badge-warn{color:var(--amber);border-color:var(--amber-line);background:var(--amber-bg)}.badge-err{color:var(--red);border-color:var(--red-line);background:var(--red-bg)}.badge-info{color:var(--cyan);border-color:var(--cyan-line);background:var(--cyan-bg)}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius)}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border)}th{color:var(--text-faint);font-weight:500;font-size:13px;background:var(--table-head)}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--hover)}.grad-text{background:linear-gradient(120deg,var(--grad-from),var(--grad-mid) 55%,var(--grad-to));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.alert{padding:11px 15px;border-radius:10px;font-size:13.5px;border:1px solid var(--border);background:var(--panel)}.alert-err{color:var(--red);border-color:var(--red-line);background:var(--red-bg)}.alert-ok{color:var(--green);border-color:var(--green-line);background:var(--green-bg)}.empty{padding:52px 20px;text-align:center;color:var(--text-faint);font-size:14px}.spinner{width:17px;height:17px;border:2px solid var(--spinner-track);border-top-color:var(--cyan);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.mono{font-family:var(--mono)}.muted{color:var(--text-dim)}.faint{color:var(--text-faint)}