:root{
  --bg:#05070b;--panel:#101625;--panel2:#0c111d;--line:#243047;--text:#f4f7fb;--muted:#95a3b8;--green:#00ff88;--blue:#32d3ff;--red:#ff4d5e;--yellow:#ffd166;
}
*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,Arial,Helvetica,sans-serif}
body{min-height:100vh;background:radial-gradient(circle at 20% 0%,rgba(0,255,136,.16),transparent 30%),radial-gradient(circle at 90% 10%,rgba(50,211,255,.14),transparent 35%),var(--bg);color:var(--text)}
a{color:inherit;text-decoration:none}.topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:18px 34px;background:rgba(5,7,11,.78);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.brand{font-size:25px;font-weight:900;letter-spacing:.05em;color:var(--green)}.brand span{color:white}.navlinks{display:flex;gap:18px}.navlinks a{color:var(--muted);font-weight:700}.navlinks a:hover,.navlinks .active-link{color:var(--green)}
.container{max-width:1350px;margin:auto;padding:28px}.hero{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px;padding:32px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,rgba(16,22,37,.92),rgba(12,17,29,.72));box-shadow:0 20px 80px rgba(0,0,0,.35)}.hero.small{padding:26px}.eyebrow{color:var(--green);text-transform:uppercase;font-weight:900;letter-spacing:.18em;font-size:12px;margin-bottom:8px}h1{font-size:clamp(32px,5vw,62px);line-height:1}.small h1{font-size:clamp(30px,4vw,48px)}h2{font-size:22px}.muted{color:var(--muted);margin-top:10px}.status-card{display:flex;gap:18px;align-items:center;background:rgba(255,255,255,.04);padding:16px 20px;border:1px solid var(--line);border-radius:18px}.pill{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:8px 12px;background:rgba(0,255,136,.12);color:var(--green);font-weight:800}.pill.error{background:rgba(255,77,94,.12);color:var(--red)}
.grid{display:grid;gap:18px}.stats{grid-template-columns:repeat(4,1fr);margin-bottom:18px}.stat,.card{background:rgba(16,22,37,.86);border:1px solid var(--line);border-radius:20px;box-shadow:0 14px 50px rgba(0,0,0,.24)}.stat{padding:22px}.stat span{display:block;color:var(--muted);font-weight:700}.stat strong{font-size:36px;color:var(--green)}.card{padding:22px;margin-bottom:18px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}.tabs,.actions-row{display:flex;gap:10px;flex-wrap:wrap}.tab,button{border:0;border-radius:12px;padding:12px 16px;background:linear-gradient(135deg,var(--green),var(--blue));color:#00110a;font-weight:900;cursor:pointer}button:hover{filter:brightness(1.07);transform:translateY(-1px)}.tab{background:#1a2436;color:var(--muted);border:1px solid var(--line)}.tab.active{background:linear-gradient(135deg,var(--green),var(--blue));color:#00110a}.secondary{background:#1a2436;color:var(--text);border:1px solid var(--line)}.danger,.btn-red{background:var(--red);color:white}.btn-dark{background:#263246;color:white}.btn-small{padding:8px 11px;margin:2px;border-radius:9px}.form-grid{display:grid;grid-template-columns:2fr 1fr auto;gap:10px;margin-bottom:16px}input,select{width:100%;padding:14px 15px;border-radius:12px;border:1px solid var(--line);background:#0b1020;color:white;outline:none}input:focus,select:focus{border-color:var(--green)}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px}table{width:100%;border-collapse:collapse;min-width:900px}th{padding:14px;background:rgba(0,255,136,.92);color:#00110a;text-align:center}td{padding:14px;border-bottom:1px solid var(--line);text-align:center}tr:hover td{background:rgba(255,255,255,.025)}.rank{display:inline-block;padding:7px 12px;border-radius:999px;background:rgba(50,211,255,.12);color:#bdefff;font-weight:800}.points{font-size:22px;font-weight:900;color:var(--green)}.two{grid-template-columns:1fr 1fr}.scrollbox{max-height:420px;overflow:auto;display:flex;flex-direction:column;gap:12px}.empty{color:var(--muted);padding:20px}.log,.week{border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:14px;padding:14px}.log small,.week small{color:var(--muted)}.week-title{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px}.mobile-hide{display:inline}
@media(max-width:900px){.topbar{flex-direction:column;gap:12px}.navlinks{font-size:14px;flex-wrap:wrap;justify-content:center}.hero{flex-direction:column;align-items:flex-start}.stats,.two,.form-grid{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.container{padding:16px}.mobile-hide{display:none}}