:root{--bg:#08080f;--surface:#0f0f1a;--card:#14141f;--card-elevated:#1a1a28;--border:#252535;--primary:#7c4dff;--primary-light:#9d70ff;--accent:#ff4d8d;--cyan:#0af5ff;--yellow:#ffd60a;--red:#ff2d55;--text:#f0f0ff;--text-secondary:#88b;--text-muted:#4a4a6a;--success:#30d158;--error:#ff453a}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.auth-gate{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{background:var(--card);border:1px solid var(--border);text-align:center;border-radius:16px;width:100%;max-width:380px;padding:40px}.auth-logo{color:var(--primary);letter-spacing:1px;margin-bottom:4px;font-size:32px;font-weight:900}.auth-subtitle{color:var(--text-secondary);margin-bottom:28px;font-size:14px}.auth-input{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--text);border-radius:10px;outline:none;margin-bottom:12px;padding:12px 16px;font-size:14px;transition:border-color .2s;display:block}.auth-input:focus{border-color:var(--primary)}.auth-input::placeholder{color:var(--text-muted)}.auth-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;margin-top:8px;padding:12px;font-size:15px;font-weight:700;transition:opacity .2s}.auth-btn:hover{opacity:.85}.auth-btn-secondary{background:var(--border);margin-top:16px}.auth-error{color:var(--error);margin:8px 0;font-size:13px}.auth-divider{color:var(--text-muted);align-items:center;gap:12px;margin:16px 0;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-btn-google{background:var(--surface);border:1px solid var(--border);justify-content:center;align-items:center;gap:10px;margin-top:0;display:flex}.auth-btn-google:hover{border-color:var(--text-muted)}.auth-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-top:16px;font-size:13px;transition:color .2s}.auth-toggle:hover{color:var(--primary-light)}.auth-spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:32px;height:32px;margin:0 auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen{min-height:100vh;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.dashboard{max-width:1200px;margin:0 auto;padding:24px 20px 60px}.dash-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.dash-logo{color:var(--primary);letter-spacing:1px;font-size:24px;font-weight:900}.dash-subtitle{color:var(--text-secondary);font-size:13px}.logout-btn{background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:8px;padding:8px 16px;font-size:13px;transition:border-color .2s}.logout-btn:hover{border-color:var(--primary);color:var(--text)}.stats-header{justify-content:flex-end;margin-bottom:12px;display:flex}.stat-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px;transition:border-color .2s}.stat-card:hover{border-color:var(--primary)}.stat-title{color:var(--text-secondary);letter-spacing:.5px;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:600}.stat-value{margin-bottom:8px;font-size:36px;font-weight:800;line-height:1}.stat-trend{font-size:12px;font-weight:600}.charts-header{justify-content:flex-end;margin-bottom:12px;display:flex}.chart-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.chart-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px}.chart-title{color:var(--text);margin-bottom:16px;font-size:15px;font-weight:700}.range-toggle{background:var(--surface);border-radius:8px;gap:4px;padding:3px;display:flex}.range-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .2s}.range-btn.active{background:var(--primary);color:#fff}.tables-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.table-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px}.table-title{color:var(--text);margin-bottom:16px;font-size:15px;font-weight:700}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);padding:8px;font-size:11px;font-weight:600}.data-table td{border-bottom:1px solid #25253580;padding:10px 8px;font-size:13px}.data-table tr:last-child td{border-bottom:none}.data-table .rank{color:var(--text-muted);width:32px}.data-table .muted{color:var(--text-secondary)}.data-table .highlight{color:var(--primary-light);font-weight:700}.empty{color:var(--text-muted);text-align:center;padding:24px 0;font-size:13px}.feed-card{margin-bottom:24px}.feed-list{max-height:400px;overflow-y:auto}.feed-item{border-bottom:1px solid #25253580;padding:12px 0}.feed-item:last-child{border-bottom:none}.feed-main{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.feed-venue{font-size:14px;font-weight:600}.feed-time{color:var(--text-muted);font-size:11px}.feed-tags{flex-wrap:wrap;gap:6px;display:flex}.feed-tag{color:var(--primary-light);background:#7c4dff1f;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.music-tag{color:var(--cyan);background:#0af5ff1f}@media (width<=1024px){.stat-grid{grid-template-columns:repeat(2,1fr)}.chart-grid,.tables-grid{grid-template-columns:1fr}}@media (width<=640px){.stat-grid{grid-template-columns:1fr}.dashboard{padding:16px 12px 40px}.stat-value{font-size:28px}}