*{box-sizing:border-box;margin:0;padding:0}body{font:14px/1.5 -apple-system,Segoe UI,Microsoft YaHei,sans-serif;color:#e6e8ee;background:#0d1017}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(1200px 600px at 50% -10%,#1b2a4a,#0d1017)}.card{background:#151a25;border:1px solid #232a3a;border-radius:16px;padding:40px;width:360px;text-align:center;box-shadow:0 20px 60px #00000080}.card h1{font-size:20px}.card .sub{color:#7a8398;margin:6px 0 24px;font-size:12px;letter-spacing:1px}.card input{width:100%;padding:12px 14px;background:#0d1017;border:1px solid #2a3346;border-radius:10px;color:#fff;margin-bottom:14px}.card button,button{cursor:pointer;border:0;border-radius:10px;padding:11px 18px;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;font-weight:600}.card button{width:100%}.err{color:#f87171;margin-top:12px;font-size:13px}.app{display:grid;grid-template-columns:220px 1fr;min-height:100vh}aside{background:#10141d;border-right:1px solid #1e2536;padding:22px 14px;display:flex;flex-direction:column}.logo{font-size:20px;font-weight:800;padding:0 8px 22px}.logo span{color:#6366f1;margin-left:4px}nav{display:flex;flex-direction:column;gap:4px}nav a{padding:11px 12px;border-radius:9px;color:#aab2c5;cursor:pointer}nav a:hover{background:#171d2b}nav a.on{background:#1d2740;color:#fff}.foot{margin-top:auto;color:#5b6479;font-size:11px;padding:12px 8px;line-height:1.6}main{padding:26px 30px;overflow:auto}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.stats{display:flex;gap:30px}.stats div{display:flex;flex-direction:column}.stats b{font-size:24px}.stats span{color:#7a8398;font-size:12px}button.ghost{background:#1b2233;color:#cdd4e4}.msg{background:#14233b;border:1px solid #245;padding:10px 14px;border-radius:10px;margin-bottom:16px;color:#9ec2ff}table{width:100%;border-collapse:collapse;background:#121722;border:1px solid #1e2536;border-radius:12px;overflow:hidden}th,td{text-align:left;padding:11px 14px;border-bottom:1px solid #1a2131;font-size:13px}th{background:#161c28;color:#8b93a7;font-weight:600}td.dim,.dim{color:#6b748c}.empty{text-align:center;color:#5b6479;padding:30px}code{background:#0d1017;padding:2px 7px;border-radius:6px;color:#7dd3fc}.tag{background:#1e3a2f;color:#4ade80;padding:2px 9px;border-radius:20px;font-size:12px}.form{display:flex;flex-direction:column;gap:14px;max-width:460px}.form label{display:flex;flex-direction:column;gap:6px;color:#9aa3b8;font-size:13px}.form input,.form select{padding:10px 12px;background:#0d1017;border:1px solid #2a3346;border-radius:9px;color:#fff}.tools{display:grid;grid-template-columns:1fr 1fr;gap:22px}.tool{background:#121722;border:1px solid #1e2536;border-radius:12px;padding:18px}.tool h3{font-size:14px;margin-bottom:12px}textarea{width:100%;height:130px;background:#0d1017;border:1px solid #2a3346;border-radius:9px;color:#9ef;padding:10px;font-family:ui-monospace,monospace;font-size:12px;margin-bottom:10px}pre{background:#0d1017;border:1px solid #1a2131;border-radius:9px;padding:12px;margin-top:10px;color:#a7f3d0;font-size:12px;white-space:pre-wrap;word-break:break-all;max-height:220px;overflow:auto}