.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--margin-small);padding:var(--margin-x-small) var(--margin-small);border:var(--border) var(--color-ui-light);border-radius:var(--radius);background-color:var(--color-bg);color:var(--color-fg);text-decoration:none;cursor:pointer;transition:all .3s ease;letter-spacing:var(--letter-spacing-heading)}.btn i{font-size:var(--font-size-increased)}.btn.primary{background-color:var(--color-fg);color:var(--color-bg)}.btn.primary:hover{background-color:var(--color-links)}.btn.secondary{background-color:var(--color-bg);color:var(--color-fg);border-color:var(--color-fg)}.btn.secondary:hover{color:var(--color-links);border-color:var(--color-links)}.btn.small{padding:var(--margin-x-small) var(--margin-small);font-size:var(--font-size-reduced)}.btn.medium{padding:var(--margin-small) var(--margin-medium);font-size:var(--font-size);font-weight:var(--font-weight-bold)}.btn.large{padding:var(--margin-medium) var(--margin-large);font-size:var(--font-size-increased);font-weight:var(--font-weight-bold)}.btn.block{width:100%;text-align:center;margin-block:var(--margin-small)}.btn.naked{background-color:transparent;color:var(--color-fg);border:none;padding:0}.btn.naked:hover{color:var(--color-links)}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.school-header{display:grid;gap:var(--margin-small);text-align:center}.school-avatar{margin:0 auto}.school-header h1{font-size:2.5rem;margin-block:var(--margin-small) 0}.school-info{display:inline-flex;justify-content:center;align-items:center;gap:var(--margin-x-small);margin:0 auto;text-align:center}.school-info .location{font-size:var(--font-size-caption);color:var(--color-ui-dark)}.country-flag{width:36px;height:24px;border:var(--border) var(--color-ui-light);border-radius:4px;object-fit:cover}.stats-grid{display:grid;gap:var(--margin-small);grid-template-columns:repeat(2,1fr)}@media(min-width:900px){.stats-grid{grid-template-columns:repeat(3,1fr)}}.rank-card{grid-column:1 / -1}.stat-card{display:grid;gap:var(--margin-x-small);background:#fff;border:var(--border) var(--color-ui-light);border-radius:var(--radius);padding:var(--margin-medium);text-align:center}.stat-card h3{font-size:var(--font-size-caption);font-weight:400;text-transform:uppercase;letter-spacing:.02em}.stat-value{font-size:1.8rem;font-weight:700;color:var(--color-fg);display:flex;align-items:center;justify-content:center;gap:var(--margin-x-small)}@media(min-width:600px){.stat-value{font-size:2rem}}.stat-value i{font-size:1.4rem}.grade-a{color:#22c55e}.grade-b{color:#84cc16}.grade-c{color:#eab308}.grade-d{color:#f97316}.grade-f{color:#ef4444}.trend-up{color:#22c55e}.trend-down{color:#ef4444}.teams{display:grid;gap:var(--margin-small);border:var(--border) var(--color-ui-light);border-radius:var(--radius);padding:var(--margin-medium)}.teams-header{display:grid;gap:var(--margin-x-small);margin-bottom:var(--margin-medium);text-align:center}.teams-header h3{font-size:1.3rem;margin-bottom:0}.teams-header .description{font-size:var(--font-size-caption);color:var(--color-ui-dark)}.teams-grid{display:grid;font-size:var(--font-size-reduced)}.teams-row{display:grid;grid-template-columns:1fr 4fr 2fr 2fr;align-items:center;padding:var(--margin-x-small);border-bottom:var(--border) var(--color-ui-light)}@media(min-width:600px){.teams-row{grid-template-columns:1fr 6fr 1fr 1fr}}.teams-row:last-child{border-bottom:none}.teams-row-header{font-weight:700}.teams-row-header .rank:after{content:"#";display:inline-block;width:1em}@media(min-width:600px){.teams-row-header .rank:after{content:"Rank"}}.teams-row .rank{font-weight:700}.team-label{display:flex;align-items:center;gap:var(--margin-x-small)}.team-label .avatar{display:none}@media(min-width:600px){.team-label .avatar{display:block}}.team-name{margin:0}.charts-grid{display:grid;gap:var(--margin-medium)}.chart-container{border:var(--border) var(--color-ui-light);border-radius:var(--radius);padding-inline:var(--margin-small);padding-block:var(--margin-medium)}@media(min-width:600px){.chart-container{padding-inline:var(--margin-medium)}}.chart-header{display:grid;gap:var(--margin-x-small);margin-bottom:var(--margin-medium);text-align:center}.chart-header h3{font-size:1.3rem;margin-bottom:0}.chart-header .description{font-size:var(--font-size-caption);color:var(--color-ui-dark)}.chart-canvas{max-height:400px}.no-schools{display:grid;place-items:center;min-height:200px;text-align:center;padding:var(--margin-medium)}#school-container{display:grid;gap:var(--margin-large)}.dashboard-grid{display:grid;gap:var(--margin-medium)}.avatar{display:inline-block;border:var(--border) var(--color-ui-light);overflow:hidden;border-radius:50%;width:auto;height:auto}.back-button-wrapper{margin-top:var(--margin-large);text-align:center;margin-inline:auto}