@import "https://fonts.googleapis.com/css2?family=Kanit:wght@500;600;700;800;900&family=Noto+Sans+Thai:wght@400;500;600;700;800;900&display=swap";.brand__logos img{width:112px!important;height:112px!important}.brand__logos{gap:14px!important}.brand__plus{font-size:30px!important}.topbar{height:102px!important}.brand--school-only .brand__logos img{width:138px!important;height:138px!important}.monitor-brand{align-items:center;gap:19px;min-width:0;display:flex}.monitor-brand__copy{border-left:1px solid #73b4ff47;flex-direction:column;min-width:0;padding-left:19px;line-height:1.05;display:flex}.monitor-brand__system{letter-spacing:.055em;color:#0000;filter:drop-shadow(0 2px 7px #008cff59);white-space:nowrap;background:linear-gradient(#fff 8%,#b9e5ff 48%,#36aaff 52%,#0875dc 100%);-webkit-background-clip:text;background-clip:text;font-family:Arial Black,Noto Sans Thai,sans-serif;font-size:23px;font-weight:900}.monitor-brand__province{color:#91b5d9;margin-top:4px;font-size:9px}.monitor-brand__school{color:#f2f7ff;letter-spacing:.2em;margin-top:9px;font-size:12px;font-weight:900}.monitor-brand__copy small{color:#668bad;margin-top:3px;font-size:9px}.monitor-brand+.school-switch{flex:none}.listening-time{grid-template-columns:1fr 1fr;gap:10px;width:min(430px,100%);margin:4px 0 2px;display:grid}.listening-time>div{background:#07544624;border:1px solid #37d2a233;border-radius:12px;flex-direction:column;align-items:center;padding:10px 14px;display:flex}.listening-time span{color:#72a9a0;font-size:9px;font-weight:700}.listening-time strong{color:#75ebbd;letter-spacing:.04em;margin-top:2px;font-size:15px}.emergency-overlay{z-index:5000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:radial-gradient(circle at 50% 42%,#991b1bb3,#230308f7 58%,#130106);place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow:auto}.emergency-pulse{pointer-events:none;border:2px solid #ff414159;border-radius:50%;animation:1.8s infinite emergencyWave;position:fixed}.emergency-pulse--one{width:520px;height:520px}.emergency-pulse--two{width:680px;height:680px;animation-delay:.55s}.emergency-modal{z-index:1;background:#030817;border:2px solid #ff746c;border-radius:28px;width:min(680px,100%);max-height:calc(100vh - 48px);position:relative;overflow:auto;box-shadow:0 0 0 1px #ffffff14,0 0 90px #ef1e1e9e}.emergency-modal__header{z-index:2;background:linear-gradient(100deg,#e31b23,#b60712);border-bottom:1px solid #ff7d76;align-items:center;gap:16px;padding:18px 22px;display:flex;position:sticky;top:0}.emergency-modal__header img{object-fit:contain;filter:drop-shadow(0 5px 8px #00000059);width:72px;height:72px}.emergency-modal__header>div{flex:1;min-width:0}.emergency-modal__header span{letter-spacing:.2em;color:#ffd1ce;font-size:11px;font-weight:900}.emergency-modal__header h1{color:#fff;margin:2px 0 0;font-size:27px;line-height:1.2}.emergency-modal__header>strong{white-space:nowrap;background:#24000347;border:1px solid #ffffff59;border-radius:99px;align-self:flex-start;padding:5px 9px;font-size:10px}.emergency-modal__body{gap:14px;padding:22px;display:grid}.emergency-school>span,.emergency-location span,.emergency-detail span,.emergency-info-grid section>span{color:#8393aa;font-size:10px;font-weight:700;display:block}.emergency-school h2{color:#fff;margin:2px 0 0;font-size:25px}.emergency-school p{color:#ffb0aa;margin:0;font-weight:800}.emergency-school small{color:#ffb7b2;background:#dc26261f;border:1px solid #ff4a4a66;border-radius:99px;margin-top:9px;padding:5px 10px;font-size:10px;font-weight:800;display:inline-flex}.emergency-location{background:#5d0c1347;border:1px solid #ff404094;border-radius:13px;padding:14px 16px}.emergency-location span{color:#ff938d}.emergency-location strong{color:#fff;margin-top:2px;font-size:19px;display:block}.emergency-detail{background:#10192b;border-radius:12px;padding:13px 15px}.emergency-detail p{color:#e8eef7;margin:3px 0 0;font-size:13px}.emergency-floorplan{color:#c8dcff;text-align:center;background:#10204b;border:1px solid #508bff66;border-radius:12px;padding:13px;font-weight:900;text-decoration:none;display:block}.emergency-info-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.emergency-info-grid section{background:#10192b;border-radius:12px;flex-direction:column;min-height:100px;padding:13px;display:flex}.emergency-info-grid strong{color:#fff;margin-top:3px;font-size:14px}.emergency-info-grid p{color:#b7c2d2;margin:1px 0;font-size:12px}.emergency-info-grid a,.emergency-contacts a{color:#6edcff;margin-top:auto;font-size:12px;font-weight:900;text-decoration:none}.emergency-contacts{background:#0c1729;border:1px solid #19cfe540;border-radius:13px;padding:14px}.emergency-contacts h3{color:#61dded;margin:0 0 8px;font-size:11px}.emergency-contacts>div{color:#aebbd0;justify-content:space-between;align-items:center;gap:10px;padding:5px 0;font-size:12px;display:flex}.emergency-contacts b{color:#fff}.emergency-acknowledge{color:#1c1000;background:linear-gradient(90deg,#ffb000,#ff8500);border:0;border-radius:13px;width:100%;padding:15px;font-size:16px;font-weight:900;box-shadow:0 10px 30px #ff8f0038}.emergency-note{color:#718096;text-align:center;margin:-4px 0 0;font-size:9px}@keyframes emergencyWave{0%{opacity:.85;transform:scale(.6)}to{opacity:0;transform:scale(1.18)}}:root{color:#eaf3ff;font-synthesis:none;background:#04102a;font-family:Noto Sans Thai,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,select,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.welcome-shell,.monitor-shell{background:radial-gradient(circle at 50% -10%,#123b78 0,#071a3c 33%,#030b1d 72%);min-height:100vh;position:relative;overflow:hidden}.welcome-shell{place-items:center;padding:38px 20px;display:grid}.welcome-shell:before{content:"";background-image:linear-gradient(#3493ff09 1px,#0000 1px),linear-gradient(90deg,#3493ff09 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.welcome-glow{filter:blur(40px);opacity:.25;border-radius:50%;position:absolute}.welcome-glow--one{background:#008cff;width:380px;height:380px;top:-160px;left:-100px}.welcome-glow--two{background:#075dd5;width:440px;height:440px;bottom:-240px;right:-180px}.welcome-card{background:linear-gradient(145deg,#0c244cf5,#04122df5);border:1px solid #6fb5ff40;border-radius:28px;width:min(850px,100%);padding:34px 48px 28px;position:relative;box-shadow:0 30px 90px #0000007a,inset 0 1px #ffffff14}.brand{justify-content:center;align-items:center;gap:30px;display:flex}.brand__logos{align-items:center;gap:12px;display:flex}.brand__logos img{object-fit:contain;filter:drop-shadow(0 7px 12px #00000052);width:88px;height:88px}.brand__plus{color:#62baff;font-size:27px;font-weight:800}.brand__copy{border-left:1px solid #ffffff29;padding-left:30px}.brand__copy p{color:#91b6dd;margin:0 0 2px;font-size:13px}.brand__copy h1{letter-spacing:1px;margin:0;font-size:32px;line-height:1.1}.brand__copy h1 span{color:#2faaff}.welcome-card__intro{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:end;margin:36px 0 22px;padding-top:28px;display:flex}.eyebrow{color:#49b7ff;letter-spacing:1.8px;text-transform:uppercase;font-size:11px;font-weight:800;display:block}.welcome-card__intro h2{margin:4px 0 0;font-size:25px}.secure-chip{color:#79e9b7;background:#14aa661a;border:1px solid #34d39938;border-radius:99px;padding:7px 11px;font-size:11px}.secure-chip i,.connection-pill i,.status-row i{background:#35d996;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block;box-shadow:0 0 9px #35d996}.selector-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.selector-grid label>span{color:#c8dcf1;margin:0 0 7px;font-size:13px;font-weight:700;display:block}.selector-grid label b{color:#fff;background:#1477dc;border-radius:50%;place-items:center;width:20px;height:20px;margin-right:5px;font-size:10px;display:inline-grid}.selector-grid select{color:#e8f2ff;background:#081a37;border:1px solid #234d7d;border-radius:12px;outline:none;width:100%;height:48px;padding:0 13px;transition:all .2s}.selector-grid select:focus{border-color:#38a8ff;box-shadow:0 0 0 3px #38a8ff21}.selector-grid select:disabled{color:#607b99}.form-message{color:#ffbd86;background:#ff742814;border-radius:10px;grid-column:1/-1;margin:0;padding:10px 12px;font-size:12px}.primary-button{color:#fff;background:linear-gradient(90deg,#0878db,#159cff);border:0;border-radius:13px;grid-column:1/-1;height:52px;margin-top:4px;font-weight:800;transition:all .2s;box-shadow:0 11px 28px #007ae240}.primary-button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.primary-button span{float:right;margin-right:16px;font-size:20px}.remember-note{text-align:center;color:#7593b1;margin:19px 0 0;font-size:11px}.brand--compact{justify-content:flex-start}.brand--compact .brand__logos{gap:7px}.brand--compact .brand__logos img{width:47px;height:47px}.brand--compact .brand__plus{font-size:15px}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#030d22b8;border-bottom:1px solid #70aeee26;align-items:center;gap:18px;height:78px;padding:0 max(28px,50vw - 590px);display:flex}.topbar__title{border-left:1px solid #ffffff29;flex-direction:column;padding-left:18px;display:flex}.topbar__title strong{letter-spacing:1px;font-size:15px}.topbar__title span{color:#7896b7;font-size:10px}.school-switch{color:#bdd7f1;background:#102b4d;border:1px solid #315b87;border-radius:10px;margin-left:auto;padding:9px 14px;font-size:12px;font-weight:700}.monitor-content{width:min(1180px,100% - 40px);margin:0 auto;padding:35px 0}.school-heading{justify-content:space-between;align-items:end;margin-bottom:25px;display:flex}.school-heading h1{margin:4px 0 3px;font-size:29px}.school-heading p{color:#87a3c0;margin:0;font-size:13px}.connection-pill{color:#819bb6;background:#0b1e3b;border:1px solid #1b3d64;border-radius:99px;align-items:center;padding:9px 13px;font-size:11px;font-weight:700;display:flex}.connection-pill--connected{color:#75e9b5;background:#0c7c4f1f;border-color:#27d1894d}.connection-pill--connecting{color:#8dccff}.connection-pill--error{color:#ff9b9b;border-color:#ff47474d}.connection-pill--idle i,.connection-pill--error i{box-shadow:none;background:#6e849c}.dashboard-grid{grid-template-columns:minmax(0,1.55fr) minmax(320px,.8fr);gap:22px;display:grid}.listen-card,.settings-card{background:linear-gradient(145deg,#091f41e0,#041129eb);border:1px solid #5e9fe233;border-radius:24px;box-shadow:0 22px 60px #00000038}.listen-card{flex-direction:column;justify-content:center;align-items:center;min-height:470px;padding:38px;display:flex}.radar{place-items:center;width:310px;height:310px;display:grid;position:relative}.radar:before{content:"";background:radial-gradient(circle,#123b6b 0,#071b3b 63%,#0000 64%);border:1px solid #419bef26;border-radius:50%;position:absolute;inset:20px}.radar__ring{border:1px solid #3aa5ff2e;border-radius:50%;position:absolute}.radar__ring--one{inset:0}.radar__ring--two{inset:34px}.radar--active .radar__ring{animation:2s infinite pulse}.radar--active .radar__ring--two{animation-delay:.5s}.radar button{z-index:2;color:#fff;background:radial-gradient(circle at 40% 30%,#209dff,#0757ae 67%,#04366e);border:6px solid #163f72;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:210px;height:210px;display:flex;position:relative;box-shadow:0 0 0 7px #1b78d421,0 18px 40px #005bbe66,inset 0 2px 7px #ffffff42}.radar button.is-listening{background:radial-gradient(circle at 40% 30%,#21d79d,#087d68 67%,#045449);border-color:#166e65}.radar button>span{margin-bottom:5px;font-size:35px}.radar button strong{font-size:20px}.radar button small{color:#b9dcfa;margin-top:4px;font-size:10px}.radar button.is-listening small{color:#c7f8e9}.status-row{color:#718aa5;border-top:1px solid #ffffff14;justify-content:space-between;width:100%;margin-top:18px;padding-top:18px;font-size:11px;display:flex}.status-row span{font-weight:700}.status-row i{box-shadow:none;background:#718aa5}.status-row span.online{color:#71e1ac}.status-row span.online i{background:#35d996;box-shadow:0 0 9px #35d996}.settings-card{padding:26px}.settings-card__head{border-bottom:1px solid #ffffff17;align-items:center;gap:13px;padding-bottom:20px;display:flex}.sound-icon{color:#57b5ff;background:#123d70;border-radius:13px;place-items:center;width:45px;height:45px;font-size:21px;display:grid}.settings-card__head h2{margin:0;font-size:16px}.settings-card__head p{color:#7594b1;margin:2px 0 0;font-size:10px}.toggle{background:#31465f;border:0;border-radius:99px;width:46px;height:25px;margin-left:auto;padding:3px;transition:all .2s}.toggle i{background:#fff;border-radius:50%;width:19px;height:19px;transition:all .2s;display:block}.toggle--on{background:#168ee8}.toggle--on i{transform:translate(21px)}.sound-file{flex-direction:column;padding:20px 0 16px;display:flex}.sound-file span{color:#7897b5;font-size:10px}.sound-file strong{white-space:nowrap;text-overflow:ellipsis;margin:3px 0;font-size:14px;overflow:hidden}.sound-file small{color:#4dcea0;font-size:10px}.file-button,.test-button,.reset-button{text-align:center;border-radius:10px;width:100%;padding:11px;font-size:11px;font-weight:700;display:block}.file-button{color:#a8d8ff;cursor:pointer;background:#102c50;border:1px dashed #3674aa}.file-button input{display:none}.test-button{color:#fff;background:#168ae2;border:0;margin-top:9px}.reset-button{color:#7fa9cc;background:0 0;border:0;margin-top:7px}.audio-notice{color:#8acfff;text-align:center;margin:10px 0 0;font-size:10px}.fallback-note{background:#040b1c94;border-radius:11px;flex-direction:column;margin-top:17px;padding:12px;display:flex}.fallback-note b{color:#a9c6e2;font-size:10px}.fallback-note span{color:#647f9a;margin-top:3px;font-size:9px}.alert-banner{background:linear-gradient(90deg,#771215f2,#330813f2);border:1px solid #ff4f3da6;border-radius:18px;align-items:center;gap:17px;margin-bottom:20px;padding:18px 20px;display:flex;box-shadow:0 0 35px #ff1c1c2b}.alert-banner__icon{background:#ff392f;border-radius:50%;place-items:center;width:50px;height:50px;font-size:30px;font-weight:900;display:grid}.alert-banner span{color:#ffb6b1;letter-spacing:1px;font-size:10px;font-weight:800}.alert-banner h2{margin:1px 0;font-size:20px}.alert-banner p{color:#ffd5d2;margin:0;font-size:11px}.alert-banner small{color:#c88b89;font-size:9px}.alert-banner button{color:#981e24;background:#fff;border:0;border-radius:10px;margin-left:auto;padding:11px 14px;font-size:11px;font-weight:800}.monitor-shell--alert{animation:1.1s 3 alertGlow}.monitor-shell footer{color:#4c6986;justify-content:space-between;width:min(1180px,100% - 40px);margin:0 auto;padding:4px 0 22px;font-size:9px;display:flex}@keyframes pulse{0%{opacity:.9;transform:scale(.75)}to{opacity:0;transform:scale(1.12)}}@keyframes alertGlow{50%{box-shadow:inset 0 0 70px #ff141438}}@media (width<=780px){.welcome-shell{padding:16px 12px}.welcome-card{border-radius:22px;padding:24px 18px}.brand{gap:14px}.brand__logos img{width:60px;height:60px}.brand__copy{padding-left:14px}.brand__copy p{font-size:9px}.brand__copy h1{font-size:20px}.welcome-card__intro{align-items:flex-start;margin:25px 0 18px;padding-top:22px}.welcome-card__intro h2{font-size:21px}.secure-chip{display:none}.selector-grid{grid-template-columns:1fr;gap:13px}.form-message,.primary-button{grid-column:1}.selector-grid select{height:46px}.topbar{gap:10px;height:68px;padding:0 14px}.brand--compact .brand__logos img{width:38px;height:38px}.topbar__title{padding-left:10px}.topbar__title strong{font-size:12px}.topbar__title span{display:none}.school-switch{padding:7px 9px;font-size:10px}.monitor-content{width:calc(100% - 24px);padding:21px 0}.school-heading{margin-bottom:18px;display:block}.school-heading h1{font-size:22px}.school-heading p{font-size:11px}.connection-pill{width:max-content;margin-top:13px;font-size:9px}.dashboard-grid{grid-template-columns:1fr;gap:14px}.listen-card{min-height:385px;padding:22px 14px}.radar{width:270px;height:270px}.radar button{width:180px;height:180px}.radar button strong{font-size:18px}.status-row{flex-direction:column;align-items:center;gap:5px;padding-top:14px}.settings-card{padding:20px}.alert-banner{flex-wrap:wrap;align-items:flex-start;padding:14px}.alert-banner__icon{width:40px;height:40px}.alert-banner div:nth-child(2){width:calc(100% - 60px)}.alert-banner h2{font-size:16px}.alert-banner button{width:100%;margin:0}.monitor-shell footer{flex-direction:column;gap:4px;width:calc(100% - 24px)}.brand--compact .brand__plus{font-size:11px}}@media (width<=380px){.welcome-card{padding:20px 14px}.brand__copy h1{font-size:17px}.brand__logos img{width:53px;height:53px}.radar{width:245px;height:245px}.radar button{width:165px;height:165px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (width<=780px){.brand__logos img{width:78px!important;height:78px!important}.brand--compact .brand__logos img{width:54px!important;height:54px!important}.brand--compact .brand__plus{font-size:15px!important}.listening-time{grid-template-columns:1fr 1fr;width:100%}.listening-time strong{font-size:13px}.brand--school-only .brand__logos img{width:96px!important;height:96px!important}.monitor-brand{gap:9px}.monitor-brand .brand--compact .brand__logos{gap:5px}.monitor-brand .brand--compact .brand__logos img{width:44px!important;height:44px!important}.monitor-brand .brand--compact .brand__plus{font-size:13px!important}.monitor-brand__copy{padding-left:9px}.monitor-brand__system{letter-spacing:.025em;font-size:14px}.monitor-brand__province,.monitor-brand__copy small{display:none}.monitor-brand__school{letter-spacing:.12em;margin-top:5px;font-size:9px}.topbar{height:84px!important}.school-switch{white-space:nowrap;margin-left:auto}}@media (width<=430px){.monitor-brand .brand--compact .brand__logos img{width:36px!important;height:36px!important}.monitor-brand__system{font-size:12px}.monitor-brand__school{font-size:8px}.school-switch{padding:7px 8px;font-size:9px}}.topbar__actions{align-items:center;gap:8px;margin-left:auto;display:flex}.topbar__actions .school-switch{margin-left:0}.wake-lock-button{color:#bdd7f1;background:#102b4d;border:1px solid #315b87;border-radius:10px;padding:9px 12px;font-size:11px;font-weight:800;display:none}.wake-lock-button--active{color:#76efba;background:#0a7c5238;border-color:#37dc9d8c}.permission-status{text-align:left;border-radius:11px;align-items:center;gap:9px;width:min(100%,560px);margin:12px 0 2px;padding:9px 12px;font-size:10px;display:flex}.permission-status>span{border-radius:50%;flex:none;place-items:center;width:20px;height:20px;font-weight:900;display:grid}.permission-status p{margin:0;line-height:1.45}.permission-status--ok{color:#86edbf;background:#0a7e501f;border:1px solid #2dd59142}.permission-status--ok>span{color:#fff;background:#1eb77d}.permission-status--warning{color:#ffd28b;background:#8e580824;border:1px solid #ffb43e4d}.permission-status--warning>span{color:#fff;background:#d88b18}.history-card{background:linear-gradient(145deg,#091f41db,#041129eb);border:1px solid #5e9fe233;border-radius:21px;margin-top:22px;padding:22px;box-shadow:0 18px 45px #0000002e}.history-card>header{justify-content:space-between;align-items:end;margin-bottom:14px;display:flex}.history-card h2{margin:3px 0 0;font-size:18px}.history-card>header>span{color:#6887a7;font-size:10px}.history-list{flex-direction:column;gap:7px;display:flex}.history-item{background:#040f247a;border:1px solid #5a99da1f;border-radius:12px;grid-template-columns:28px minmax(190px,1.7fr) repeat(3,minmax(120px,1fr));align-items:center;gap:12px;padding:11px 13px;display:grid}.history-item>b{color:#59baff;background:#123d70;border-radius:50%;place-items:center;width:25px;height:25px;font-size:10px;display:grid}.history-item>div{flex-direction:column;min-width:0;display:flex}.history-item span{color:#6687a8;font-size:9px}.history-item strong{color:#dbeaff;margin-top:2px;font-size:11px}.history-item__school strong{text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:12px;overflow:hidden}.history-empty{text-align:center;color:#6383a3;border:1px dashed #5796d630;border-radius:12px;padding:22px;font-size:11px}.qr-manager-button{color:#8fd2ff;background:#1071b72e;border:1px solid #31a9ff6b;border-radius:10px;padding:9px 13px;font-size:11px;font-weight:800;transition:all .2s}.qr-manager-button:hover{color:#fff;background:#137bc1;border-color:#39aaff}.qr-manager-overlay{z-index:6000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#010714d6;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.qr-manager{background:linear-gradient(145deg,#0a2146,#040f28);border:1px solid #4ba6ff57;border-radius:26px;width:min(1100px,100%);max-height:calc(100vh - 48px);overflow:hidden;box-shadow:0 34px 100px #0009}.qr-manager__header{background:#040f26a8;border-bottom:1px solid #75b1eb24;justify-content:space-between;align-items:center;padding:22px 25px;display:flex}.qr-manager__title{align-items:center;gap:14px;display:flex}.qr-manager__icon{color:#fff;background:linear-gradient(145deg,#188ee7,#0b5dba);border-radius:15px;place-items:center;width:52px;height:52px;font-size:28px;display:grid;box-shadow:0 8px 25px #0e7cdd47}.qr-manager__title h2{margin:2px 0 0;font-size:22px}.qr-manager__title p{color:#88a9c9;margin:2px 0 0;font-size:11px}.qr-manager__close{color:#8ca9c4;background:#112b4d;border:0;border-radius:10px;width:38px;height:38px;font-size:27px;line-height:1}.qr-manager__body{grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);min-height:520px;max-height:calc(100vh - 210px);display:grid;overflow:auto}.qr-manager__locations{border-right:1px solid #75b1eb21;padding:24px}.qr-manager__intro strong{font-size:16px}.qr-manager__intro p{color:#7593b1;margin:4px 0 0;font-size:11px;line-height:1.55}.qr-location-form{background:#05142fa8;border:1px solid #409dee30;border-radius:14px;margin-top:20px;padding:15px}.qr-location-form label>span{color:#a9c5df;margin-bottom:8px;font-size:11px;font-weight:800;display:block}.qr-location-form label>div{gap:8px;display:flex}.qr-location-form input{color:#eef7ff;background:#071830;border:1px solid #244d76;border-radius:10px;outline:none;flex:1;min-width:0;height:42px;padding:0 12px}.qr-location-form input:focus{border-color:#31a9ff;box-shadow:0 0 0 3px #31a9ff1a}.qr-location-form button{color:#fff;background:#168ee8;border:0;border-radius:10px;flex:none;padding:0 16px;font-size:11px;font-weight:800}.qr-manager__message{color:#8bd2ff;background:#1a81cb21;border-radius:9px;margin:10px 0 0;padding:9px 11px;font-size:10px}.qr-location-list{flex-direction:column;gap:8px;margin-top:17px;display:flex}.qr-location-item{background:#040f247a;border:1px solid #5698d824;border-radius:13px;grid-template-columns:40px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:12px;display:grid}.qr-location-item__icon{color:#63bfff;background:#102f58;border-radius:10px;place-items:center;width:38px;height:38px;font-size:20px;display:grid}.qr-location-item__icon.is-school{color:#68e8b3;background:#10855d3d}.qr-location-item>div{flex-direction:column;min-width:0;display:flex}.qr-location-item strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.qr-location-item small{color:#6685a5;margin-top:2px;font-size:9px}.qr-location-item>button{color:#9bd5ff;background:#0f2c4d;border:1px solid #2d6799;border-radius:9px;padding:8px 10px;font-size:9px;font-weight:800}.qr-ready-badge{color:#73e5b2;background:#1cbe7e1f;border-radius:99px;padding:5px 7px;font-size:8px;font-weight:800}.qr-manager__empty{text-align:center;color:#68a;padding:28px;font-size:11px}.qr-preview{background:#020a1a4f;flex-direction:column;padding:24px;display:flex}.qr-preview__image{background:#fff;border-radius:16px;flex:1;place-items:center;min-height:0;padding:10px;display:grid;overflow:hidden}.qr-preview__image img{object-fit:contain;width:auto;max-width:100%;max-height:390px;display:block}.qr-preview__copy{flex-direction:column;padding:14px 2px 12px;display:flex}.qr-preview__copy span{color:#68a;font-size:9px}.qr-preview__copy strong{margin-top:2px;font-size:15px}.qr-preview__copy small{color:#ffb66f;margin-top:3px;font-size:9px}.qr-download,.qr-copy{border-radius:10px;justify-content:center;align-items:center;width:100%;min-height:42px;font-size:11px;font-weight:800;text-decoration:none;display:flex}.qr-download{color:#fff;background:#158ce4;border:0}.qr-copy{color:#a9cae7;background:#102846;border:1px solid #2a557e;margin-top:7px}.qr-preview__empty{text-align:center;color:#6d8cab;border:1px dashed #5399dc40;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:390px;padding:35px;display:flex}.qr-preview__empty>span{color:#50b6ff;background:#102b51;border-radius:24px;place-items:center;width:88px;height:88px;font-size:44px;display:grid}.qr-preview__empty strong{color:#b7d0e8;margin-top:17px;font-size:14px}.qr-preview__empty p{max-width:250px;margin:7px 0 0;font-size:10px;line-height:1.6}.qr-manager__footer{color:#587694;border-top:1px solid #75b1eb21;justify-content:space-between;gap:20px;padding:12px 25px;font-size:9px;display:flex}@media (width<=780px){.topbar{flex-wrap:wrap;gap:8px;min-height:0;padding:10px 12px;height:auto!important}.monitor-brand{width:100%}.topbar__actions{grid-template-columns:1fr 1fr;gap:8px;width:100%;margin-left:0;display:grid}.wake-lock-button{width:100%;padding:9px 7px;font-size:10px;display:block}.topbar__actions .school-switch{width:100%;margin:0;padding:9px 7px;font-size:10px}.permission-status{margin-top:9px;font-size:9px}.history-card{border-radius:18px;margin-top:14px;padding:16px 12px}.history-card>header{align-items:flex-start}.history-card h2{font-size:15px}.history-item{grid-template-columns:24px repeat(3,minmax(0,1fr));gap:8px;padding:11px 8px}.history-item>b{grid-row:1/3;width:22px;height:22px}.history-item__school{grid-column:2/-1}.history-item span{font-size:8px}.history-item strong{font-size:9px}.history-item__school strong{font-size:11px}.history-empty{padding:18px 10px}.monitor-content{padding-top:18px}}@media (width<=390px){.history-card>header>span{display:none}.history-item{gap:6px}.history-item strong{font-size:8px}.wake-lock-button,.topbar__actions .school-switch{font-size:9px}}@media (width<=780px){.topbar__actions .qr-manager-button{grid-column:1/-1;width:100%;padding:9px 7px;font-size:10px}.qr-manager-overlay{align-items:start;padding:10px}.qr-manager{border-radius:19px;max-height:calc(100vh - 20px)}.qr-manager__header{padding:15px}.qr-manager__icon{border-radius:12px;width:43px;height:43px;font-size:23px}.qr-manager__title{gap:10px}.qr-manager__title h2{font-size:17px}.qr-manager__title p{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.qr-manager__body{max-height:calc(100vh - 150px);display:block;overflow:auto}.qr-manager__locations{border-bottom:1px solid #75b1eb21;border-right:0;padding:15px}.qr-location-form label>div{flex-direction:column}.qr-location-form input{flex:none;width:100%}.qr-location-form button{height:40px}.qr-location-item{grid-template-columns:36px minmax(0,1fr) auto;padding:10px 9px}.qr-location-item__icon{width:34px;height:34px}.qr-ready-badge{display:none}.qr-location-item>button{padding:7px 8px}.qr-preview{min-height:470px;padding:15px}.qr-preview__image{min-height:330px}.qr-preview__empty{min-height:400px}.qr-manager__footer{display:none}}@media (width<=680px){.emergency-overlay{align-items:start;padding:12px}.emergency-pulse{display:none}.emergency-modal{border-radius:20px;max-height:calc(100vh - 24px)}.emergency-modal__header{gap:10px;padding:13px 14px}.emergency-modal__header img{width:55px;height:55px}.emergency-modal__header span{letter-spacing:.12em;font-size:8px}.emergency-modal__header h1{font-size:19px}.emergency-modal__header>strong{font-size:8px}.emergency-modal__body{gap:11px;padding:15px}.emergency-school h2{font-size:21px}.emergency-info-grid{grid-template-columns:1fr 1fr;gap:8px}.emergency-info-grid section{min-height:96px;padding:11px}.emergency-info-grid strong{font-size:12px}.emergency-contacts>div{flex-direction:column;align-items:flex-start;gap:2px}.emergency-contacts a{margin-top:0}.emergency-acknowledge{padding:13px;font-size:14px}}.qr-manager-button{color:#fff;text-shadow:0 1px 2px #0003;background:linear-gradient(135deg,#0ea5e9,#0877d1);border:1px solid #67d2ff;box-shadow:0 0 0 3px #0ea5e91a,0 8px 22px #0084df4d}.qr-manager-button:hover{background:linear-gradient(135deg,#27b9f5,#0b8be8);border-color:#d5f3ff;transform:translateY(-1px);box-shadow:0 0 0 4px #38bdf824,0 10px 26px #0084df61}.test-button--playing{background:linear-gradient(90deg,#b91c1c,#ef4444);box-shadow:0 8px 20px #dc262638}.school-info-card{background:linear-gradient(145deg,#0a2448f0,#041129f0);border:1px solid #48a9f240;border-radius:21px;margin-top:22px;padding:22px;box-shadow:0 18px 45px #0000002e}.school-info-card>header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:15px;display:flex}.school-info-card h2{margin:3px 0 0;font-size:18px}.school-station-badge{color:#7ae9b8;background:#1096651f;border:1px solid #34d3994d;border-radius:99px;flex:none;padding:8px 12px;font-size:10px;font-weight:800}.school-info-grid{grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);gap:12px;display:grid}.school-detail-panel,.school-contacts-panel{background:#030f2485;border:1px solid #5e9fe229;border-radius:15px}.school-detail-panel{grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:13px;padding:16px;display:grid}.school-detail-panel__icon{color:#9fddff;background:linear-gradient(145deg,#116ea9,#0d446f);border-radius:13px;place-items:center;width:48px;height:48px;font-size:26px;display:grid}.school-detail-panel__copy{flex-direction:column;min-width:0;display:flex}.school-detail-panel__copy>span{color:#5fbdf7;font-size:9px;font-weight:800}.school-detail-panel__copy>strong{text-overflow:ellipsis;white-space:nowrap;color:#fff;margin-top:2px;font-size:14px;overflow:hidden}.school-detail-panel__copy p{color:#7795b3;margin:3px 0;font-size:10px;line-height:1.4}.school-detail-panel__copy small{color:#718fac;font-size:9px}.school-detail-panel__copy small b{color:#90d8ff}.floorplan-button{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#118ddd,#086eae);border:1px solid #48b8ff;border-radius:10px;justify-content:center;align-items:center;min-height:40px;padding:0 14px;font-size:10px;font-weight:800;text-decoration:none;display:flex}.floorplan-unavailable{color:#617f9c;white-space:nowrap;border:1px dashed #355775;border-radius:9px;padding:9px 10px;font-size:9px}.school-contacts-panel{padding:14px}.school-contacts-panel__head{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.school-contacts-panel__head h3{margin:2px 0 0;font-size:13px}.school-contacts-panel__head>b{color:#75caff;background:#113760;border-radius:99px;place-items:center;min-width:38px;height:25px;font-size:9px;display:grid}.school-contact-list{flex-direction:column;gap:6px;display:flex}.school-contact{background:#0b2545b8;border-radius:10px;grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;display:grid}.school-contact>span{color:#9ed8ff;background:#14558d;border-radius:50%;place-items:center;width:24px;height:24px;font-size:9px;font-weight:900;display:grid}.school-contact>div{flex-direction:column;min-width:0;display:flex}.school-contact strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.school-contact small{color:#6e8ca9;font-size:8px}.school-contact a{color:#75e5b5;white-space:nowrap;background:#10b9811f;border-radius:8px;padding:6px 8px;font-size:9px;font-weight:800;text-decoration:none}.school-contact em{color:#607c98;font-size:8px;font-style:normal}.school-contacts-empty,.school-info-loading{text-align:center;color:#6383a3;padding:22px;font-size:10px}.school-info-loading{border:1px dashed #5796d62e;border-radius:12px}@media (width<=940px){.monitor-content{width:calc(100% - 24px)}.dashboard-grid{grid-template-columns:1fr}.listen-card{min-height:420px}.settings-card{min-height:0}.school-info-grid{grid-template-columns:1fr}.history-item{grid-template-columns:28px minmax(170px,1.5fr) repeat(3,minmax(105px,1fr))}.topbar{padding-inline:16px}.monitor-brand__system{font-size:19px}.brand--compact .brand__logos img{width:56px!important;height:56px!important}}@media (width<=780px){.school-info-card{border-radius:18px;margin-top:14px;padding:15px 12px}.school-info-card>header{flex-direction:column;align-items:flex-start;gap:9px}.school-info-card h2{font-size:15px}.school-station-badge{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.school-detail-panel{grid-template-columns:40px minmax(0,1fr);gap:10px;padding:12px}.school-detail-panel__icon{width:40px;height:40px;font-size:21px}.floorplan-button,.floorplan-unavailable{text-align:center;grid-column:1/-1;width:100%}.school-contacts-panel{padding:12px}.qr-manager-button{box-shadow:0 5px 18px #0084df4d}.qr-preview__image img{max-height:430px}}@media (width<=430px){.monitor-content{width:calc(100% - 16px);padding-top:13px}.school-heading h1{font-size:20px}.listen-card{min-height:350px;padding:15px 8px}.radar{width:238px;height:238px}.radar button{width:158px;height:158px}.radar button>span{font-size:28px}.radar button strong{font-size:16px}.settings-card{padding:16px}.school-contact{grid-template-columns:23px minmax(0,1fr)}.school-contact a,.school-contact em{grid-column:2;width:max-content}.qr-manager__header{padding:12px}.qr-manager__title p{max-width:170px}.qr-manager__close{width:34px;height:34px}.qr-preview{min-height:420px}.qr-preview__image{min-height:300px}}@media (height<=700px) and (width>=781px){.topbar{height:82px!important}.monitor-content{padding-top:22px}.listen-card{min-height:390px;padding-block:22px}.radar{width:260px;height:260px}.radar button{width:180px;height:180px}.qr-manager{max-height:calc(100vh - 20px)}.qr-manager__header{padding-block:14px}.qr-manager__body{max-height:calc(100vh - 140px)}}.personnel-manager-button{color:#c8ddf2;background:#102b4d;border:1px solid #3c658c;border-radius:10px;padding:9px 13px;font-size:11px;font-weight:800;transition:all .2s}.personnel-manager-button:hover{color:#fff;background:#17436e;border-color:#6dbcf5}.floorplan-actions{flex-direction:column;align-items:stretch;gap:5px;min-width:150px;display:flex}.floorplan-upload{color:#fff;white-space:nowrap;cursor:pointer;background:linear-gradient(135deg,#b9690e,#d88a19);border:1px solid #f0a445;border-radius:10px;justify-content:center;align-items:center;min-height:40px;padding:0 14px;font-size:10px;font-weight:800;display:flex}.floorplan-upload:hover{filter:brightness(1.1)}.floorplan-upload.is-busy{cursor:wait;opacity:.65}.floorplan-upload input{display:none}.floorplan-message{color:#85d5ff;text-align:center;max-width:190px;font-size:8px;line-height:1.35}.personnel-overlay{z-index:6000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#010714d6;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.personnel-manager{background:linear-gradient(145deg,#0a2146,#040f28);border:1px solid #4ba6ff57;border-radius:25px;flex-direction:column;width:min(950px,100%);max-height:calc(100vh - 48px);display:flex;overflow:hidden;box-shadow:0 34px 100px #0009}.personnel-header{background:#040f26a8;border-bottom:1px solid #75b1eb24;justify-content:space-between;align-items:center;gap:18px;padding:21px 24px;display:flex}.personnel-header h2{margin:2px 0 0;font-size:22px}.personnel-header p{color:#88a9c9;margin:2px 0 0;font-size:11px}.personnel-header__actions{align-items:center;gap:8px;display:flex}.personnel-header__actions>a{color:#fff;background:linear-gradient(135deg,#1598e7,#0875c9);border-radius:10px;align-items:center;min-height:40px;padding:0 15px;font-size:10px;font-weight:800;text-decoration:none;display:flex;box-shadow:0 8px 22px #0474c03d}.personnel-header__actions>button{color:#8ca9c4;background:#112b4d;border:0;border-radius:10px;width:38px;height:38px;font-size:27px;line-height:1}.personnel-summary{grid-template-columns:repeat(4,1fr);gap:9px;padding:16px 24px 10px;display:grid}.personnel-summary button{color:#829fba;text-align:left;background:#0516319e;border:1px solid #4e91d12e;border-radius:12px;justify-content:space-between;align-items:center;min-height:56px;padding:9px 12px;display:flex}.personnel-summary button.is-active{color:#b8e2ff;background:#0f74bc33;border-color:#36aaff;box-shadow:inset 0 0 0 1px #36aaff1a}.personnel-summary button span{font-size:9px;font-weight:800}.personnel-summary button strong{color:#fff;font-size:20px}.personnel-toolbar{gap:8px;padding:6px 24px 13px;display:flex}.personnel-toolbar label{background:#071830;border:1px solid #244d76;border-radius:11px;flex:1;align-items:center;min-width:0;padding:0 12px;display:flex}.personnel-toolbar label>span{color:#64bfff;font-size:17px}.personnel-toolbar input{color:#eef7ff;background:0 0;border:0;outline:none;width:100%;height:43px;padding:0 9px}.personnel-toolbar>button{color:#a7cae8;background:#102a49;border:1px solid #305b83;border-radius:10px;padding:0 14px;font-size:10px;font-weight:800}.personnel-message{color:#ffd28b;background:#d98b181f;border-radius:9px;margin:0 24px 10px;padding:9px 11px;font-size:9px}.personnel-list{min-height:180px;padding:0 24px 14px;overflow-y:auto}.personnel-item{background:#040f2480;border:1px solid #5294d324;border-radius:12px;grid-template-columns:30px minmax(190px,1fr) minmax(120px,.55fr) 125px;align-items:center;gap:11px;margin-top:7px;padding:11px 12px;display:grid}.personnel-item>b{color:#68bdff;background:#123d70;border-radius:50%;place-items:center;width:27px;height:27px;font-size:9px;display:grid}.personnel-item__name{flex-direction:column;min-width:0;display:flex}.personnel-item__name strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.personnel-item__name span{color:#6f8ca8;margin-top:2px;font-size:8px}.personnel-item>a{color:#8dcfff;font-size:10px;font-weight:700;text-decoration:none}.personnel-status{white-space:nowrap;border-radius:99px;justify-content:center;align-items:center;gap:5px;padding:6px 8px;font-size:8px;font-weight:900;display:flex}.personnel-status i{background:currentColor;border-radius:50%;width:6px;height:6px}.personnel-status.is-normal{color:#6ee2ad;background:#1ab97a1f}.personnel-status.is-pending{color:#ffd071;background:#eaa32021}.personnel-status.is-suspended{color:#ff9696;background:#ef44441f}.personnel-empty{text-align:center;color:#6383a3;padding:42px 15px;font-size:11px}.personnel-manager>footer{color:#5f7d99;border-top:1px solid #75b1eb1f;justify-content:space-between;gap:15px;padding:11px 24px;font-size:8px;display:flex}@media (width<=1100px) and (width>=781px){.topbar{flex-wrap:wrap;min-height:92px;padding-block:10px;height:auto!important}.topbar__actions{margin-left:auto}.qr-manager-button,.personnel-manager-button,.school-switch{padding:8px 10px;font-size:10px}}@media (width<=780px){.topbar__actions{grid-template-columns:1fr 1fr}.topbar__actions .qr-manager-button{grid-column:1}.personnel-manager-button{grid-column:2;width:100%;padding:9px 7px;font-size:10px}.topbar__actions .wake-lock-button{grid-column:1}.topbar__actions .school-switch{grid-column:2}.floorplan-actions{grid-column:1/-1;width:100%}.floorplan-message{max-width:none}.personnel-overlay{align-items:start;padding:10px}.personnel-manager{border-radius:19px;max-height:calc(100vh - 20px)}.personnel-header{align-items:flex-start;padding:14px}.personnel-header h2{font-size:18px}.personnel-header p{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.personnel-header__actions>a{padding:0 10px;font-size:9px}.personnel-summary{grid-template-columns:1fr 1fr;padding:12px 14px 8px}.personnel-summary button{min-height:48px}.personnel-toolbar{padding:5px 14px 10px}.personnel-message{margin:0 14px 9px}.personnel-list{padding:0 14px 10px}.personnel-item{grid-template-columns:25px minmax(0,1fr) auto;padding:10px 9px}.personnel-item>b{width:23px;height:23px}.personnel-item>a{grid-column:2}.personnel-status{grid-area:1/3/3}.personnel-manager>footer{padding:10px 14px}}@media (width<=430px){.personnel-header{grid-template-columns:minmax(0,1fr) auto;display:grid}.personnel-header__actions>a{position:absolute;top:69px;right:14px}.personnel-summary{padding-top:58px}.personnel-header__actions>button{width:34px;height:34px}.personnel-toolbar{grid-template-columns:1fr auto;display:grid}.personnel-toolbar input{font-size:11px}.personnel-manager>footer span:last-child{display:none}}