[hidden]{display:none!important}.demo-notice{display:flex;gap:15px;align-items:center;background:#16213b;color:white;border-radius:10px;padding:16px;margin-bottom:20px}.demo-notice strong{font-size:12px;white-space:nowrap}.demo-notice span{font-size:12px;color:#e0e6f4}.demo-controls{display:flex;align-items:end;gap:18px;flex-wrap:wrap;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:10px;margin-bottom:25px}.demo-controls label{flex:1;min-width:180px}.demo-controls select{width:100%}.demo-controls .check{padding-bottom:12px}.sidebar{overflow-y:auto}.sidebar nav a{min-height:38px}.sidebar-bottom{position:static!important;margin-top:20px}.demo-foot{font-size:12px;color:var(--muted);margin-top:30px}.demo-chart{height:220px;display:flex;gap:25px;align-items:end;padding:20px}.demo-chart>div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center}.demo-chart span{display:block;background:var(--red);width:80%;border-radius:7px 7px 0 0;min-height:20px}.demo-chart small{margin-top:10px}.demo-week{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.demo-week>div{background:var(--soft);padding:15px;border-radius:8px}.demo-permissions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.theme-choices{display:flex;flex-wrap:wrap;gap:12px}.demo-attendance{min-width:36px;height:34px;border:1px solid var(--line);background:var(--soft);color:var(--ink);border-radius:6px;cursor:pointer}.demo-form .wide{grid-column:1/-1}#demo-toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:90%;width:max-content;background:#17233e;color:#fff;box-shadow:0 10px 35px #0003;padding:15px 22px;border-radius:10px;opacity:0;pointer-events:none;z-index:200}#demo-toast.visible{opacity:1}.topbar>a{margin-left:auto}.pokemon-mascot{flex-shrink:0}body:not(.pokemon-theme) .pokemon-mascot{display:none}.demo-scrim{display:none}.theme-academy .sidebar{overflow-y:auto}body .sidebar .brand img{width:175px;height:auto;background:white;border-radius:5px;padding:7px}table{min-width:550px}@media(max-width:1100px){.demo-week{grid-template-columns:1fr 1fr}.demo-notice{align-items:start;flex-direction:column;gap:5px}}@media(max-width:1000px){body .sidebar{transform:translateX(-110%);width:260px;z-index:101}body .main-shell{margin-left:0}body .menu-toggle{display:inline-flex}body.demo-menu-open .sidebar{transform:translateX(0)}.demo-scrim:not([hidden]){display:block;position:fixed;inset:0;background:#0e183877;border:0;z-index:100}body .content{padding:20px}body .topbar{gap:15px;padding:15px}}@media(max-width:600px){.demo-controls{gap:10px;padding:15px}.demo-controls label{min-width:100%;flex:1}.demo-permissions,.demo-week{grid-template-columns:1fr}.demo-chart{gap:8px;padding:10px}.demo-notice strong{white-space:normal}.topbar>strong{font-size:13px}.demo-controls .check{min-width:auto}.demo-form{display:block}.demo-form>label{display:block;margin-bottom:14px}}