: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}.announcement-banner{text-align:center;padding:.7rem 1.5rem;background:linear-gradient(90deg,var(--primary-dark),var(--secondary));color:#fff;font-size:.95rem;font-weight:500}.controls{display:flex;gap:1rem;margin-bottom:2rem;align-items:stretch;flex-wrap:wrap;justify-content:space-between}.period-selector,.category-selector{flex:0 0 auto}.period-selector{display:flex;gap:.5rem}.period-btn{flex:0 0 auto;padding:.75rem 1.1rem;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{flex:0 0 auto;padding:.75rem 1.1rem;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(4,minmax(0,1fr));gap:1rem;margin-bottom:2rem}.stat-card{display:flex;flex-direction:column;justify-content:center;align-items:center;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}.college-card{padding-left:.75rem;padding-right:.75rem;position:relative;cursor:pointer;transition:border-color .2s,background .2s}.college-card:hover,.college-card:focus-within{border-color:var(--primary)}.college-name{display:flex;align-items:center;justify-content:center;gap:.4rem;max-width:100%;font-size:1.2rem}#collegeName{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.college-chevron{color:var(--text-muted);font-size:.9rem}#collegeSelect{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;border:none;cursor:pointer}#collegeSelect option{background:var(--bg-light);color:var(--text);font-size:1rem}.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-cell{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem .6rem;min-width:0}.name{font-size:1.1rem;font-weight:500}.badge-summary{display:inline-flex;align-items:center;gap:.2rem;padding:.15rem .55rem;border:1px solid var(--border);border-radius:999px;background:var(--bg-lighter);color:var(--text);font-size:.85rem;font-weight:600;cursor:pointer;line-height:1.4;transition:border-color .2s,background .2s}.badge-summary:hover{border-color:var(--primary)}.medal{font-size:.95em;line-height:1}.medal-sep{width:.35rem}.badge-chevron{color:var(--text-muted);font-size:.7rem;margin-left:.15rem;transition:transform .2s}.leaderboard-item.expanded .badge-chevron{transform:rotate(180deg)}.badge-details{grid-column:1 / -1;display:none;list-style:none;margin-top:.85rem;padding-top:.85rem;border-top:1px dashed var(--border);flex-wrap:wrap;gap:.4rem}.leaderboard-item.expanded .badge-details{display:flex}.badge-detail-item{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .6rem;background:var(--bg);border:1px solid var(--border);border-radius:.5rem;font-size:.85rem}.badge-item-name{color:var(--text)}.badge-item-qty{color:var(--text-muted);font-weight:600}.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)}.leaderboard-container.is-wip .leaderboard-header{display:none}.wip{padding:3.5rem 1.5rem;text-align:center}.wip-icon{font-size:2.75rem;margin-bottom:.85rem}.wip-title{font-size:1.35rem;font-weight:700;color:var(--text);margin-bottom:.6rem}.wip-text{color:var(--text-muted);max-width:34rem;margin:0 auto}.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;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-color:var(--primary);box-shadow:0 4px 14px #6366f159;transition:transform .15s,box-shadow .2s,filter .2s}.sync-card .stat-label{color:#ffffffd9}.sync-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f180;filter:brightness(1.08)}.sync-icon{color:#fff;font-size:2rem}.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: 1200px) and (min-width: 769px){.period-selector,.category-selector,.period-btn,.category-btn{flex:1 1 auto}}@media (max-width: 900px){.stats-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@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}.college-name{font-size:1.05rem}.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}.college-name{font-size:.95rem}.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}.badge-summary{font-size:.75rem;padding:.1rem .45rem}.badge-detail-item{font-size:.78rem;padding:.25rem .5rem}}