:root{--canvas:#0f1420;--panel:#1a2233;--panel2:#222c40;--ink:#e7edf6;--muted:#8a97ab;--line:#2b3649;--accent:#2d5bd6;--accent-ink:#fff;--danger:#e05555;--radius:12px}*{box-sizing:border-box}html,body{background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft JhengHei,PingFang TC,Roboto,Helvetica,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.btn{border:1px solid var(--line);background:var(--panel2);color:var(--ink);border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;transition:filter .12s,background .12s;display:inline-flex}.btn:hover{filter:brightness(1.15)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.danger{color:var(--danger);border-color:#50313a}.btn.ghost{background:0 0}.btn:disabled{opacity:.5;cursor:default}input.field{border:1px solid var(--line);background:var(--canvas);width:100%;color:var(--ink);border-radius:8px;outline:none;padding:10px 12px;font-size:15px}input.field:focus{border-color:var(--accent)}.login-wrap{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);width:100%;max-width:360px;padding:28px}.login-card h1{margin:0 0 4px;font-size:22px}.login-card p.sub{color:var(--muted);margin:0 0 20px;font-size:13px}.login-card form{flex-direction:column;gap:12px;display:flex}.err{color:var(--danger);min-height:18px;font-size:13px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 28px;display:flex}.topbar .brand{align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.topbar .dot{background:var(--accent);border-radius:6px;width:22px;height:22px}.wrap{max-width:1100px;margin:0 auto;padding:28px}.wrap .head{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.wrap .head h2{color:var(--muted);margin:0;font-size:16px;font-weight:600}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:10px;min-height:120px;padding:18px;transition:border-color .12s,transform .12s;display:flex}.card:hover{border-color:var(--accent)}.card .title{word-break:break-word;font-size:16px;font-weight:600}.card .meta{color:var(--muted);margin-top:auto;font-size:12px}.card .actions{flex-wrap:wrap;gap:6px;display:flex}.card .actions .btn{padding:6px 10px;font-size:12px}.empty{color:var(--muted);text-align:center;padding:60px 0}.muted{color:var(--muted)}.spin{color:var(--muted);text-align:center;padding:40px}