#buzzer-app{--buzz-ink:#17233a;--buzz-muted:#788397;--buzz-line:#e7ebf2;--buzz-bg:#f5f7fb;--buzz-brand:#3759d7;--buzz-brand-dark:#2845b4;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--buzz-ink);background:var(--buzz-bg);border:1px solid var(--buzz-line);border-radius:18px;overflow:hidden;min-height:650px;font-size:14px;line-height:1.45}
#buzzer-app *{box-sizing:border-box}#buzzer-app button,#buzzer-app input,#buzzer-app select,#buzzer-app textarea{font:inherit}
.buzzer-topbar{height:74px;background:#fff;border-bottom:1px solid var(--buzz-line);display:flex;align-items:center;justify-content:space-between;padding:0 26px}
.buzzer-brand{display:flex;align-items:center;gap:11px}.buzzer-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#4768eb,#273fae);display:grid;place-items:center;color:#fff;font-size:22px;font-weight:800}.buzzer-brand strong{display:block;font-size:18px;letter-spacing:-.4px}.buzzer-brand small{display:block;color:var(--buzz-muted);font-size:11px;margin-top:-2px}.buzzer-user{display:flex;align-items:center;gap:18px;color:#536077}.buzzer-user a{color:var(--buzz-brand);text-decoration:none;font-weight:650}
.buzzer-layout{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:575px}.buzzer-sidebar{background:#fff;border-right:1px solid var(--buzz-line);padding:24px 14px;display:flex;flex-direction:column}.buzzer-school-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#9aa3b2;font-weight:750;padding:0 10px 7px}.buzzer-sidebar select{width:100%;border:1px solid var(--buzz-line);border-radius:9px;padding:10px 9px;background:#fff;color:var(--buzz-ink);margin-bottom:25px;min-width:0}.buzzer-nav{display:grid;gap:5px}.buzzer-nav button{border:0;background:transparent;color:#67748a;display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:9px;text-align:left;cursor:pointer;font-weight:600}.buzzer-nav button span{width:18px;text-align:center;font-size:18px}.buzzer-nav button:hover{background:#f5f7fc;color:var(--buzz-ink)}.buzzer-nav button.is-active{background:#eef1ff;color:var(--buzz-brand)}.buzzer-sidebar-foot{margin-top:auto;color:#8c97a9;font-size:11px;padding:22px 10px 0;line-height:1.8}.buzzer-main{padding:28px;min-width:0}.buzzer-mobile-brand{display:none}
.buzzer-page-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:25px}.buzzer-page-heading h1{font-size:27px;line-height:1.2;letter-spacing:-.8px;margin:0 0 7px;color:#19243a}.buzzer-page-heading p{color:var(--buzz-muted);margin:0}.buzzer-page-heading .buzzer-eyebrow{font-size:10px;letter-spacing:1.3px;font-weight:800;color:var(--buzz-brand);margin-bottom:7px}.buzzer-button{border:0;background:var(--buzz-brand);color:#fff;padding:11px 16px;border-radius:9px;cursor:pointer;font-weight:700;white-space:nowrap;box-shadow:0 3px 7px #3759d71c}.buzzer-button:hover{background:var(--buzz-brand-dark)}.buzzer-button:disabled{opacity:.6;cursor:wait}.buzzer-button-light{background:#fff;color:#42516b;border:1px solid var(--buzz-line);box-shadow:none}.buzzer-button-light:hover{background:#f7f8fc}
.buzzer-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.buzzer-stat{background:#fff;border:1px solid var(--buzz-line);border-radius:13px;padding:18px 18px 15px;min-width:0}.buzzer-stat-top{display:flex;align-items:center;gap:9px;color:#7c879a}.buzzer-stat-top>span{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#eef1ff;color:var(--buzz-brand);font-size:17px}.buzzer-stat-top small{font-size:12px;font-weight:650}.buzzer-stat>strong{display:block;font-size:30px;letter-spacing:-1px;margin:13px 0 2px}.buzzer-stat>p{font-size:11px;color:#9aa3b2;margin:0}
.buzzer-dashboard-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:17px}.buzzer-card{background:#fff;border:1px solid var(--buzz-line);border-radius:13px;padding:20px;margin-bottom:18px;min-width:0}.buzzer-card h2{font-size:16px;margin:0 0 4px;letter-spacing:-.2px}.buzzer-card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.buzzer-card-heading p,.buzzer-card>p{color:var(--buzz-muted);font-size:12px;margin:0}.buzzer-quick-actions{display:grid}.buzzer-quick-actions button{border:0;border-top:1px solid #f0f2f7;background:#fff;display:flex;align-items:center;gap:12px;text-align:left;padding:13px 0;cursor:pointer;color:var(--buzz-ink)}.buzzer-quick-actions button:first-child{border-top:0}.buzzer-quick-actions button>b{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--buzz-line);border-radius:10px;color:var(--buzz-brand);font-size:19px}.buzzer-quick-actions button span{display:grid;gap:2px;flex:1}.buzzer-quick-actions button strong{font-size:12px}.buzzer-quick-actions button small{font-size:11px;color:var(--buzz-muted)}.buzzer-quick-actions button i{font-style:normal;color:#9aa3b2}.buzzer-quick-actions button:hover strong{color:var(--buzz-brand)}.buzzer-pill{display:inline-flex;padding:4px 8px;border-radius:6px;font-size:10px;font-weight:750;text-transform:capitalize;background:#f0f2f7;color:#67748a;white-space:nowrap}.buzzer-pill.good{background:#e8f8f0;color:#168052}.buzzer-pill.warning{background:#fff4dd;color:#a56b00}.buzzer-pill.neutral{background:#eef1f6;color:#667187}.buzzer-muted{color:var(--buzz-muted)!important;font-size:12px!important}.buzzer-note{padding:13px 16px;border-radius:9px;background:#eef1ff;color:#52617f;font-size:12px;margin-top:4px}.buzzer-note strong{color:#3049b1}
.buzzer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.buzzer-search{display:flex;align-items:center;gap:8px;border:1px solid var(--buzz-line);border-radius:9px;padding:0 11px;max-width:420px;width:100%;color:#9aa3b2}.buzzer-search input{border:0!important;outline:0!important;box-shadow:none!important;width:100%;padding:10px 0!important;background:transparent!important;min-width:0}.buzzer-table-wrap{overflow-x:auto;width:100%}.buzzer-table{width:100%;border-collapse:collapse;min-width:650px}.buzzer-table th{text-align:left;padding:11px 12px;background:#f7f8fb;color:#8994a6;text-transform:uppercase;font-size:10px;letter-spacing:.65px;font-weight:800;white-space:nowrap}.buzzer-table td{padding:13px 12px;border-bottom:1px solid #eff1f5;color:#4c5970;font-size:12px;vertical-align:middle}.buzzer-table tr:last-child td{border-bottom:0}.buzzer-table td strong{color:#25334c}.buzzer-cell-sub{display:block;font-size:10px;color:#9aa3b2;margin-top:3px}.buzzer-empty{text-align:center!important;padding:32px!important;color:#929caf!important}.buzzer-small-button{border:1px solid #dce2f0;background:#fff;color:var(--buzz-brand);padding:7px 9px;border-radius:7px;cursor:pointer;font-size:11px!important;font-weight:700}
.buzzer-form{padding-top:5px}.buzzer-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.buzzer-field{display:flex;flex-direction:column;gap:6px;color:#657189;font-size:11px;font-weight:700}.buzzer-field input,.buzzer-field select,.buzzer-field textarea{border:1px solid #dfe4ed!important;border-radius:8px!important;background:#fff!important;color:#233149!important;padding:10px 11px!important;width:100%;min-width:0;box-shadow:none!important;outline-color:#aab7f8}.buzzer-field textarea{min-height:75px;resize:vertical}.buzzer-field-full{grid-column:1/-1}.buzzer-modal-backdrop{position:fixed;inset:0;z-index:999999;background:#18243b75;display:flex;align-items:center;justify-content:center;padding:20px}.buzzer-modal{background:#fff;width:min(650px,100%);max-height:90vh;overflow:auto;border-radius:15px;padding:23px;box-shadow:0 20px 80px #17233a35}.buzzer-modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.buzzer-modal-head h2{font-size:19px;margin:0;color:var(--buzz-ink)}.buzzer-icon-button{border:0;background:#f2f4f8;border-radius:8px;width:32px;height:32px;font-size:22px;cursor:pointer;color:#67748a}.buzzer-modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px;padding-top:15px;border-top:1px solid var(--buzz-line)}.buzzer-export-card{display:flex;align-items:center;justify-content:space-between;gap:20px}.buzzer-export-card p{font-size:12px;color:var(--buzz-muted);margin:4px 0 0}.buzzer-loading{display:flex;align-items:center;gap:10px;color:#79859a;padding:45px 10px;justify-content:center}.buzzer-spinner{width:17px;height:17px;border:2px solid #dfe4f7;border-top-color:var(--buzz-brand);border-radius:50%;animation:buzzer-spin .8s linear infinite}@keyframes buzzer-spin{to{transform:rotate(360deg)}}.buzzer-error,.buzzer-notice,.buzzer-login-required{padding:20px;border:1px solid #f0d8d8;background:#fff8f8;border-radius:10px;color:#874747}.buzzer-error p{margin:7px 0 15px}.buzzer-toast{position:fixed;bottom:22px;right:22px;z-index:1000000;background:#20304c;color:#fff;padding:12px 16px;border-radius:9px;box-shadow:0 8px 30px #17233a25;opacity:0;pointer-events:none;transform:translateY(8px);transition:.2s;max-width:min(400px,90vw)}.buzzer-toast.show{opacity:1;transform:translateY(0)}.buzzer-toast.error{background:#a63737}
.buzzer-admin{max-width:1200px}.buzzer-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.buzzer-panel{background:#fff;border:1px solid #dfe3eb;border-radius:12px;padding:20px;margin:18px 0}.buzzer-panel h2{margin-top:0}.buzzer-panel label{display:block;margin:12px 0;font-weight:600}.buzzer-panel label input,.buzzer-panel label select{display:block;width:100%;margin-top:5px;max-width:100%}.buzzer-panel table{margin-top:10px}
@media(max-width:900px){.buzzer-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.buzzer-dashboard-grid{grid-template-columns:1fr}.buzzer-main{padding:20px}.buzzer-layout{grid-template-columns:190px minmax(0,1fr)}}
@media(max-width:640px){#buzzer-app{border-radius:10px}.buzzer-topbar{padding:0 15px;height:65px}.buzzer-user{gap:8px;font-size:11px}.buzzer-layout{display:block}.buzzer-sidebar{padding:10px;border-right:0;border-bottom:1px solid var(--buzz-line)}.buzzer-school-label{display:none}.buzzer-sidebar select{margin-bottom:9px}.buzzer-nav{display:flex;gap:4px;overflow-x:auto}.buzzer-nav button{padding:9px 10px;white-space:nowrap;font-size:11px}.buzzer-nav button span{font-size:14px}.buzzer-sidebar-foot{display:none}.buzzer-main{padding:16px 12px}.buzzer-page-heading{align-items:flex-start;flex-direction:column}.buzzer-page-heading h1{font-size:24px}.buzzer-page-heading .buzzer-button{width:100%}.buzzer-stats{gap:8px}.buzzer-stat{padding:12px}.buzzer-stat>strong{font-size:24px}.buzzer-stat-top{gap:6px}.buzzer-stat-top>span{width:25px;height:25px}.buzzer-stat-top small{font-size:10px}.buzzer-card{padding:13px}.buzzer-toolbar{align-items:flex-start;flex-direction:column}.buzzer-form-grid{grid-template-columns:1fr}.buzzer-field-full{grid-column:auto}.buzzer-modal{padding:17px}.buzzer-export-card{align-items:flex-start;flex-direction:column}.buzzer-admin-grid{grid-template-columns:1fr}}

/* Branded front-end sign-in screen */
.buzzer-login-screen{--buzz-ink:#17233a;--buzz-muted:#788397;--buzz-line:#e7ebf2;--buzz-brand:#3759d7;display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.82fr);width:100%;min-height:650px;overflow:hidden;border:1px solid #e3e8f2;border-radius:20px;background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--buzz-ink);box-shadow:0 18px 55px #1e2e4a0d}
.buzzer-login-screen *{box-sizing:border-box}.buzzer-login-hero{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:38px 42px;color:#fff;background:radial-gradient(ellipse at 10% 90%,#536ff0 0,transparent 38%),linear-gradient(145deg,#17264b 0%,#243c83 56%,#3759d7 100%);overflow:hidden}.buzzer-login-hero:after{content:"";position:absolute;width:310px;height:310px;border:1px solid #ffffff20;border-radius:50%;right:-130px;top:120px;box-shadow:0 0 0 34px #ffffff08,0 0 0 70px #ffffff06;pointer-events:none}.buzzer-login-brand,.buzzer-login-mobile-brand{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.buzzer-login-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#fff;color:#2f4fc5;font-size:25px;font-weight:900;box-shadow:0 8px 24px #0c174b30}.buzzer-login-brand strong,.buzzer-login-mobile-brand strong{display:block;font-size:22px;letter-spacing:-.5px;line-height:1.1}.buzzer-login-brand small,.buzzer-login-mobile-brand small{display:block;font-size:11px;opacity:.75;letter-spacing:.4px;margin-top:4px}.buzzer-login-hero-copy{position:relative;z-index:1;max-width:480px;padding:50px 0}.buzzer-login-kicker,.buzzer-login-welcome{display:block;font-size:10px;font-weight:800;letter-spacing:1.8px}.buzzer-login-kicker{color:#c7d2ff}.buzzer-login-hero-copy h1{font-size:clamp(30px,3.3vw,44px);line-height:1.12;letter-spacing:-1.4px;color:#fff;margin:16px 0}.buzzer-login-hero-copy>p{max-width:420px;color:#e0e7ff;font-size:14px;line-height:1.8;margin:0 0 28px}.buzzer-login-feature{display:flex;align-items:center;gap:12px;margin-top:18px}.buzzer-login-feature>span{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:10px;background:#ffffff1c;color:#fff;font-weight:800}.buzzer-login-feature strong,.buzzer-login-feature small{display:block}.buzzer-login-feature strong{font-size:12px}.buzzer-login-feature small{font-size:11px;color:#d5defc;margin-top:3px}.buzzer-login-hero-foot{position:relative;z-index:1;color:#d2dcff;font-size:11px;letter-spacing:.4px}.buzzer-login-form-side{display:flex;flex-direction:column;justify-content:center;padding:48px clamp(28px,5vw,64px) 24px;background:#fff}.buzzer-login-form-wrap{width:100%;max-width:390px;margin:0 auto}.buzzer-login-mobile-brand{display:none}.buzzer-login-welcome{color:var(--buzz-brand);margin-bottom:12px}.buzzer-login-form-wrap h2{font-size:29px;letter-spacing:-.8px;margin:0 0 8px;color:#19243a}.buzzer-login-subtitle{font-size:12px;line-height:1.7;color:#7d8799;margin:0 0 26px}.buzzer-login-form{display:grid;gap:9px}.buzzer-login-form>label{font-size:11px;font-weight:750;color:#394760;margin-top:5px}.buzzer-login-form>input{width:100%;height:47px;border:1px solid #dfe5ef!important;border-radius:9px!important;background:#fbfcfe!important;padding:0 13px!important;color:#19243a!important;outline:none!important;box-shadow:none!important;font:inherit}.buzzer-login-form>input:focus{border-color:#8ea0f5!important;box-shadow:0 0 0 3px #3759d714!important}.buzzer-login-options{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:5px 0 13px;font-size:10px}.buzzer-login-options a{color:var(--buzz-brand);font-weight:700;text-decoration:none}.buzzer-login-remember{display:flex;align-items:center;gap:6px;color:#6f7b90}.buzzer-login-remember input{accent-color:var(--buzz-brand);margin:0}.buzzer-login-form button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:48px;border:0;border-radius:9px;background:linear-gradient(100deg,#3759d7,#2947ba);color:#fff;font-weight:750;font-size:13px;cursor:pointer;box-shadow:0 8px 18px #3759d729}.buzzer-login-form button:hover{filter:brightness(1.06)}.buzzer-login-form button span{font-size:18px}.buzzer-login-error{padding:11px 12px;margin-bottom:17px;border:1px solid #f1d0d0;border-radius:8px;background:#fff5f5;color:#963e3e;font-size:11px;line-height:1.6}.buzzer-login-security{display:flex;align-items:center;gap:8px;color:#909bad;font-size:10px;line-height:1.6;margin-top:24px}.buzzer-login-security span{color:#5570d9;font-size:15px}.buzzer-login-footer{max-width:390px;width:100%;margin:38px auto 0;text-align:center;color:#a1a9b7;font-size:10px}.buzzer-login-footer span{padding:0 5px;color:#c0c6d0}
@media(max-width:800px){.buzzer-login-screen{grid-template-columns:1fr;min-height:0}.buzzer-login-hero{display:none}.buzzer-login-form-side{padding:36px 24px 22px}.buzzer-login-mobile-brand{display:flex;margin-bottom:34px}.buzzer-login-mobile-brand .buzzer-login-mark{background:linear-gradient(145deg,#4768eb,#273fae);color:#fff}.buzzer-login-form-wrap h2{font-size:27px}.buzzer-login-footer{margin-top:32px}}
@media(max-width:420px){.buzzer-login-screen{border-radius:12px}.buzzer-login-form-side{padding:27px 19px 20px}.buzzer-login-options{align-items:flex-start}.buzzer-login-form-wrap h2{font-size:25px}}


/* 0.3.0 platform dashboard polish and role-aware states */
#buzzer-app [hidden]{display:none!important}
#buzzer-app .buzzer-nav button{transition:background .18s ease,color .18s ease,transform .18s ease}
#buzzer-app .buzzer-nav button:focus-visible,#buzzer-app button:focus-visible,#buzzer-app a:focus-visible{outline:3px solid #9aabff;outline-offset:2px}
#buzzer-app .buzzer-page-heading{gap:18px}
#buzzer-app .buzzer-page-heading>div:first-child{min-width:0}
#buzzer-app .buzzer-page-heading .buzzer-button{flex-shrink:0}
#buzzer-app .buzzer-error{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:25px;border-color:#f2d7c5;background:linear-gradient(135deg,#fffaf6,#fff)}
#buzzer-app .buzzer-error-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#fff0e4;color:#a55318;font-weight:900}
#buzzer-app .buzzer-error p{max-width:720px;line-height:1.7;margin:0 0 6px}
#buzzer-app .buzzer-error-actions{display:flex;flex-wrap:wrap;gap:9px}
#buzzer-app .buzzer-empty-state{max-width:900px;margin:22px auto;padding:28px;border:1px solid #e0e7f2;border-radius:14px;background:#fff;color:#233149;box-shadow:0 10px 28px #1c2c4808}
#buzzer-app .buzzer-empty-state strong{font-size:18px}
#buzzer-app .buzzer-empty-state p{color:#738097;line-height:1.7}
.buzzer-admin{max-width:1440px!important;color:#1d2a40}
.buzzer-admin-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 32px;margin:20px 0 18px;border-radius:16px;background:linear-gradient(120deg,#172747,#263e80 70%,#385bd4);color:#fff;box-shadow:0 12px 30px #1e2e4a12}
.buzzer-admin-hero h1{font-size:30px;letter-spacing:-.8px;line-height:1.2;color:#fff;margin:5px 0 8px}
.buzzer-admin-hero h1 span{font-size:15px;font-weight:500;opacity:.75;letter-spacing:0}
.buzzer-admin-hero p:not(.buzzer-admin-kicker){max-width:700px;color:#d9e2ff;margin:0;line-height:1.65}
.buzzer-admin-kicker{font-size:10px;font-weight:800;letter-spacing:1.7px;color:#bfcaff;margin:0}
.buzzer-admin-version{padding:12px 15px;border:1px solid #ffffff2c;border-radius:10px;background:#ffffff0d;white-space:nowrap;font-weight:700;font-size:12px}
.buzzer-admin-version small{display:block;white-space:normal;max-width:190px;font-size:10px;font-weight:400;line-height:1.5;color:#d5defc;margin-top:5px}
.buzzer-admin-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 20px}
.buzzer-admin-stats>div{padding:17px 19px;background:#fff;border:1px solid #e0e6f0;border-radius:12px;box-shadow:0 4px 14px #24375505}
.buzzer-admin-stats span,.buzzer-admin-stats small{display:block;color:#7a879b;font-size:11px}
.buzzer-admin-stats strong{display:block;color:#1d2a40;font-size:27px;letter-spacing:-.7px;line-height:1.3;margin:6px 0}
.buzzer-admin .buzzer-panel{padding:23px;border-color:#e1e7f0;border-radius:13px;box-shadow:0 4px 18px #24375505}
.buzzer-admin .buzzer-panel h2{font-size:17px;letter-spacing:-.25px;color:#1e2d45}
.buzzer-admin .buzzer-panel>p{color:#7a879b;line-height:1.6}
.buzzer-admin .buzzer-panel form label{font-size:12px;color:#526078}
.buzzer-admin .buzzer-panel input,.buzzer-admin .buzzer-panel select{min-height:38px;border:1px solid #dce3ef;border-radius:7px;padding:6px 10px;box-shadow:none}
.buzzer-admin .button-primary{background:#3759d7;border-color:#3759d7}
.buzzer-admin .button-primary:hover{background:#2947ba;border-color:#2947ba}
.buzzer-explorer{margin-top:20px!important}
.buzzer-explorer-heading p{margin-top:0;color:#7b8799}
.buzzer-explorer-form{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:18px 0}
.buzzer-explorer-form label{min-width:220px;flex:1;margin:0!important}
.buzzer-explorer-form label select{display:block;width:100%;margin-top:6px}
.buzzer-explorer-form button{min-height:38px}
.buzzer-explorer-table-wrap{max-width:100%;overflow:auto;border:1px solid #e2e7ef;border-radius:8px}
.buzzer-explorer-table{min-width:760px;border:0!important;border-collapse:collapse}
.buzzer-explorer-table th{background:#f5f7fb;color:#59677e;font-size:11px;text-transform:none}
.buzzer-explorer-table td{font-size:11px;max-width:280px;overflow-wrap:anywhere;vertical-align:top}
.buzzer-explorer-empty{padding:25px;border:1px dashed #dce3ef;border-radius:9px;background:#fafbfe;color:#78859a;text-align:center}
@media(max-width:900px){.buzzer-admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.buzzer-admin-hero{padding:23px;align-items:flex-start;flex-direction:column}.buzzer-admin-version{white-space:normal}}
@media(max-width:520px){.buzzer-admin-stats{grid-template-columns:1fr 1fr;gap:8px}.buzzer-admin-stats>div{padding:13px}.buzzer-admin-stats strong{font-size:23px}.buzzer-admin-hero h1{font-size:26px}.buzzer-explorer-form{display:block}.buzzer-explorer-form label{display:block;margin-bottom:12px!important}.buzzer-explorer-form button{width:100%}}


/* 0.4.0 — premium, mobile-first Mysomero workspace refresh */
#buzzer-app{--buzz-ink:#20143b;--buzz-muted:#7b728e;--buzz-line:#e9e3f3;--buzz-bg:#f8f6fc;--buzz-brand:#6d28d9;--buzz-brand-dark:#4c1d95;position:relative;border:1px solid #e8e0f3;border-radius:20px;background:#f8f6fc;box-shadow:0 18px 55px rgba(48,22,91,.08);overflow:hidden;font-size:14px}
#buzzer-app .buzzer-topbar{height:76px;padding:0 26px;background:rgba(255,255,255,.96);border-bottom:1px solid #eee7f6}
#buzzer-app .buzzer-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,#8b5cf6,#5b21b6);box-shadow:0 7px 16px #6d28d92b;display:grid;place-items:center}
#buzzer-app .buzzer-mark svg{width:30px;height:30px}
#buzzer-app .buzzer-brand strong{font-size:19px;letter-spacing:-.65px;color:#271344}
#buzzer-app .buzzer-brand small{font-size:11px;color:#887a9e;letter-spacing:.1px;margin-top:1px}
#buzzer-app .buzzer-user{font-size:12px;color:#675b7d}
#buzzer-app .buzzer-user a{color:#6d28d9;font-weight:750}
#buzzer-app .buzzer-layout{grid-template-columns:238px minmax(0,1fr);min-height:660px}
#buzzer-app .buzzer-sidebar{padding:25px 15px 18px;background:linear-gradient(180deg,#fff 0%,#fdfbff 100%);border-right:1px solid #ece5f5}
#buzzer-app .buzzer-school-label{font-size:10px;letter-spacing:1.25px;color:#9b8eae;padding:0 11px 8px}
#buzzer-app .buzzer-sidebar select{border-color:#e7dff1;border-radius:11px;padding:11px 12px;background:#fbf9fe;font-size:12px;margin-bottom:26px;color:#392755}
#buzzer-app .buzzer-nav{gap:6px}
#buzzer-app .buzzer-nav button{position:relative;gap:12px;padding:12px 13px;border-radius:11px;color:#756887;font-size:12px;font-weight:650;transition:all .18s ease}
#buzzer-app .buzzer-nav button .buzzer-nav-icon{width:31px;height:31px;flex:0 0 31px;display:grid;place-items:center;border-radius:10px;background:#f5f0fb;color:#8c7aa8}
#buzzer-app .buzzer-nav-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#buzzer-app .buzzer-nav button:hover{background:#f8f3ff;color:#5b21b6;transform:translateX(2px)}
#buzzer-app .buzzer-nav button.is-active{background:linear-gradient(100deg,#f0e7ff,#f8f3ff);color:#5b21b6;box-shadow:inset 3px 0 #7c3aed}
#buzzer-app .buzzer-nav button.is-active .buzzer-nav-icon{background:#6d28d9;color:#fff;box-shadow:0 4px 10px #6d28d92b}
#buzzer-app .buzzer-sidebar-foot{font-size:10px;color:#9386a5;line-height:1.9;border-top:1px solid #f0eaf6;padding:17px 10px 0}
#buzzer-app .buzzer-main{padding:32px;min-width:0;background:radial-gradient(ellipse at 95% 0%,rgba(233,220,255,.4),transparent 32%),#f8f6fc}
#buzzer-app .buzzer-page-heading{margin-bottom:25px}
#buzzer-app .buzzer-page-heading h1{font-size:clamp(26px,2.5vw,34px);letter-spacing:-1.1px;color:#261640;font-weight:780}
#buzzer-app .buzzer-page-heading p{font-size:13px;color:#847995;line-height:1.6}
#buzzer-app .buzzer-page-heading .buzzer-eyebrow{font-size:10px;letter-spacing:1.6px;color:#7c3aed}
#buzzer-app .buzzer-button{border-radius:11px;padding:12px 17px;background:linear-gradient(110deg,#7c3aed,#5b21b6);box-shadow:0 7px 16px #6d28d926;font-size:12px;transition:transform .18s,box-shadow .18s}
#buzzer-app .buzzer-button:hover{background:linear-gradient(110deg,#6d28d9,#4c1d95);transform:translateY(-1px);box-shadow:0 10px 20px #6d28d92b}
#buzzer-app .buzzer-button-light{background:#fff;color:#5f5076;border:1px solid #e8e0f1;box-shadow:none}
#buzzer-app .buzzer-stats{gap:15px;margin-bottom:22px}
#buzzer-app .buzzer-stat{position:relative;overflow:hidden;border:1px solid #eee7f6;border-radius:16px;padding:19px;background:linear-gradient(145deg,#fff,#fdfbff);box-shadow:0 5px 18px rgba(50,25,88,.035);transition:transform .2s,box-shadow .2s}
#buzzer-app .buzzer-stat:after{content:"";position:absolute;width:75px;height:75px;border-radius:50%;right:-28px;top:-32px;background:rgba(196,165,255,.13)}
#buzzer-app .buzzer-stat:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(50,25,88,.08)}
#buzzer-app .buzzer-stat-top{gap:10px;color:#807491}
#buzzer-app .buzzer-stat-top>span{width:34px;height:34px;border-radius:11px;background:#f0e7ff;color:#7c3aed;font-size:17px}
#buzzer-app .buzzer-stat-top small{font-size:11px}
#buzzer-app .buzzer-stat>strong{font-size:32px;color:#291746;margin:14px 0 3px;letter-spacing:-1.3px}
#buzzer-app .buzzer-stat>p{font-size:10px;color:#9a8eaa}
#buzzer-app .buzzer-dashboard-grid{gap:18px}
#buzzer-app .buzzer-card{border:1px solid #eee7f6;border-radius:16px;padding:22px;background:#fff;box-shadow:0 5px 18px rgba(50,25,88,.035)}
#buzzer-app .buzzer-card h2{font-size:16px;letter-spacing:-.35px;color:#2b1945}
#buzzer-app .buzzer-card-heading p,#buzzer-app .buzzer-card>p{font-size:11px;color:#8c809e}
#buzzer-app .buzzer-quick-actions button{padding:14px 0;border-color:#f2edf7}
#buzzer-app .buzzer-quick-actions button>b{width:39px;height:39px;border-radius:12px;border-color:#eee5fa;background:#faf7ff;color:#7c3aed}
#buzzer-app .buzzer-quick-actions button strong{font-size:12px;color:#33214d}
#buzzer-app .buzzer-quick-actions button small{font-size:10px;color:#8e829e}
#buzzer-app .buzzer-pill{border-radius:20px;padding:5px 9px;font-size:9px;letter-spacing:.15px}
#buzzer-app .buzzer-note{border:1px solid #e8dcff;border-radius:12px;background:linear-gradient(110deg,#f4edff,#fbf8ff);color:#6b5a86;line-height:1.7}
#buzzer-app .buzzer-note strong{color:#5b21b6}
#buzzer-app .buzzer-search{border-radius:11px;border-color:#e6deef;background:#fff}
#buzzer-app .buzzer-table{border-collapse:separate;border-spacing:0;min-width:620px}
#buzzer-app .buzzer-table th{background:#f8f5fc;color:#8e819f;font-size:9px;letter-spacing:.9px;padding:13px}
#buzzer-app .buzzer-table td{padding:14px 13px;border-bottom:1px solid #f1ecf6;font-size:11px}
#buzzer-app .buzzer-table td strong{color:#33204d}
#buzzer-app .buzzer-table tbody tr:hover td{background:#fdfbff}
#buzzer-app .buzzer-field{color:#77698b;font-size:11px}
#buzzer-app .buzzer-field input,#buzzer-app .buzzer-field select,#buzzer-app .buzzer-field textarea{border-color:#e5dced!important;border-radius:10px!important;padding:11px 12px!important}
#buzzer-app .buzzer-modal{border:1px solid #eee5f6;border-radius:19px;box-shadow:0 28px 90px #24113e40}
#buzzer-app .buzzer-modal-head h2{color:#2b1945}
#buzzer-app .buzzer-mobile-brand{display:none}
#buzzer-app .buzzer-menu-toggle{display:none}
#buzzer-app .buzzer-sidebar-backdrop{display:none}
#buzzer-app .buzzer-toast{border-radius:12px;background:#2d1b48}
@media(max-width:1000px){#buzzer-app .buzzer-layout{grid-template-columns:210px minmax(0,1fr)}#buzzer-app .buzzer-main{padding:24px}#buzzer-app .buzzer-stats{gap:10px}#buzzer-app .buzzer-stat{padding:15px}}
@media(max-width:680px){
 #buzzer-app{border-radius:15px;min-height:0}
 #buzzer-app .buzzer-topbar{height:68px;padding:0 15px;gap:10px;position:relative;z-index:30}
 #buzzer-app .buzzer-mark{width:38px;height:38px;border-radius:12px}
 #buzzer-app .buzzer-brand strong{font-size:17px}
 #buzzer-app .buzzer-user{gap:8px;font-size:10px}
 #buzzer-app .buzzer-user span{max-width:95px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 #buzzer-app .buzzer-menu-toggle{display:grid;place-items:center;order:-1;width:39px;height:39px;flex:0 0 39px;border:1px solid #eee5f6;border-radius:12px;background:#fff;color:#5b21b6;cursor:pointer}
 #buzzer-app .buzzer-menu-toggle svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
 #buzzer-app .buzzer-brand{margin-right:auto}
 #buzzer-app .buzzer-layout{display:block;min-height:0}
 #buzzer-app .buzzer-sidebar{position:absolute;z-index:25;left:0;top:68px;bottom:0;width:min(290px,84vw);min-height:calc(100% - 68px);padding:20px 15px 18px;border-right:1px solid #e8def3;border-bottom:0;box-shadow:15px 10px 35px #27134420;transform:translateX(-110%);visibility:hidden;transition:transform .24s ease,visibility .24s;overflow-y:auto}
 #buzzer-app.buzzer-sidebar-open .buzzer-sidebar{transform:translateX(0);visibility:visible}
 #buzzer-app .buzzer-school-label{display:block}
 #buzzer-app .buzzer-sidebar select{margin-bottom:23px}
 #buzzer-app .buzzer-nav{display:grid;gap:6px;overflow:visible}
 #buzzer-app .buzzer-nav button{padding:11px 12px;font-size:12px}
 #buzzer-app .buzzer-sidebar-foot{display:block;margin-top:30px}
 #buzzer-app .buzzer-main{padding:22px 14px 28px}
 #buzzer-app .buzzer-page-heading{align-items:stretch;flex-direction:column;gap:15px;margin-bottom:19px}
 #buzzer-app .buzzer-page-heading h1{font-size:27px;line-height:1.15;letter-spacing:-.8px}
 #buzzer-app .buzzer-page-heading p{font-size:12px}
 #buzzer-app .buzzer-page-heading .buzzer-button{width:100%;min-height:44px}
 #buzzer-app .buzzer-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:15px}
 #buzzer-app .buzzer-stat{padding:13px 12px;border-radius:14px}
 #buzzer-app .buzzer-stat-top{align-items:flex-start;gap:7px}
 #buzzer-app .buzzer-stat-top>span{width:29px;height:29px;flex:0 0 29px;border-radius:9px}
 #buzzer-app .buzzer-stat-top small{font-size:10px;line-height:1.35;padding-top:4px}
 #buzzer-app .buzzer-stat>strong{font-size:27px;margin:11px 0 3px}
 #buzzer-app .buzzer-stat>p{font-size:9px;line-height:1.45}
 #buzzer-app .buzzer-dashboard-grid{grid-template-columns:minmax(0,1fr);gap:0}
 #buzzer-app .buzzer-card{padding:16px 14px;margin-bottom:13px;border-radius:14px}
 #buzzer-app .buzzer-card-heading{align-items:flex-start;margin-bottom:13px}
 #buzzer-app .buzzer-card h2{font-size:15px}
 #buzzer-app .buzzer-toolbar{align-items:stretch;flex-direction:column;gap:10px}
 #buzzer-app .buzzer-search{max-width:none}
 #buzzer-app .buzzer-table-wrap{margin:0 -2px}
 #buzzer-app .buzzer-table{min-width:580px}
 #buzzer-app .buzzer-table th{padding:11px 10px}
 #buzzer-app .buzzer-table td{padding:12px 10px}
 #buzzer-app .buzzer-form-grid{grid-template-columns:minmax(0,1fr);gap:12px}
 #buzzer-app .buzzer-field-full{grid-column:auto}
 #buzzer-app .buzzer-modal-backdrop{align-items:flex-end;padding:0}
 #buzzer-app .buzzer-modal{width:100%;max-height:92dvh;border-radius:20px 20px 0 0;padding:20px 16px calc(18px + env(safe-area-inset-bottom))}
 #buzzer-app .buzzer-modal-actions{position:sticky;bottom:-1px;background:#fff;padding-top:13px}
 #buzzer-app .buzzer-export-card{align-items:stretch;flex-direction:column;gap:14px}
 #buzzer-app .buzzer-export-card .buzzer-button{width:100%}
 #buzzer-app .buzzer-admin-grid{grid-template-columns:1fr}
 #buzzer-app .buzzer-toast{left:12px;right:12px;bottom:12px;max-width:none}
}
@media(prefers-reduced-motion:reduce){#buzzer-app *,#buzzer-app *:before,#buzzer-app *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* 0.5.0 usability refinements */
.buzzer-current-school{min-width:0;margin:0 0 18px}.buzzer-school-name{padding:11px 12px;border:1px solid rgba(124,58,237,.16);border-radius:10px;background:rgba(124,58,237,.07);color:var(--buzzer-text,#312e40);font-weight:700;line-height:1.35;overflow-wrap:anywhere}.buzzer-modal-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.buzzer-modal-head h2{min-width:0;margin:0;line-height:1.3}.buzzer-modal-head .buzzer-icon-button{flex:0 0 38px;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1;font-size:25px;border-radius:10px}.buzzer-field input[readonly]{background:#f5f3ff;color:#6b6480;cursor:not-allowed}.buzzer-form .buzzer-modal-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.buzzer-toolbar select{max-width:100%}

/* 0.6.0: sidebar controls, aligned navigation and user-selectable theme */
#buzzer-app .buzzer-nav button{display:grid;grid-template-columns:31px minmax(0,1fr);align-items:center;justify-items:start;column-gap:12px;text-align:left;transform:none;min-height:48px;line-height:1.35}
#buzzer-app .buzzer-nav button:hover{transform:none;padding-left:13px}
#buzzer-app .buzzer-nav button .buzzer-nav-icon{grid-column:1;grid-row:1;align-self:center;margin:0}
#buzzer-app .buzzer-sidebar-tools{margin-top:auto;padding:16px 0 0;display:grid;gap:7px;border-top:1px solid #f0eaf6}
#buzzer-app .buzzer-theme-toggle,#buzzer-app .buzzer-sidebar-logout{width:100%;min-height:43px;display:flex;align-items:center;gap:11px;padding:9px 11px;border:1px solid transparent;border-radius:11px;background:transparent;color:#756887;text-decoration:none;font:inherit;font-size:12px;font-weight:650;text-align:left;cursor:pointer;box-sizing:border-box}
#buzzer-app .buzzer-theme-toggle:hover,#buzzer-app .buzzer-sidebar-logout:hover{background:#f8f3ff;color:#5b21b6;border-color:#eee4fb}
#buzzer-app .buzzer-tool-icon{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border-radius:9px;background:#f5f0fb;color:#7c3aed}
#buzzer-app .buzzer-tool-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#buzzer-app .buzzer-theme-toggle .buzzer-sun-icon{display:none}
#buzzer-app .buzzer-theme-label{flex:1}
#buzzer-app .buzzer-theme-switch{width:31px;height:18px;flex:0 0 31px;border-radius:99px;background:#d9d2e4;padding:2px;box-sizing:border-box;transition:background .2s}
#buzzer-app .buzzer-theme-switch i{display:block;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0002;transition:transform .2s}
#buzzer-app.buzzer-dark-mode .buzzer-theme-switch{background:#7c3aed}
#buzzer-app.buzzer-dark-mode .buzzer-theme-switch i{transform:translateX(13px)}
#buzzer-app .buzzer-logout-arrow{margin-left:auto;font-size:14px;opacity:.65}
#buzzer-app .buzzer-sidebar-foot{margin-top:0;padding-top:13px}
#buzzer-app .buzzer-date-chip{display:inline-flex;align-items:center;margin:7px 0 0;padding:5px 10px;border:1px solid #e9def7;border-radius:999px;background:#fff;color:#7c3aed;font-size:10px;font-weight:700;letter-spacing:0}
#buzzer-app.buzzer-dark-mode{--buzz-ink:#eee8f8;--buzz-muted:#b3a8c8;--buzz-line:#3b304d;--buzz-bg:#171220;--buzz-brand:#b49aff;--buzz-brand-dark:#9876ed;background:#171220;color:#eee8f8;border-color:#3b304d;color-scheme:dark}
#buzzer-app.buzzer-dark-mode .buzzer-topbar,#buzzer-app.buzzer-dark-mode .buzzer-sidebar{background:#20192b;border-color:#3b304d}
#buzzer-app.buzzer-dark-mode .buzzer-main{background:radial-gradient(ellipse at 95% 0%,rgba(124,58,237,.12),transparent 32%),#171220}
#buzzer-app.buzzer-dark-mode .buzzer-sidebar select,#buzzer-app.buzzer-dark-mode .buzzer-school-name{background:#2a2138;border-color:#49395e;color:#eee8f8}
#buzzer-app.buzzer-dark-mode .buzzer-nav button{color:#c0b3d4}
#buzzer-app.buzzer-dark-mode .buzzer-nav button .buzzer-nav-icon,#buzzer-app.buzzer-dark-mode .buzzer-tool-icon{background:#332643;color:#c5adff}
#buzzer-app.buzzer-dark-mode .buzzer-nav button:hover,#buzzer-app.buzzer-dark-mode .buzzer-theme-toggle:hover,#buzzer-app.buzzer-dark-mode .buzzer-sidebar-logout:hover{background:#332643;color:#e7dcff;border-color:#49395e}
#buzzer-app.buzzer-dark-mode .buzzer-nav button.is-active{background:#352548;color:#e6d8ff;box-shadow:inset 3px 0 #a78bfa}
#buzzer-app.buzzer-dark-mode .buzzer-nav button.is-active .buzzer-nav-icon{background:#7c3aed;color:#fff}
#buzzer-app.buzzer-dark-mode .buzzer-sidebar-tools,#buzzer-app.buzzer-dark-mode .buzzer-sidebar-foot{border-color:#3b304d}
#buzzer-app.buzzer-dark-mode .buzzer-page-heading h1,#buzzer-app.buzzer-dark-mode .buzzer-card h2,#buzzer-app.buzzer-dark-mode .buzzer-modal-head h2{color:#f0e9fb}
#buzzer-app.buzzer-dark-mode .buzzer-page-heading p,#buzzer-app.buzzer-dark-mode .buzzer-card>p,#buzzer-app.buzzer-dark-mode .buzzer-card-heading p{color:#b3a8c8}
#buzzer-app.buzzer-dark-mode .buzzer-card,#buzzer-app.buzzer-dark-mode .buzzer-modal{background:#211a2d;border-color:#3b304d;color:#eee8f8}
#buzzer-app.buzzer-dark-mode .buzzer-stat{background:linear-gradient(145deg,#261e34,#211a2d);border-color:#3b304d}
#buzzer-app.buzzer-dark-mode .buzzer-stat>strong,#buzzer-app.buzzer-dark-mode .buzzer-stat-top small{color:#eee8f8}
#buzzer-app.buzzer-dark-mode .buzzer-quick-actions button{background:transparent;border-color:#3b304d;color:#eee8f8}
#buzzer-app.buzzer-dark-mode .buzzer-quick-actions button>b{background:#332643;border-color:#49395e;color:#c5adff}
#buzzer-app.buzzer-dark-mode .buzzer-quick-actions button strong,#buzzer-app.buzzer-dark-mode .buzzer-table td strong{color:#eee8f8}
#buzzer-app.buzzer-dark-mode .buzzer-table th{background:#2a2138;color:#b3a8c8}
#buzzer-app.buzzer-dark-mode .buzzer-table td{color:#d1c6e2;border-color:#3b304d}
#buzzer-app.buzzer-dark-mode .buzzer-table tbody tr:hover td{background:#2a2138}
#buzzer-app.buzzer-dark-mode .buzzer-search{background:#211a2d;border-color:#49395e;color:#b3a8c8}
#buzzer-app.buzzer-dark-mode .buzzer-search input{color:#eee8f8!important}
#buzzer-app.buzzer-dark-mode .buzzer-field input,#buzzer-app.buzzer-dark-mode .buzzer-field select,#buzzer-app.buzzer-dark-mode .buzzer-field textarea{background:#2a2138!important;color:#eee8f8!important;border-color:#49395e!important}
#buzzer-app.buzzer-dark-mode .buzzer-field input[readonly]{background:#332643!important;color:#c5b7dc!important}
#buzzer-app.buzzer-dark-mode .buzzer-modal-actions{border-color:#3b304d}
#buzzer-app.buzzer-dark-mode .buzzer-modal-actions .buzzer-button-light,#buzzer-app.buzzer-dark-mode .buzzer-icon-button{background:#332643;color:#eee8f8;border-color:#49395e}
#buzzer-app.buzzer-dark-mode .buzzer-note{background:#2a2138;border-color:#49395e;color:#d0c3e5}
#buzzer-app.buzzer-dark-mode .buzzer-date-chip{background:#2a2138;border-color:#49395e;color:#d7c4ff}
#buzzer-app.buzzer-dark-mode .buzzer-menu-toggle{background:#2a2138;border-color:#49395e;color:#d7c4ff}
#buzzer-app.buzzer-dark-mode .buzzer-theme-toggle .buzzer-moon-icon{display:none}
#buzzer-app.buzzer-dark-mode .buzzer-theme-toggle .buzzer-sun-icon{display:block}
#buzzer-app.buzzer-dark-mode .buzzer-user{color:#e5daf5}
@media(max-width:680px){#buzzer-app .buzzer-sidebar-tools{margin-top:24px}#buzzer-app .buzzer-sidebar-foot{margin-top:0}#buzzer-app .buzzer-nav button{grid-template-columns:31px minmax(0,1fr);min-height:46px}#buzzer-app .buzzer-date-chip{margin-top:10px}}