@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;700;800&family=DM+Sans:wght@300;400;500;700&display=swap";
:root{--bg:#0a0a0f;--bg2:#111118;--bg3:#1a1a25;--surface:#1e1e2e;--surface2:#252535;--border:#ffffff14;--border2:#ffffff26;--accent:#7c6af7;--accent2:#a78bfa;--gold:#f4b942;--gold2:#fcd565;--green:#34d399;--red:#f87171;--cyan:#22d3ee;--text:#f0f0f8;--text2:#9090b0;--radius:14px;--radius2:20px}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);min-height:100vh;margin:0;font-family:DM Sans,sans-serif}body:before{content:"";pointer-events:none;z-index:0;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:var(--accent2);text-decoration:none}a:hover{color:var(--cyan)}.app-shell{z-index:1;min-height:100vh;position:relative}.header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background:#0a0a0fcc;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:sticky;top:0}.logo{align-items:center;gap:10px;font-family:Syne,sans-serif;font-size:22px;font-weight:800;display:flex}.logo-icon{background:var(--accent);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.logo span{color:var(--accent2)}.header-nav{gap:8px;display:flex}.nav-btn{border:1px solid var(--border2);color:var(--text2);background:0 0;border-radius:10px;padding:8px 16px;font-size:13px}.nav-btn:hover{background:var(--surface);color:var(--text);border-color:var(--accent)}.page-container{max-width:760px;margin:0 auto;padding:40px 20px}.hero{text-align:center;max-width:640px;margin:0 auto;padding:60px 24px 40px}.hero-badge{color:var(--accent2);text-transform:uppercase;background:#7c6af726;border:1px solid #7c6af74d;border-radius:100px;margin-bottom:24px;padding:6px 14px;font-size:12px;font-weight:500;display:inline-flex}h1,h2,h3{font-family:Syne,sans-serif}h1{letter-spacing:-1.5px;font-size:clamp(32px,6vw,52px);line-height:1.1}.hl{color:var(--accent2)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius2);padding:24px}.input-block{background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius2);text-align:left;flex-direction:column;gap:14px;padding:28px;display:flex}.input-label{text-transform:uppercase;letter-spacing:.8px;color:var(--text2);font-size:12px;font-weight:500}.input-row{gap:10px;display:flex}.input{background:var(--bg3);border:1px solid var(--border2);border-radius:var(--radius);color:var(--text);letter-spacing:2px;outline:none;flex:1;padding:14px 18px;font-family:Syne,sans-serif;font-size:20px;font-weight:700}.input:focus{border-color:var(--accent)}.btn-primary{background:var(--accent);border-radius:var(--radius);color:#fff;cursor:pointer;border:none;padding:14px 28px;font-family:DM Sans,sans-serif;font-size:15px}.btn-primary:hover{background:var(--accent2)}.btn-secondary{border:1px solid var(--border2);border-radius:var(--radius);color:var(--text2);cursor:pointer;background:0 0;padding:12px 20px}.btn-secondary:hover{border-color:var(--accent);color:var(--text)}.stats-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:18px 16px}.stat-val{font-family:Syne,sans-serif;font-size:32px;font-weight:800}.stat-label{color:var(--text2);text-transform:uppercase;font-size:12px}.section-title{align-items:center;gap:8px;margin:28px 0 14px;font-family:Syne,sans-serif;font-size:16px;font-weight:700;display:flex}.dot{background:var(--accent);border-radius:50%;width:8px;height:8px}.list{gap:10px;display:grid}.list-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.list-card.done{border-color:#34d39959}.badge{color:var(--accent2);background:#7c6af726;border:1px solid #7c6af740;border-radius:100px;padding:3px 10px;font-size:12px;display:inline-block}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius2);overflow:hidden}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;text-transform:uppercase;color:var(--text2);border-bottom:1px solid var(--border);padding:10px 14px;font-size:11px}td{border-bottom:1px solid var(--border);padding:12px 14px}tr:last-child td{border-bottom:none}@media (max-width:600px){.input-row{flex-direction:column}.stats-grid{grid-template-columns:1fr}.header-nav span{display:none}}