: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}body,html{margin:0;padding:0;background:var(--canvas);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft JhengHei,PingFang TC,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;border:1px solid var(--line);background:var(--panel2);color:var(--ink);font-size:14px;transition:filter .12s ease,background .12s ease}.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:transparent}.btn:disabled{opacity:.5;cursor:default}input.field{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--line);background:var(--canvas);color:var(--ink);font-size:15px;outline:none}input.field:focus{border-color:var(--accent)}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:100%;max-width:360px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:28px}.login-card h1{margin:0 0 4px;font-size:22px}.login-card p.sub{margin:0 0 20px;color:var(--muted);font-size:13px}.login-card form{display:flex;flex-direction:column;gap:12px}.err{color:var(--danger);font-size:13px;min-height:18px}.topbar{justify-content:space-between;padding:18px 28px;border-bottom:1px solid var(--line)}.topbar,.topbar .brand{display:flex;align-items:center}.topbar .brand{gap:10px;font-weight:700;font-size:18px}.topbar .dot{width:22px;height:22px;border-radius:6px;background:var(--accent)}.wrap{max-width:1100px;margin:0 auto;padding:28px}.wrap .head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.wrap .head h2{margin:0;font-size:16px;color:var(--muted);font-weight:600}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:10px;min-height:120px;transition:border-color .12s ease,transform .12s ease}.card:hover{border-color:var(--accent)}.card .title{font-size:16px;font-weight:600;word-break:break-word}.linklike{appearance:none;border:0;background:none;color:inherit;padding:0;text-align:left}.linklike:hover{color:#bfcfff}.card .meta{font-size:12px;color:var(--muted);margin-top:auto}.card .actions{display:flex;gap:6px;flex-wrap:wrap}.card .actions .btn{padding:6px 10px;font-size:12px}.empty{text-align:center;padding:60px 0;display:grid;justify-items:center;gap:14px}.empty,.muted,.spin{color:var(--muted)}.spin{padding:40px;text-align:center}.modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:rgba(5,8,14,.62)}.modal-card{width:min(420px,100%);border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:0 24px 70px rgba(0,0,0,.35);padding:18px}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.modal-head h3{margin:0;font-size:16px}.icon-close{width:30px;height:30px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--muted)}.icon-close:hover{color:var(--ink);background:var(--panel2)}.modal-copy{margin:2px 0 14px;color:var(--ink);line-height:1.55}.modal-actions{display:flex;justify-content:flex-end;gap:8px}