:root{--bg:#0b1020;--panel:#141a2c;--border:#243049;--text:#e8eefc;--muted:#93a0b8;--primary:#4f7cff;--primary-hover:#6b91ff;--danger:#e35d6a;--tag-bg:#4f7cff26;--radius:12px;color:var(--text);background:var(--bg);font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background:radial-gradient(circle at top right, #4f7cff2e, transparent 32%), var(--bg);min-height:100vh;margin:0}a{color:inherit;text-decoration:none}#app{min-height:100vh}.page{width:min(1100px,100% - 32px);margin:0 auto;padding:28px 0 48px}.topbar{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.topbar h1,.panel h2,.auth-card h1,.card h2{margin:0 0 8px}.muted,.hint,.footer,.card time{color:var(--muted)}.actions{flex-wrap:wrap;gap:10px;display:flex}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:18px;padding:20px}.form-grid{grid-template-columns:1.4fr 1fr;gap:14px;margin:16px 0;display:grid}.form-grid .full{grid-column:1/-1}label{color:var(--muted);flex-direction:column;gap:8px;font-size:.92rem;display:flex}input,textarea{border:1px solid var(--border);width:100%;color:var(--text);font:inherit;background:#0f1524;border-radius:10px;padding:12px 14px}input:focus,textarea:focus{border-color:var(--primary);outline:2px solid #4f7cff59}.btn{border:1px solid var(--border);color:var(--text);cursor:pointer;font:inherit;background:#1a2236;border-radius:10px;padding:10px 14px}.btn:hover{border-color:#3a4b6d}.btn.primary{background:var(--primary);border-color:var(--primary)}.btn.primary:hover{background:var(--primary-hover)}.btn.ghost{background:0 0}.btn.small{padding:6px 10px;font-size:.85rem}.btn.danger{color:#ffd0d5;border-color:#e35d6a73}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:12px 10px}th{color:var(--muted);font-size:.9rem;font-weight:600}.tag{background:var(--tag-bg);color:#b9ccff;border-radius:999px;padding:2px 10px;font-size:.82rem;display:inline-block}.row-actions{white-space:nowrap;gap:8px;display:flex}.cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.card p{color:var(--muted);margin:8px 0 14px}.auth-page{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:14px;width:min(420px,100%);padding:28px;display:flex}.error{color:#ff8f9b;margin:0}.link{color:#b9ccff;text-align:center}.empty{color:var(--muted);margin:0}.footer{margin-top:28px;font-size:.9rem}@media (width<=720px){.topbar{flex-direction:column}.form-grid{grid-template-columns:1fr}table,thead,tbody,th,td,tr{display:block}thead{display:none}tr{border:1px solid var(--border);background:#10182a;border-radius:10px;margin-bottom:12px;padding:10px}td{border:0;padding:8px 0}td:before{content:attr(data-label);color:var(--muted);margin-bottom:4px;font-size:.8rem;display:block}}