:root{--bg: #0c1016;--bg-elev: #141b24;--bg-soft: #1b2430;--line: #2a3544;--text: #e8eef5;--muted: #8b9aab;--accent: #3dcaa0;--accent-dim: #2a8f70;--danger: #e35d6a;--warn: #d4a017;--info: #5b9bd5;--radius: 8px;font-family:PingFang SC,Noto Sans SC,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;background:var(--bg);color:var(--text)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}.layout{display:flex;min-height:100vh}.sider{width:220px;flex-shrink:0;background:#0a0e13;border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{padding:22px 20px 16px;font-weight:700;letter-spacing:.04em}.brand span{color:var(--accent)}.nav{display:flex;flex-direction:column;padding:8px;gap:2px;flex:1}.nav a{color:var(--muted);padding:9px 12px;border-radius:6px;text-decoration:none}.nav a:hover,.nav a.active{color:var(--text);background:var(--bg-soft);text-decoration:none}.sider-foot{padding:16px 20px 20px;color:var(--muted);font-size:12px}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:56px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#10161e}.page{padding:22px 24px 40px}h1{margin:0 0 6px;font-size:20px;font-weight:650}.sub{color:var(--muted);font-size:13px;margin-bottom:18px}.card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin-bottom:16px}.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}label.field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}input,select,textarea{background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:7px 10px;outline:none;min-width:0}textarea{min-height:88px;width:100%;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}input:focus,select:focus,textarea:focus{border-color:var(--accent-dim)}.btn{border:1px solid var(--line);background:var(--bg-soft);color:var(--text);border-radius:6px;padding:7px 12px;cursor:pointer}.btn:hover:not(:disabled){border-color:var(--accent-dim)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:#1a4d3e;border-color:var(--accent-dim);color:#d8fff0}.btn-danger{background:#4a2228;border-color:#8a3a44;color:#ffd6da}.btn-ghost{background:transparent}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top;white-space:nowrap}th{color:var(--muted);font-weight:550;font-size:12px}td.wrap,th.wrap{white-space:normal;max-width:280px;word-break:break-all}.money{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.tag{display:inline-block;padding:1px 7px;border-radius:999px;font-size:12px;border:1px solid var(--line);color:var(--muted)}.tag-ok{color:#9ee7cb;border-color:#2a8f70}.tag-bad{color:#ffb4bb;border-color:#8a3a44}.tag-warn{color:#f3d48a;border-color:#8a7010}.hint{margin:0 0 12px;padding:8px 12px;border-radius:6px;background:#163528;color:#c8f5e4;font-size:13px}.hint.err{background:#3a1c22;color:#ffd0d5}.pager{display:flex;gap:8px;align-items:center;margin-top:12px;color:var(--muted);font-size:13px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.dash-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.dash-card{display:block;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);padding:16px;color:inherit;text-decoration:none}.dash-card:hover{border-color:var(--accent-dim);text-decoration:none}.dash-card h3{margin:0 0 6px;font-size:15px}.dash-card p{margin:0;color:var(--muted);font-size:12px}.login-wrap{min-height:100vh;display:grid;place-items:center;background:radial-gradient(1200px 500px at 20% -10%,#163528 0%,transparent 50%),var(--bg)}.login-card{width:380px;background:var(--bg-elev);border:1px solid var(--line);border-radius:12px;padding:28px 26px 24px}.login-card h1{margin-bottom:4px}.login-card .field{margin-bottom:12px}.login-card .qr-hint{text-align:center;margin:-4px 0 14px}.row-actions{display:flex;flex-wrap:wrap;gap:6px}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin-bottom:12px}.full{grid-column:1 / -1}.inline-row{display:flex;gap:8px;align-items:center}.inline-row input{flex:1}.code-block{background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px;overflow-x:auto;font-size:13px}.img-preview{max-width:160px;max-height:100px;border-radius:var(--radius);border:1px solid var(--line);object-fit:cover;margin-top:6px}.sub.warn{color:var(--warn)}@media(max-width:900px){.sider{display:none}.grid-2,.grid-3{grid-template-columns:1fr}}