:root{--primary: #6366f1;--primary-dark: #4f46e5;--secondary: #ec4899;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--bg: #0f172a;--bg-light: #1e293b;--bg-lighter: #334155;--text: #f1f5f9;--text-muted: #94a3b8;--border: #334155}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:2rem}header{text-align:center;margin-bottom:3rem}h1{font-size:2.5rem;margin-bottom:.5rem;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{color:var(--text-muted);font-size:1.1rem}.controls{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.period-selector{display:flex;gap:.5rem;flex:1}.period-btn{padding:.75rem 1.5rem;border:2px solid var(--border);background:var(--bg-light);color:var(--text);border-radius:.5rem;cursor:pointer;transition:all .2s;font-size:.9rem;font-weight:500}.period-btn:hover{border-color:var(--primary);background:var(--bg-lighter)}.period-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.category-selector{display:flex;gap:.5rem}.category-btn{padding:.75rem 1.5rem;border:2px solid var(--border);background:var(--bg-light);color:var(--text);border-radius:.5rem;cursor:pointer;transition:all .2s;font-size:.9rem;font-weight:500}.category-btn:hover{border-color:var(--primary);background:var(--bg-lighter)}.category-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:var(--bg-light);padding:1.5rem;border-radius:.75rem;border:2px solid var(--border);text-align:center}.stat-value{font-size:2rem;font-weight:700;color:var(--primary);margin-bottom:.5rem}.stat-label{color:var(--text-muted);font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.leaderboard-container{background:var(--bg-light);border-radius:.75rem;border:2px solid var(--border);overflow:hidden}.leaderboard-header{display:grid;grid-template-columns:80px 1fr 150px;gap:1rem;padding:1rem 1.5rem;background:var(--bg-lighter);font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.leaderboard-list{min-height:400px}.leaderboard-item{display:grid;grid-template-columns:80px 1fr 150px;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);transition:background .2s;align-items:center}.leaderboard-item:hover{background:var(--bg-lighter)}.leaderboard-item:last-child{border-bottom:none}.rank{font-size:1.5rem;font-weight:700;text-align:center}.rank.gold{color:#fbbf24}.rank.silver{color:#d1d5db}.rank.bronze{color:#f97316}.name{font-size:1.1rem;font-weight:500}.spent{font-size:1.25rem;font-weight:700;color:var(--text);text-align:right}.transactions{color:var(--text-muted);text-align:right;font-size:.9rem}.loading{padding:3rem;text-align:center;color:var(--text-muted)}.error{padding:3rem;text-align:center;color:var(--danger)}.notice-banner{padding:.75rem 1rem;background:#fff3cd;border-bottom:1px solid #ffc107;color:#856404;text-align:center;font-size:.9rem}footer{margin-top:3rem;text-align:center;color:var(--text-muted);padding:2rem;border-top:1px solid var(--border)}.sync-card{text-decoration:none;cursor:pointer;border-color:var(--primary);transition:all .2s}.sync-card:hover{background:var(--primary);border-color:var(--primary-dark)}.sync-card:hover .stat-label{color:#fffc}.sync-icon{color:var(--primary);font-size:2rem}.sync-card:hover .sync-icon{color:#fff}.refresh-status{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.85rem;color:var(--text-muted);margin-bottom:.75rem}.refresh-dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted);flex-shrink:0}.refresh-dot.ok{background:var(--success)}.refresh-dot.syncing{background:var(--warning);animation:pulse 1s ease-in-out infinite}.refresh-dot.error{background:var(--danger)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.privacy-link{display:inline-block;margin-top:1rem;color:var(--text-muted);text-decoration:none;font-size:.85rem}.privacy-link:hover{color:var(--text)}@media (max-width: 768px){.container{padding:1rem}h1{font-size:2rem}.controls{flex-direction:column}.period-selector{width:100%;flex-wrap:wrap}.period-btn{flex:1;padding:.5rem;font-size:.8rem;min-width:0}.category-selector{width:100%;flex-wrap:wrap}.category-btn{flex:1;padding:.5rem;font-size:.8rem}.stat-card{padding:1rem}.stat-value{font-size:1.5rem}.leaderboard-header,.leaderboard-item{grid-template-columns:50px 1fr 80px;padding:.75rem 1rem}.rank{font-size:1.25rem}.name,.spent{font-size:1rem}footer{margin-top:2rem;padding:1rem}}@media (max-width: 480px){.container{padding:.75rem}h1{font-size:1.5rem}.subtitle{font-size:.9rem}.period-btn,.category-btn{padding:.4rem .25rem;font-size:.75rem}.stats-cards{grid-template-columns:1fr 1fr;gap:.5rem}.stat-card{padding:.75rem}.stat-value{font-size:1.25rem}.stat-label{font-size:.75rem}.leaderboard-header,.leaderboard-item{grid-template-columns:40px 1fr 70px;gap:.5rem;padding:.6rem .75rem}.rank{font-size:1.1rem}.name,.spent{font-size:.9rem}}