@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,Segoe UI,sans-serif;color:#163630;background:#f3f6f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0;border-radius:10px;background:#136c54;color:#fff;padding:13px 19px;font-weight:600;display:inline-flex;align-items:center;justify-content:space-between;gap:18px}button:hover{background:#0c503e}button:disabled{opacity:.45;cursor:not-allowed}.subtle{background:#e8efea;color:#245547}.subtle:hover{background:#dce8df}.shell{max-width:1280px;margin:auto;padding:0 42px}header{height:96px;display:flex;align-items:center;gap:22px;border-bottom:1px solid #dce5dd}header>.subtle{margin-left:auto}.brand{text-decoration:none;color:#193e32;font-size:23px;font-weight:700;display:flex;align-items:center;gap:4px}.brand>span:last-child{font-weight:400}.brand-icon{background:#156b54;color:#fff;border-radius:11px;padding:2px 10px;margin-right:9px;font-size:31px}.tag,.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.7px;color:#587568}.tag{margin-left:auto}.intro{padding:65px 0 38px;max-width:720px}h1{font-size:49px;letter-spacing:-2px;line-height:1.13;margin:18px 0}h1>span{color:#267e60}p{color:#63796d;line-height:1.65}h2{font-size:23px;letter-spacing:-.6px;margin:15px 0 7px}.entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1000px}.panel{background:#fff;border:1px solid #dae4dc;border-radius:17px;padding:29px;box-shadow:0 5px 20px #23402b04}.panel>p{margin-top:0}label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:600;color:#405e4d;margin:17px 0}input,select{border:1px solid #d2dfd5;border-radius:9px;padding:12px;background:#fafcf9;color:#173e30;min-width:0;width:100%}input:focus,select:focus{outline:2px solid #74ad92;outline-offset:2px}.entry-grid button{width:100%;margin-top:8px}.note{background:#f1f6ee;color:#6b7c63;font-size:13px;line-height:1.6;padding:17px;border-radius:9px;margin:23px 0}.practice-heading{display:flex;justify-content:space-between;align-items:center;padding:42px 0 30px;gap:20px}.practice-heading h1{font-size:36px;letter-spacing:-1.2px}.session-code{display:flex;flex-direction:column;gap:9px;padding:20px 25px;background:#e5eee3;border-radius:14px}.session-code small{font-size:10px;letter-spacing:1px}.session-code strong{font-size:28px;letter-spacing:3px}.online{color:#25805d;font-size:12px}.offline{color:#8b7568;font-size:12px}.toolbar{display:flex;align-items:center;gap:20px;padding:18px 24px;margin-bottom:25px}.toolbar h2{font-size:18px;margin:0}.toolbar p{font-size:13px;margin:5px 0}.toolbar label{margin:0 0 0 auto;min-width:180px}.pump-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}.pump{max-width:650px}.pump-top{display:flex;align-items:center;justify-content:space-between}.pump-top input{width:20px;height:20px;accent-color:#167355}.selected{border-color:#2a956d;box-shadow:0 0 0 1px #2a956d}.screen{background:#172e28;color:#bce6ac;padding:24px;border-radius:12px;margin:22px 0}.screen-status{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:#9bbc96}.reading{font-size:44px;font-variant-numeric:tabular-nums;margin:8px 0}.reading small{font-size:17px}.volume{font-size:13px;color:#b0c7a8}progress{accent-color:#a9df8b;width:100%;height:6px;margin-top:17px}.alarm,.error{background:#fff1e7;border:1px solid #f2c7a8;color:#9a4e1b;padding:14px;border-radius:9px;font-size:14px}.parameters{display:grid;grid-template-columns:1fr 1fr;gap:12px}.actions{display:flex;flex-wrap:wrap;gap:10px}.actions button{font-size:12px;padding:12px}.warning{background:#a45b25}.empty{text-align:center;padding:48px}.error{margin-top:22px}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #dce5dd;margin-top:55px;padding:24px 0;font-size:11px;color:#7d8d80}@media(max-width:760px){.shell{padding:0 20px}.tag{display:none}header{height:80px}.brand{font-size:19px}header>.subtle{font-size:11px;padding:10px}.intro{padding-top:40px}h1{font-size:38px}.entry-grid{grid-template-columns:1fr}.practice-heading{align-items:flex-start;flex-direction:column}.practice-heading h1{font-size:30px}.session-code{width:100%}.toolbar{flex-wrap:wrap}.toolbar label{margin-left:0;width:100%}footer{flex-direction:column}.panel{padding:22px}}button,input,select{min-height:48px}button:focus-visible{outline:3px solid #74ad92;outline-offset:3px}.toolbar{flex-wrap:wrap}.toolbar label{max-width:240px}.pump{min-width:0}.student-grid{display:block;max-width:850px;margin:0 auto}.student-pump{max-width:none}.pump-select{display:flex;flex-direction:row;align-items:center;gap:9px;margin:0;padding:8px;min-height:48px}.pump-select input{min-height:24px;width:24px;height:24px}.pump-identity{display:flex;align-items:center;justify-content:space-between;gap:12px}.screen-status{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.screen-status span:last-child{letter-spacing:0;text-transform:none}.screen-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:18px 0}.screen-metrics div{display:flex;flex-direction:column;gap:8px}.screen-metrics small{font-size:9px;letter-spacing:.6px}.screen-metrics strong{font-size:21px;font-weight:500;font-variant-numeric:tabular-nums}.screen-metrics strong small{font-size:12px}.reading{display:flex;align-items:baseline;gap:8px}.drop{margin-left:auto;font-size:23px;animation:flow 1s infinite}.screen-off{opacity:.55}.volume{margin-top:10px;line-height:1.6}.operation-progress{margin-top:18px;font-size:13px;color:#cce4b9}.pump-message{font-size:14px;min-height:24px;margin:12px 0 20px}.mode-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:#edf3ed;padding:5px;border-radius:12px;margin-top:24px}.mode-tabs button{background:transparent;color:#406c58;justify-content:center;font-size:15px}.mode-tabs button.active{background:#176c54;color:#fff}.mode-content{padding:10px 0}.mode-content h3{font-size:17px}.mode-content p,.mode-help{font-size:13px}.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.actions button{font-size:14px;min-height:48px;padding:12px;justify-content:center}.danger-subtle{background:#f8ece6;color:#a14b2a}.danger-subtle:hover{background:#f3dfd5}.device-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;border-top:1px solid #e1e9e1;padding-top:20px;margin-top:24px}.device-controls button{font-size:12px;padding:10px;justify-content:center}.alarm>strong{display:block}.alarm-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.alarm-actions button{font-size:12px;padding:10px;justify-content:center}.level-warning{background:#fff9dc;border-color:#e5d884}.low-note{font-size:12px;color:#8c671a}.confirm-box{background:#fff6e9;border:1px solid #e2c99f;border-radius:10px;padding:18px;margin-top:20px}.confirm-box .actions{margin-top:16px}.pump-grid:not(.student-grid) .screen-metrics{grid-template-columns:1fr 1fr}.pump-grid:not(.student-grid) .screen-metrics div:last-child{grid-column:span 2}.pump-grid:not(.student-grid) .reading{font-size:36px}@keyframes flow{50%{opacity:.25}}@media(prefers-reduced-motion:reduce){.drop{animation:none}}@media(max-width:1024px){.shell{padding:0 24px}.device-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar label{margin-left:0}.tag{display:none}.practice-heading{padding-top:28px}.practice-heading h1{font-size:30px}.screen-metrics strong{font-size:19px}}@media(max-width:600px){.shell{padding:0 12px}.panel,.screen{padding:18px}.screen-metrics{grid-template-columns:1fr 1fr}.screen-metrics div:last-child{grid-column:span 2}.practice-heading{gap:12px}.practice-heading h1{font-size:25px}.session-code{padding:12px 18px;display:grid;grid-template-columns:1fr 1fr}.session-code strong{font-size:22px;grid-column:2;grid-row:1/3;align-self:center;text-align:right}.session-code small{font-size:9px}.mode-tabs button{font-size:13px;padding:10px}.parameters{gap:10px}.parameters label{font-size:12px}.toolbar{gap:10px}.toolbar>button{flex:1}.toolbar label{max-width:none;flex:1 1 100%}.pump-grid{grid-template-columns:1fr}.pump-message{font-size:13px}.reading{font-size:38px}.alarm-actions{grid-template-columns:1fr}.device-controls button{font-size:12px}header{gap:8px}.brand{font-size:17px}footer{margin-top:30px}.pump-identity h2{font-size:20px;overflow-wrap:anywhere}}.case-settings{margin-bottom:25px}.case-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.reservoir-reading{display:flex;flex-direction:column;gap:7px;margin-top:18px;font-size:13px;line-height:1.5}.reservoir-reading span{color:#b0c7a8;font-size:12px}.container-controls{border-top:1px solid #e1e9e1;margin-top:22px;padding-top:10px}.container-controls h3{font-size:17px}.container-controls p{font-size:13px}.case-settings .note{margin-bottom:0}@media(max-width:600px){.case-fields{grid-template-columns:1fr}.reservoir-reading{font-size:12px}}.pump-details summary,.device-menu summary{cursor:pointer;min-height:48px;display:flex;align-items:center;gap:10px;list-style:none;font-size:13px;font-weight:600}.pump-details summary:after,.device-menu summary:after{content:"＋";margin-left:auto}.pump-details[open] summary:after,.device-menu[open] summary:after{content:"−"}.pump-details{margin-top:8px;border-top:1px solid #385246}.pump-details summary{color:#bdd8ad}.pump-details .reservoir-reading{margin:0 0 10px}.reservoir-available{display:flex;justify-content:space-between;gap:10px;font-size:13px;margin-top:10px;color:#bfd6b6}.reservoir-available strong{color:#d2f2bf;font-variant-numeric:tabular-nums}.device-menu{border-top:1px solid #e1e9e1;margin-top:12px}.device-menu summary{color:#456b59}.device-menu .device-controls{margin:0;padding:4px 0 8px;border:0}.student-shell{max-width:900px;padding:0 16px 12px}.student-shell header{height:60px}.student-shell .brand{font-size:18px}.student-shell .brand-icon{font-size:25px}.student-shell header>.subtle{font-size:12px;padding:9px 12px}.student-shell .tag,.student-shell footer{display:none}.student-shell .practice-heading{padding:10px 0;display:flex;flex-direction:row;align-items:center;gap:12px}.student-shell .practice-heading>div:first-child{min-width:0}.student-shell .practice-heading .eyebrow,.student-shell .practice-heading p{display:none}.student-shell .practice-heading h1{font-size:16px;letter-spacing:-.3px;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:50vw}.student-shell .session-code{width:auto;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:6px 10px;padding:8px 12px;background:transparent}.student-shell .session-code small{display:none}.student-shell .session-code strong{font-size:13px;letter-spacing:1px}.student-shell .session-code .subtle{padding:8px;font-size:12px}.student-pump{padding:14px 18px;border-radius:18px;box-shadow:0 8px 30px #23402b0a}.student-pump .pump-top .eyebrow{font-size:9px;letter-spacing:1.3px}.student-pump .pump-identity h2{font-size:19px;margin:5px 0}.student-pump .screen{margin:8px 0;padding:14px 18px}.student-pump .screen-status{font-size:10px;letter-spacing:1px}.student-pump .reading{font-size:38px;margin:4px 0}.student-pump .screen-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0}.student-pump .screen-metrics div:last-child{grid-column:auto}.student-pump .screen-metrics div{gap:5px}.student-pump .screen-metrics strong{font-size:20px}.student-pump .screen-metrics small{font-size:9px;letter-spacing:.3px}.student-pump .screen-metrics strong small{font-size:11px}.student-pump progress{margin-top:7px}.student-pump .volume{margin-top:5px;font-size:11px;line-height:1.4}.student-pump .pump-details{margin-top:5px}.student-pump .pump-details summary{min-height:48px;font-size:12px}.student-pump .pump-message{font-size:12px;line-height:1.4;margin:8px 0;min-height:0}.student-pump .mode-tabs{margin-top:10px;padding:3px;gap:4px}.student-pump .mode-tabs button{font-size:14px;padding:8px;min-height:48px}.student-pump .parameters{gap:12px}.student-pump .parameters label{margin:10px 0;gap:5px;font-size:12px}.student-pump .parameters input{padding:9px 12px}.student-pump .actions{gap:8px}.student-pump .actions button{font-size:13px;padding:9px;line-height:1.3}.student-pump .actions button:only-child{grid-column:1/-1}.student-pump .container-controls{margin-top:10px;padding-top:10px}.student-pump .device-menu{margin-top:10px}.student-pump .operation-progress{margin-top:10px;font-size:12px}.student-pump .mode-content{padding:4px 0}.student-pump .mode-content h3{margin:8px 0;font-size:15px}.student-pump .mode-content p,.student-pump .mode-help{font-size:12px;line-height:1.4;margin:8px 0}.student-pump .low-note{margin:7px 0;font-size:12px;line-height:1.4}.student-pump .alarm{padding:10px 12px;font-size:13px}.student-pump .alarm-actions{grid-template-columns:1fr 1fr;margin-top:8px;gap:8px}.student-pump .alarm-actions button{font-size:12px;padding:8px;min-height:48px}.student-pump .confirm-box{position:fixed;z-index:10;left:50%;top:50%;transform:translate(-50%,-50%);width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;box-shadow:0 0 0 100vmax #102f2466,0 15px 50px #102f2433;margin:0}@media(max-width:600px){.student-shell{padding:0 10px 10px}.student-shell header{height:56px}.student-pump,.student-pump .screen{padding:12px 14px}.student-pump .screen-metrics strong{font-size:18px}.student-pump .screen-metrics{gap:8px}.student-pump .screen-metrics small{font-size:8px}.student-shell .session-code{padding:6px 0}.student-shell .session-code .online,.student-shell .session-code .offline{font-size:11px}}@media(max-width:420px){.student-pump .alarm-actions{grid-template-columns:1fr}.student-pump .screen-status{letter-spacing:.5px}.student-shell .practice-heading h1{max-width:43vw}.student-pump .screen-metrics strong{font-size:17px}.student-pump .device-controls{grid-template-columns:1fr 1fr}}.teacher-shell{max-width:1440px;padding:0 18px 18px}.teacher-shell header{height:62px}.teacher-shell header .tag{display:none}.teacher-shell header>.subtle{font-size:12px}.teacher-shell .practice-heading{padding:14px 0;gap:12px;flex-direction:row;align-items:center}.teacher-shell .practice-heading>div:first-child{min-width:0}.teacher-shell .practice-heading h1{font-size:23px;margin:6px 0;letter-spacing:-.5px;overflow-wrap:anywhere}.teacher-shell .practice-heading p{display:none}.teacher-shell .practice-heading .eyebrow{font-size:10px}.teacher-shell .session-code{width:auto;min-width:150px;padding:10px 14px;gap:5px}.teacher-shell .session-code strong{font-size:21px}.teacher-shell .session-code small{font-size:8px}.teacher-shell .toolbar{position:sticky;top:8px;z-index:3;margin-bottom:12px;padding:12px 16px;gap:12px;box-shadow:0 4px 16px #23402b0c}.teacher-shell .toolbar h2{font-size:16px}.teacher-shell .toolbar label{min-width:180px;max-width:250px;font-size:11px;gap:4px}.teacher-shell .toolbar>button{margin-left:auto;min-width:130px;font-size:13px}.teacher-shell .toolbar p{font-size:12px}.teacher-shell .case-settings{padding:0 16px;margin-bottom:12px}.case-settings summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;cursor:pointer;list-style:none}.case-settings summary:after{content:"＋";font-size:20px}.case-settings[open] summary:after{content:"−"}.case-settings summary h2{font-size:15px;margin:0}.case-settings summary span{margin-left:auto;font-size:11px;color:#6b7c63}.case-settings[open]{padding-bottom:14px}.case-settings>p{font-size:12px}.case-settings .case-fields label{margin:10px 0;font-size:12px}.case-settings .note{padding:10px;font-size:11px}.overview-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 14px;flex-wrap:wrap}.view-switch{display:flex;gap:4px;background:#e5ede5;padding:3px;border-radius:12px}.view-switch button{font-size:12px;padding:8px 12px;justify-content:center}.view-switch button.active{background:#176c54;color:#fff}.selection-actions{display:flex;gap:8px}.selection-actions button{font-size:12px;padding:8px 12px}.compact-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.compact-pump{padding:10px 12px;max-width:none;border-radius:14px;box-shadow:0 3px 12px #23402b05}.compact-select{display:flex;flex-direction:row;align-items:center;gap:8px;min-height:48px;margin:0;cursor:pointer}.compact-select input{width:22px;height:22px;min-height:22px;accent-color:#167355;flex:none}.compact-select .eyebrow{font-size:9px;letter-spacing:1px}.compact-select .online,.compact-select .offline{margin-left:auto;font-size:10px;white-space:nowrap}.compact-identity{display:flex;align-items:baseline;gap:8px;justify-content:space-between;margin:2px 0 10px;min-width:0}.compact-identity h2{font-size:15px;margin:0;letter-spacing:-.2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.compact-status{font-size:10px;color:#567263;text-align:right;flex-shrink:0;max-width:45%}.compact-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:10px;border-radius:9px;background:#eff5ef}.compact-metrics>div{display:flex;flex-direction:column;gap:5px;min-width:0}.compact-metrics small{font-size:8px;letter-spacing:.3px;color:#587568}.compact-metrics strong{font-size:16px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.compact-metrics strong small{font-size:9px;letter-spacing:0}.compact-bottom{display:flex;align-items:center;gap:8px;justify-content:space-between;margin-top:7px;min-width:0}.compact-bottom>span{font-size:10px;line-height:1.3;min-width:0;overflow-wrap:anywhere}.compact-bottom button{min-height:48px;padding:8px 10px;font-size:11px;flex-shrink:0}.compact-alarm{color:#a14b2a;font-weight:600}.compact-warning{color:#8c671a;font-weight:600}.compact-note{color:#63796d}.compact-pump.has-alarm{border-color:#e5c69c}.compact-pump.selected{border-color:#2a956d;background:#f8fcf8}.compact-pump.selected .compact-metrics{background:#e5f1e6}.large-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.teacher-shell .large-grid .pump{max-width:none;padding:16px}.teacher-shell .large-grid .screen{padding:16px;margin:12px 0}.teacher-shell .large-grid .screen-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.teacher-shell .large-grid .screen-metrics div:last-child{grid-column:auto}.teacher-shell .large-grid .screen-metrics strong{font-size:19px}.teacher-shell .large-grid .pump-message{font-size:12px;margin:8px 0;line-height:1.4}.teacher-shell footer{margin-top:20px;padding:16px 0;font-size:10px}.pump-inspection{border:1px solid #dae4dc;border-radius:18px;padding:16px;width:min(650px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;background:#f3f6f2;color:#163630}.pump-inspection::backdrop{background:#16362ccc;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.inspection-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.inspection-heading>strong{font-size:15px}.inspection-heading button{font-size:12px}.pump-inspection .pump{max-width:none;padding:18px}.pump-inspection .screen{padding:18px;margin:12px 0}.pump-inspection .pump-message{font-size:13px;margin:10px 0}@media(max-width:1100px){.compact-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.compact-identity{display:block}.compact-status{display:block;text-align:left;max-width:none;margin-top:4px}.compact-metrics{padding:8px;gap:5px}.compact-metrics strong{font-size:14px}.compact-metrics strong small{font-size:8px}.compact-select .online,.compact-select .offline{font-size:9px}}@media(max-width:850px){.teacher-shell{padding:0 12px 12px}.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-identity{display:flex}.compact-status{text-align:right;max-width:45%;margin-top:0}.compact-metrics strong{font-size:17px}.teacher-shell .toolbar>div{flex:1 1 40%}.teacher-shell .toolbar label{flex:1 1 40%;min-width:0;max-width:none;width:auto}.teacher-shell .toolbar>button{flex:1 1 100%;margin-left:0}.teacher-shell .practice-heading h1{font-size:20px}.large-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.teacher-shell header{height:58px}.teacher-shell .brand{font-size:17px}.teacher-shell .practice-heading .eyebrow{font-size:8px;letter-spacing:1px}.teacher-shell .session-code{min-width:120px;display:flex;padding:8px 10px}.teacher-shell .session-code strong{font-size:17px;text-align:left}.teacher-shell .practice-heading h1{font-size:17px}.teacher-shell .toolbar{top:4px;padding:10px 12px;gap:8px}.teacher-shell .case-settings{padding-left:12px;padding-right:12px}.case-settings summary{gap:8px}.case-settings summary span{font-size:10px}.case-settings summary h2{font-size:13px}.overview-controls{gap:8px}.view-switch,.selection-actions{flex:1 1 100%;justify-content:space-between}.view-switch button,.selection-actions button{flex:1;font-size:12px}.compact-grid{gap:8px}.compact-pump{padding:8px 10px}.compact-identity{display:block}.compact-status{text-align:left;max-width:none;margin-top:4px}.compact-identity h2{font-size:14px}.compact-metrics{padding:7px;gap:4px}.compact-metrics strong{font-size:14px}.large-grid{grid-template-columns:1fr}.teacher-shell .large-grid .screen-metrics strong{font-size:18px}}@media(max-width:420px){.compact-grid{grid-template-columns:1fr}.teacher-shell .practice-heading{align-items:flex-start}.teacher-shell .session-code{min-width:105px}.teacher-shell header>.subtle{padding:8px;font-size:11px}.compact-identity{display:flex}.compact-status{text-align:right;max-width:45%}.compact-metrics strong{font-size:18px}}.compact-pump{padding:8px 10px}.compact-head{display:flex;align-items:center;gap:6px}.compact-head .compact-select{flex:1;min-width:0;gap:7px}.compact-title{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.compact-title h2{font-size:14px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.2px}.compact-select .online,.compact-select .offline{font-size:12px;margin:0}.compact-head>button{min-height:48px;font-size:10px;padding:6px 8px;flex:none}.compact-metrics{margin-top:4px;padding:7px 8px}.compact-metrics>div{gap:4px}.compact-metrics strong{font-size:16px}.compact-bottom{margin-top:6px;min-height:15px}.compact-bottom .compact-status{font-size:10px;text-align:left;max-width:none;margin:0;white-space:nowrap}.compact-bottom>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}.teacher-shell footer{display:none}.teacher-shell .session-code{display:grid;grid-template-columns:auto auto;align-items:center;padding:8px 12px;gap:4px 8px}.teacher-shell .session-code small{grid-column:1/-1}.teacher-shell .session-code strong{grid-column:1;grid-row:auto;text-align:left}.teacher-shell .session-code .online,.teacher-shell .session-code .offline{font-size:10px}.teacher-shell .practice-heading{padding:10px 0}.teacher-shell .toolbar>div{flex:0 0 auto}.teacher-shell .toolbar label{flex:1 1 140px;width:auto;min-width:120px;max-width:250px}.teacher-shell .toolbar>button{flex:0 0 auto;margin-left:auto}.teacher-shell .toolbar{padding:10px 14px}.teacher-shell .overview-controls{margin-top:8px;margin-bottom:12px}@media(max-width:1100px){.compact-metrics strong{font-size:14px}.compact-metrics small{font-size:7px}.compact-title h2{font-size:12px}}@media(max-width:850px){.compact-metrics strong{font-size:17px}.compact-metrics small{font-size:8px}.compact-title h2{font-size:14px}.teacher-shell .toolbar>div{flex:0 0 110px}.teacher-shell .toolbar>button{min-width:120px}.teacher-shell .toolbar label{max-width:none}.teacher-shell .overview-controls{gap:8px}}@media(max-width:600px){.teacher-shell .toolbar>div{flex:0 0 100px}.teacher-shell .toolbar h2{font-size:13px}.teacher-shell .toolbar p{font-size:10px}.teacher-shell .toolbar>button{min-width:110px;padding:8px 10px;font-size:12px}.teacher-shell .toolbar label{flex:1 1 130px;min-width:120px}.teacher-shell .toolbar{padding:8px 10px}.teacher-shell .view-switch,.teacher-shell .selection-actions{flex:0 1 auto}.teacher-shell .view-switch button,.teacher-shell .selection-actions button{font-size:10px;padding:8px}.compact-metrics strong{font-size:15px}.compact-metrics small{font-size:7px}.compact-title h2{font-size:13px}.compact-bottom .compact-status,.compact-bottom>span{font-size:9px}.teacher-shell .session-code{min-width:130px}}@media(max-width:420px){.teacher-shell .view-switch,.teacher-shell .selection-actions{flex:1 1 100%}.teacher-shell .toolbar>div{flex:1 1 100%}.teacher-shell .toolbar>button{flex:1}.compact-title h2{font-size:16px}.compact-metrics strong{font-size:18px}.compact-metrics small{font-size:8px}}.admin-shell{max-width:1400px}.admin-shell>section,.admin-shell>.view-switch{margin-bottom:18px}.admin-filters,.admin-forms,.admin-metrics{display:grid;gap:16px;margin:18px 0}.admin-filters{grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:end}.admin-forms{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-metrics article{display:flex;flex-direction:column;gap:12px}.admin-metrics strong{font-size:2rem}.admin-metrics small{font-size:.7rem;line-height:1.5}.admin-row,.entry-control{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.entry-control{margin-bottom:12px}.organization{padding:16px 0;border-bottom:1px solid #dce5ef}.department-row{padding:8px 0 8px 20px}.admin-table{overflow-x:auto}.admin-table table{width:100%;border-collapse:collapse;text-align:left}.admin-table th,.admin-table td{padding:14px 10px;border-bottom:1px solid #dce5ef}.usage-chart>div{display:grid;grid-template-columns:100px 1fr 70px;gap:14px;align-items:center;margin:12px 0}.usage-chart meter{width:100%;height:28px}.account-password{margin-top:16px}.account-password summary{cursor:pointer;padding:12px 0}.account-password form{padding:12px 0}.admin-shell header{flex-wrap:wrap}@media(max-width:1000px){.admin-forms,.admin-filters,.admin-metrics{grid-template-columns:1fr 1fr}}@media(max-width:600px){.admin-forms{grid-template-columns:1fr}.admin-filters{grid-template-columns:1fr 1fr}.admin-table th,.admin-table td{padding:10px 6px}.admin-metrics strong{font-size:1.6rem}.usage-chart>div{grid-template-columns:85px 1fr 55px;gap:8px}}.teacher-shell .practice-heading>div:first-child{min-width:0;overflow-wrap:anywhere}.admin-shell button{max-width:100%;overflow-wrap:anywhere}.admin-row>div{min-width:0;overflow-wrap:anywhere}@media(max-width:420px){.teacher-shell header{height:auto;min-height:56px;flex-wrap:wrap;gap:8px;padding:8px 0}.teacher-shell header>.brand{flex:1 0 150px}.teacher-shell header>.subtle{margin-left:0}.teacher-shell .practice-heading .eyebrow{letter-spacing:.8px}}@media(max-width:420px){.teacher-shell .session-code{flex:0 0 150px;width:150px;min-width:0;grid-template-columns:minmax(0,1fr)}.teacher-shell .session-code small{font-size:8px;letter-spacing:.5px;white-space:normal}.teacher-shell .session-code strong{grid-column:1;grid-row:2;font-size:20px;letter-spacing:2px}.teacher-shell .session-code .online,.teacher-shell .session-code .offline{grid-column:1;grid-row:3}}.single-entry{grid-template-columns:minmax(0,1fr);max-width:520px;margin:0 auto}.entry-intro{padding:32px 0 20px;max-width:520px;margin:0 auto}.entry-intro h1{font-size:34px;letter-spacing:-1px}.entry-intro p{margin-bottom:0}.entry-shell{padding-bottom:32px}.entry-choice{display:block;text-decoration:none;color:inherit;min-width:0;transition:border-color .15s,background .15s}.entry-choice:hover{border-color:#267e60;background:#fafff8}.entry-choice:focus-visible{outline:3px solid #74ad92;outline-offset:3px}.entry-choice h2{display:flex;justify-content:space-between;gap:16px}.entry-choice p{margin-bottom:0}.admin-entry{max-width:520px;margin:32px auto}.admin-entry>button{display:block;margin-top:24px}@media(max-width:600px){.entry-shell .intro{padding-top:28px}.entry-intro h1{font-size:28px}.single-entry .panel{padding:20px}.entry-intro{padding-bottom:16px}.single-entry label{margin:14px 0}.single-entry .note{margin:16px 0;padding:12px}.entry-intro+.single-entry{margin-bottom:12px}}
