:root{--bg1:#0b0f1a;--bg2:#11172a;--panel:#0f1526;--lilac:#a78bfa;--lilac-2:#c4b5fd;--text:#e6e8ee;--muted:#9aa3b2;--border:#232b45}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;color:var(--text);background:radial-gradient(1200px 600px at 20% 0%,#1b2446,#0b0f1a 55%),linear-gradient(180deg,#0b0f1a,#0b0f1a 40%,#11172a);font:14px/1.6 system-ui,Inter,Segoe UI,Roboto,Helvetica,Arial;display:block}
.app{width:min(980px,100%);margin:28px auto;background:linear-gradient(180deg,#a78bfa1f,#a78bfa0a);border:1px solid #231f3a66;border-radius:22px;box-shadow:0 20px 50px #0006,inset 0 0 40px #b8a2ff0f}
.hdr{padding:28px 28px 10px;text-align:center;border-bottom:1px solid #211b38}
.logo{width:58px;height:58px;margin:0 auto 10px;border-radius:14px;display:grid;place-items:center;background:conic-gradient(from 220deg at 50% 50%,#d8b4fe,#7c3aed,#22d3ee,#d8b4fe);box-shadow:0 10px 30px #0008,inset 0 0 12px #fff6;color:#0b0f1a;font-weight:800}
h1{margin:6px 0 2px;font-size:28px;letter-spacing:.2px}
.sub{color:var(--muted);font-size:13px}
.body{padding:22px}
.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.pill{flex:1;display:flex;align-items:center;gap:10px;padding:14px 16px;background:#2b1f4a2b;border:1px solid #3b2a6550;color:#e9e6ff;border-radius:999px;min-height:48px;box-shadow:inset 0 0 0 1px #bda9ff1a;cursor:pointer}
.pill input{display:none}
.pill .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
select,.btn,.reset{height:42px}
select{padding:10px 12px;border-radius:12px;background:#0f1326;color:var(--text);border:1px solid #2c3350;outline:none}
.btn{padding:0 16px;border-radius:12px;background:transparent;color:var(--text);border:1px solid var(--lilac-2);cursor:pointer;transition:.2s ease;font-weight:600;box-shadow:0 0 #a78bfa80;display:inline-flex;align-items:center;gap:10px}
.btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px -12px #a78bfa80}
.reset{padding:0 12px;border-radius:10px;border:1px solid #34416a;background:#0f1428;color:#9fb0cc;cursor:pointer}
.status{margin:14px 2px 4px;font-size:13px;display:flex;align-items:center;gap:8px;min-height:20px}
.grid{margin-top:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.card{background:linear-gradient(180deg,#0c1326,#0c1223);border:1px solid var(--border);border-radius:16px;padding:14px 16px;box-shadow:0 10px 30px #0005}
.title{font-weight:700;font-size:16px}
.meta{color:#cfd3dd;font-size:12.5px}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.badge{display:inline-block;padding:6px 10px;border-radius:999px;background:#a78bfa1f;border:1px solid #a78bfa55;color:#d7ccff;font-size:11px}
.score{margin-top:6px;color:#bdb6ff;font-size:12px}
.pay{margin-left:10px;color:#9fe3b2;border:1px solid #2b6b4a;border-radius:999px;padding:4px 8px;background:#11402c}
.desc{color:#b8bfd3;font-size:12px;margin-top:8px}
.empty{color:#eab308;margin-top:18px;background:#2b1f4a12;border:1px dashed #a78bfa55;padding:12px 14px;border-radius:12px}
.loader{width:16px;height:16px;border-radius:50%;border:2px solid #d9cffd;border-top-color:transparent;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.linkbtn{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;border:1px solid #a78bfa80;background:#0f1428;color:#d7ccff;text-decoration:none;font-weight:600}
.lock-screen{position:fixed;inset:0;display:none;place-items:center;background:linear-gradient(180deg,#0b102099,#0a0f1aa6);backdrop-filter:blur(10px);z-index:9999}
.lock-card{width:min(520px,90vw);padding:28px 26px;border-radius:20px;text-align:center;color:#eaf0ff;background:rgba(20,24,40,.55);border:1px solid rgba(255,255,255,.14);box-shadow:0 20px 60px rgba(0,0,0,.45)}
.logo-badge{width:82px;height:82px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(from 220deg at 50% 50%,#d8b4fe,#7c3aed,#22d3ee,#d8b4fe);box-shadow:0 14px 30px #0008,inset 0 0 16px #fff6;color:#0b0f1a;font-weight:900;font-size:28px}
.lock-title{font-size:26px;font-weight:800;margin-bottom:6px}
.lock-sub{color:#b9c2e1;margin-bottom:18px}
.btn-login-pulse{width:140px;height:140px;border-radius:999px;border:none;cursor:pointer;font-weight:900;font-size:18px;letter-spacing:.4px;color:#0b0f1a;background:radial-gradient(circle,#e7ecff,#bfe0ff);box-shadow:0 20px 40px rgba(167,139,250,.35), inset 0 0 0 6px #ffffff90;animation:pulse 1.3s ease-in-out infinite}
@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}
.logout-mini{position:fixed;right:16px;top:14px;z-index:9998;border:1px solid #c4b5fd55;background:#0f1428;color:#d7ccff;border-radius:12px;padding:8px 10px;font-weight:700;cursor:pointer}