:root{--primary: #eef3f0;--on-primary: #1d2421;--success: #10b981;--warning: #f59e0b;--danger: #dc2626;--bg: #a3c1ad;--bg-light: #eef3f0;--bg-lighter: #d7e4db;--text: #1d2421;--text-muted: #5f6b66;--text-on-bg: #2e3a35;--border: #e1e8e3;--edge: #85ac92;--border-on-bg: var(--edge);--shadow: 0 4px 12px rgba(62, 98, 75, .32);--button-border: #a3c1bc;--button-ring: 0 0 0 4px rgba(238, 243, 240, .55)}*{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;color:var(--text)}.subtitle{color:var(--text-on-bg);font-size:1.1rem}.announcement-banner{text-align:center;padding:.7rem 1.5rem;background:#74a183;color:#fff;border-bottom:1px solid #74a183;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:.8rem}.period-btn{flex:0 0 auto;padding:.75rem 1.1rem;border:2px solid var(--button-border);box-shadow:var(--shadow),var(--button-ring);background:transparent;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:#ffffff59}.period-btn.active{background:var(--primary);border-color:var(--primary);color:var(--on-primary);font-weight:700}.category-selector{display:flex;gap:.8rem}.category-btn{flex:0 0 auto;padding:.75rem 1.1rem;border:2px solid var(--button-border);box-shadow:var(--shadow),var(--button-ring);background:transparent;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:#ffffff59}.category-btn.active{background:var(--primary);border-color:var(--primary);color:var(--on-primary);font-weight:700}.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(--edge);box-shadow:var(--shadow);text-align:center}.stat-value{font-size:2rem;font-weight:700;color:var(--text);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;border-color:var(--button-border);box-shadow:var(--shadow),var(--button-ring);position:relative;cursor:pointer;transition:border-color .2s,background .2s}.college-card:hover,.college-card:focus-within{border-color:var(--text-muted)}.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(--edge);box-shadow:var(--shadow);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;display:flex;flex-direction:column;align-items:center;line-height:1.1}.college-code{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);margin-top:.1rem}.rank.gold{color:#b7791f}.rank.silver{color:#7b8794}.rank.bronze{color:#c2410c}.name-cell{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem .6rem;min-width:0}.name{font-size:1.1rem;font-weight:500}.name.top3{position:relative;padding-right:.7em;animation:name-glow 6s ease-in-out infinite;animation-delay:var(--tw, 0s)}.name.top3.gold{--sparkle: #d39b12;--glow: rgba(211, 155, 18, .35)}.name.top3.silver{--sparkle: #8e9ca6;--glow: rgba(142, 156, 166, .4)}.name.top3.bronze{--sparkle: #b8693a;--glow: rgba(184, 105, 58, .32)}@keyframes name-glow{0%,to{text-shadow:0 0 4px var(--glow)}50%{text-shadow:0 0 9px var(--glow),0 0 16px var(--glow)}}.sparkles svg{position:absolute;fill:var(--sparkle);filter:drop-shadow(0 0 2px var(--sparkle));pointer-events:none;opacity:0;animation:twinkle 7.5s ease-in-out infinite}.sparkles svg:nth-child(1){top:-.5em;left:-.55em;width:.85em;height:.85em;animation-delay:var(--tw, 0s)}.sparkles svg:nth-child(2){top:0;right:-.35em;width:.7em;height:.7em;animation-duration:9s;animation-delay:calc(var(--tw, 0s) - 3s)}.sparkles svg:nth-child(3){bottom:-.45em;right:30%;width:.6em;height:.6em;animation-duration:10.5s;animation-delay:calc(var(--tw, 0s) - 6s)}@keyframes twinkle{0%,to{opacity:0;transform:scale(.5) rotate(0)}30%{opacity:.7;transform:scale(.9) rotate(25deg)}42%{opacity:0;transform:scale(.5) rotate(40deg)}}.crest{flex:0 0 auto;height:1.6rem;width:auto}.crest-lg{height:1.9rem}.crest[hidden]{display:none}.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(--text-muted)}.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,.empty{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-on-bg);padding:2rem;border-top:1px solid var(--edge)}.sync-card{text-decoration:none;cursor:pointer;background:var(--primary);border-color:var(--button-border);box-shadow:0 4px 14px #1d242138,var(--button-ring);transition:transform .15s,box-shadow .2s,filter .2s;position:relative}.sync-card{overflow:hidden;isolation:isolate}.sync-card>*{position:relative;z-index:1}.sync-card:after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:45%;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,0) 20%,rgba(255,255,255,.95) 50%,rgba(255,255,255,0) 80%,transparent 100%);transform:skew(-18deg);pointer-events:none;animation:sync-shine 2.6s ease-in-out 1s infinite}@keyframes sync-shine{0%{left:-60%}70%,to{left:130%}}@keyframes sync-nudge{0%,15%,60%,to{transform:translateY(0)}35%{transform:translateY(-6px)}}.sync-card .sync-icon{animation:sync-nudge 2.6s ease-in-out 1s infinite}@keyframes card-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.stats-cards>.stat-card{animation:card-in .5s ease-out backwards}.stats-cards>.stat-card:nth-child(2){animation-delay:.07s}.stats-cards>.stat-card:nth-child(3){animation-delay:.14s}.stats-cards>.stat-card:nth-child(4){animation-delay:.21s}@keyframes row-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.leaderboard-item.enter{animation:row-in .4s ease-out backwards;animation-delay:calc(var(--i, 0) * 45ms + .25s)}.sync-card .stat-label{color:var(--on-primary);font-weight:700}.sync-card:hover:after,.sync-card:focus-visible:after{animation:none}.sync-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1d242140;filter:brightness(1.04)}.sync-icon{color:var(--on-primary);font-size:2rem}.privacy-link{display:inline-block;margin-top:1rem;color:var(--text-on-bg);text-decoration:none;font-size:.85rem}.privacy-link:hover{color:var(--text)}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem}.footer-link{color:var(--text-on-bg);text-decoration:none;font-size:.85rem}.footer-link:hover{color:var(--text)}.footer-copyright{margin-top:1rem;font-size:.8rem;color:var(--text-on-bg)}@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}}@media (prefers-reduced-motion: reduce){.stats-cards>.stat-card,.sync-card:after,.sync-card .sync-icon,.leaderboard-item.enter,.name.top3,.sparkles svg{animation:none}.name.top3{text-shadow:0 0 6px var(--glow)}.sparkles svg{opacity:.7}.sync-card:after{display:none}}