:root{font-family:Work Sans,system-ui,-apple-system,sans-serif;color-scheme:light;--bg: #0f0f12;--bg-soft: #17171d;--panel: #1e1f27;--panel-2: #252633;--text: #f2f2f5;--muted: #a6a8b3;--accent: #ff6b3d;--accent-2: #ffb85c;--danger: #ff3d3d;--ok: #66f0a1;--border: rgba(255, 255, 255, .08);--shadow: rgba(0, 0, 0, .35)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(1200px 600px at 10% -10%,rgba(255,107,61,.15),transparent 60%),radial-gradient(800px 400px at 100% 0%,rgba(255,184,92,.15),transparent 60%),linear-gradient(180deg,#0b0b0f,#12131a 60%,#0f1016);color:var(--text)}#root{max-width:1200px;margin:0 auto;padding:32px 24px 64px}h1,h2,h3{font-family:Bebas Neue,Work Sans,sans-serif;letter-spacing:.5px;margin:0}p,span,label,input,textarea,button,select{font-family:Work Sans,sans-serif}.mono{font-family:IBM Plex Mono,monospace}.app-shell{display:flex;flex-direction:column;gap:20px}.auth-shell{min-height:70vh;display:flex;align-items:center;justify-content:center}.auth-card{width:min(520px,100%)}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:0 12px 30px var(--shadow)}.brand{display:flex;flex-direction:column;gap:4px}.brand h1{font-size:36px;text-transform:uppercase}.brand p{color:var(--muted);margin:0}.tab-row{display:flex;gap:8px}.tab{background:transparent;border:1px solid var(--border);color:var(--muted);padding:8px 14px;border-radius:999px;cursor:pointer;transition:all .2s ease}.tab.active{color:var(--text);border-color:var(--accent);background:#ff6b3d1f}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:0 10px 24px var(--shadow)}.card.accent{background:linear-gradient(140deg,#ff6b3d29,#1f1f28cc);border-color:#ff6b3d59}.card h2{font-size:28px;margin-bottom:8px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-title h2{font-size:26px}.label{font-size:12px;text-transform:uppercase;letter-spacing:1.4px;color:var(--muted)}.countdown{font-size:42px;color:var(--accent)}.metric{display:flex;flex-direction:column;gap:6px}.metric .value{font-size:24px}.button{background:var(--accent);border:none;color:#111;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:600}.button.secondary{background:transparent;border:1px solid var(--border);color:var(--text)}.button.subtle{background:transparent;color:var(--muted);border:none}.input,.select,.textarea{width:100%;padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:var(--panel-2);color:var(--text)}.input.compact{padding:6px 8px;font-size:13px}.textarea{min-height:70px;resize:vertical}.row{display:flex;gap:12px;align-items:center}.row.wrap{flex-wrap:wrap}.row.inline{flex-wrap:nowrap}.stack{display:flex;flex-direction:column;gap:10px}.badge{padding:4px 10px;border-radius:999px;font-size:12px;background:#ffffff14;color:var(--muted)}.badge.accent{background:#ff6b3d33;color:var(--accent)}.progress{height:8px;border-radius:999px;background:#ffffff14;overflow:hidden}.progress .fill{height:100%;background:linear-gradient(120deg,var(--accent),var(--accent-2));transition:width .2s ease}.details{border:1px solid var(--border);border-radius:14px;padding:10px 12px;background:#ffffff05}.details summary{cursor:pointer;font-weight:600;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px}.details summary::marker{display:none}.scroll{max-height:220px;overflow:auto;padding-right:6px}.list-item{padding:10px;border-radius:12px;border:1px dashed var(--border);background:#ffffff05}.streak{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted)}.pill{padding:6px 10px;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.warning{color:var(--danger);font-size:12px}.ok{color:var(--ok);font-size:12px}.section{animation:fadeUp .6s ease both}.section.delay-1{animation-delay:.1s}.section.delay-2{animation-delay:.2s}.section.delay-3{animation-delay:.3s}.section.delay-4{animation-delay:.4s}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 900px){#root{padding:24px 16px 40px}.top-bar{flex-direction:column;align-items:flex-start}.grid{grid-template-columns:1fr}.row{flex-wrap:wrap;align-items:flex-start}.row>*{flex:1 1 100%}.row.inline>*{flex:0 0 auto}.tab-row{width:100%;justify-content:flex-start;flex-wrap:wrap}.button,.input,.select,.textarea{width:100%}}@media (max-width: 600px){.brand h1{font-size:28px}.countdown{font-size:34px}.card{padding:14px}}