*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0d0d0d;--surface:#161616;--card:#1c1c1c;--border:#2a2a2a;--text:#f0f0f0;--muted:#888;--accent:#e74c3c;--accent-hover:#c0392b;--green:#2ecc71;--yellow:#f1c40f;--radius:8px;--nav-h:56px}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}.nav{z-index:100;height:var(--nav-h);background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:1.5rem;padding:0 1.5rem;display:flex;position:sticky;top:0}.nav-brand{color:var(--accent);white-space:nowrap;font-size:1.1rem;font-weight:700}.nav-links{flex:1;gap:.25rem;display:flex}.nav-link{border-radius:var(--radius);color:var(--muted);padding:.35rem .75rem;font-size:.9rem;transition:color .15s,background .15s}.nav-link:hover,.nav-link.active{color:var(--text);background:var(--card)}.nav-right{align-items:center;gap:.75rem;margin-left:auto;display:flex}.nav-user{color:var(--muted);font-size:.85rem}.page{max-width:960px;margin:0 auto;padding:2rem 1.5rem}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.card+.card{margin-top:1rem}.card-title{margin-bottom:.75rem;font-weight:600}.grid-2{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.grid-3{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;display:grid}.section{margin-bottom:2rem}.section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.section-title{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:600}.btn{border-radius:var(--radius);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.4rem;padding:.5rem 1.1rem;font-size:.875rem;font-weight:500;transition:background .15s,opacity .15s;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-ghost{background:var(--card);color:var(--text);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){border-color:var(--muted)}.btn-sm{padding:.3rem .75rem;font-size:.8rem}.btn-danger{color:#fca5a5;background:#7f1d1d}.btn-danger:hover:not(:disabled){background:#991b1b}.form{flex-direction:column;gap:1rem;display:flex}.field{flex-direction:column;gap:.35rem;display:flex}.field label{color:var(--muted);font-size:.85rem}.field input,.field select,.field textarea{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:.55rem .75rem;font-family:inherit;font-size:.9rem;transition:border-color .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);outline:none}.field textarea{resize:vertical;min-height:80px}.auth-wrap{justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.auth-box{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:400px;padding:2rem}.auth-title{margin-bottom:1.5rem;font-size:1.4rem;font-weight:700}.auth-foot{color:var(--muted);text-align:center;margin-top:1rem;font-size:.85rem}.auth-foot a{color:var(--accent)}.badge{border-radius:999px;align-items:center;padding:.2rem .55rem;font-size:.75rem;font-weight:500;display:inline-flex}.badge-green{color:var(--green);background:#052e16}.badge-red{color:#fca5a5;background:#450a0a}.badge-yellow{color:var(--yellow);background:#422006}.badge-blue{color:#60a5fa;background:#0c1a2e}.badge-gray{background:var(--surface);color:var(--muted)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.875rem}th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border);padding:.6rem .75rem;font-weight:500}td{border-bottom:1px solid var(--border);padding:.65rem .75rem}tr:last-child td{border-bottom:none}.error-msg{color:#fca5a5;border-radius:var(--radius);background:#450a0a;padding:.6rem .75rem;font-size:.85rem}.empty{color:var(--muted);text-align:center;padding:1.5rem 0;font-size:.875rem}.divider{border:none;border-top:1px solid var(--border);margin:1.5rem 0}.spinner{color:var(--muted);text-align:center;padding:3rem}.draw-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.75rem;margin-top:1.5rem;display:grid}.draw-card{aspect-ratio:2/3;background:var(--card);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;transition:border-color .15s,transform .15s;display:flex}.draw-card:hover:not(.flipped):not(.claimed){border-color:var(--accent);transform:translateY(-2px)}.draw-card.flipped{border-color:var(--accent);background:#1a0a0a}.draw-card.claimed{cursor:default;opacity:.7;border-color:#2a2a2a}.draw-card .card-num{color:var(--accent);font-size:2rem;font-weight:700}.draw-card .card-user{color:var(--muted);text-align:center;padding:0 4px;font-size:.65rem}.draw-card .card-q{color:var(--muted);font-size:2rem}.notif-btn{cursor:pointer;color:var(--muted);border-radius:var(--radius);background:0 0;border:none;padding:.3rem;font-size:1.15rem;transition:color .15s;position:relative}.notif-btn:hover{color:var(--text)}.notif-badge{background:var(--accent);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:.6rem;font-weight:700;display:flex;position:absolute;top:-2px;right:-4px}