@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.static{position:static}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.hidden{display:none}}:root{--ink:#172d2b;--muted:#7b8986;--green:#24795f;--line:#e4eae7;--bg:#f5f7f6}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:14px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button,a{transition:background .15s,color .15s,box-shadow .15s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #7bbda5}a{color:inherit;text-decoration:none}button{color:inherit;background:0 0;border:0}button svg{flex-shrink:0}.shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);z-index:10;background:#fff;flex-direction:column;width:240px;padding:34px 20px 0;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:3px;align-items:center;gap:12px;margin-bottom:55px;padding:0 13px;font-size:28px;font-weight:800;line-height:1.1;display:flex}.brand-symbol{color:#fff;background:#226f57;border-radius:12px;place-items:center;width:43px;height:43px;display:grid}.brand-sub{letter-spacing:4px;margin-top:6px;font-size:9px;font-weight:600;display:block}.workspace-label{letter-spacing:1.6px;color:#95a09b;margin:0 15px 14px;font-size:10px;font-weight:700}.nav-item{color:#697772;text-align:left;border-radius:7px;align-items:center;gap:12px;width:100%;margin:4px 0;padding:13px 14px;font-size:13px;display:flex}.nav-item.active{color:#226c51;background:#eaf3ee;font-weight:600}.nav-item:hover,.class-item:hover{background:#f0f5f2}.nav-count{background:#fff;border-radius:4px;margin-left:auto;padding:2px 7px;font-size:10px}.class-label{justify-content:space-between;margin-top:38px;display:flex}.class-item{text-align:left;color:#697772;border-radius:5px;align-items:center;gap:11px;width:100%;padding:11px 15px;font-size:12px;display:flex}.class-item>span:last-child{color:#91a098;margin-left:auto;font-size:10px}.class-dot{border:1.5px solid #a2b4ab;border-radius:2px;width:6px;height:6px}.class-item.chosen{color:#267154;background:#f4f8f5}.class-item.chosen .class-dot{background:#488e6c;border-color:#488e6c}.sidebar-bottom{margin-top:auto;padding-top:30px}.local-note{color:#556c5e;background:#f7f9f7;border:1px solid #e8ede9;border-radius:7px;gap:10px;padding:16px 12px;font-size:11px;display:flex}.local-note svg{color:#73977c}.local-note small,.profile small{color:#939e97;margin-top:5px;font-size:10px;display:block}.profile{border-top:1px solid var(--line);align-items:center;gap:10px;margin:20px -20px 0;padding:22px;font-size:11px;display:flex}.avatar{color:#426a4c;background:#e8f0e9;border-radius:50%;place-items:center;width:33px;height:33px;font-size:11px;font-weight:700;display:grid}.profile-dot{background:#5ca282;border-radius:50%;width:6px;height:6px;margin-left:auto}.topbar{border-bottom:1px solid var(--line);color:#86918c;background:#fff;justify-content:space-between;align-items:center;height:74px;padding:0 42px;font-size:11px;display:flex}.topbar>div{align-items:center;gap:16px;display:flex}.bridge-pill{color:#a37330;background:#f6eee0;border:1px solid #eee3cc;border-radius:5px;align-items:center;gap:7px;padding:7px 11px;font-size:10px;display:flex}.bridge-pill i,.status i,.last-sync i{background:currentColor;border-radius:50%;width:5px;height:5px}.bridge-pill.is-connected{color:#438461;background:#f3f9f4;border-color:#deeee2}main{max-width:1600px;margin:auto;padding:39px 42px 22px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;display:flex}.eyebrow{letter-spacing:1.8px;color:#85998d;margin-bottom:10px;font-size:9px;font-weight:700}h1{letter-spacing:-1px;margin:0;font-size:29px;font-weight:600;line-height:1.2}p{line-height:1.7}.page-heading p{color:#84918a;margin:10px 0 0;font-size:12px}.button{white-space:nowrap;background:#fff;border:1px solid #dce4df;border-radius:6px;justify-content:center;align-items:center;gap:9px;padding:11px 15px;font-size:11px;font-weight:600;display:inline-flex}.button:hover{background:#f4f8f5}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:35px;display:grid}.stat{border:1px solid var(--line);background:#fff;border-radius:9px;padding:18px 20px}.stat-top{color:#7c8a82;justify-content:space-between;align-items:center;font-size:11px;display:flex}.stat-icon{color:#8b9f92;background:#f5f7f5;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.stat-icon.green{color:#348365;background:#edf6ef}.stat>strong{letter-spacing:-.5px;align-items:center;gap:10px;margin:3px 0 7px;font-size:30px;font-weight:600;display:flex}.stat>strong>span{letter-spacing:0;align-items:center;gap:4px;font-size:10px;font-weight:400;display:flex}.green-text{color:#47946e}.stat small{color:#95a197;font-size:10px}.section-title{justify-content:space-between;align-items:center;gap:14px;margin:0 0 19px;display:flex}h2{letter-spacing:-.2px;margin:0;font-size:15px;font-weight:600}.section-title h2{align-items:center;gap:9px;display:flex}.section-title h2 span{color:#617768;background:#e9eeeb;border-radius:4px;padding:3px 6px;font-size:10px;font-weight:400}.section-title p{color:#99a39d;margin:7px 0 0;font-size:11px}.last-sync{color:#8d9b92;align-items:center;gap:6px;font-size:9px;display:flex}.last-sync i{color:#7aaf8b}.toolbar{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:10px;margin-bottom:22px;padding:10px 12px;display:flex}.search{color:#94a399;flex:1;align-items:center;gap:10px;padding:0 4px;display:flex}.search input{color:#415b4c;background:0 0;border:0;outline:none;width:100%;padding:8px 0;font-size:11px}.search input::placeholder{color:#9ba79e}select{color:#617467;background:#fff;border:1px solid #e4eae6;border-radius:5px;max-width:180px;padding:8px 28px 8px 11px;font-size:10px}.grid-indicator{color:#598469;background:#f4f8f4;border:1px solid #e1e9e3;border-radius:5px;justify-content:center;align-items:center;width:34px;height:32px;display:flex}.device-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:22px;display:grid}.device-card{background:#fff;border:1px solid #dfe7e1;border-radius:10px;min-width:0;max-width:460px;padding:20px 20px 0;box-shadow:0 2px 2px #16372802}.card-top{align-items:center;gap:10px;margin-bottom:15px;display:flex}.device-icon{color:#688675;background:#f5f8f5;border:1px solid #e8eee9;border-radius:9px;place-items:center;width:42px;height:42px;display:grid}.status{white-space:nowrap;color:#b87823;background:#fcf4e3;border-radius:4px;align-items:center;gap:5px;padding:6px 8px;font-size:9px;line-height:1;display:inline-flex}.status.online{color:#34885d;background:#edf7ef}.status.offline{color:#c15d5b;background:#fbefee}.icon-button{color:#85948b;border-radius:4px;place-items:center;padding:6px;display:grid}.icon-button:hover{background:#eef4ef}.edit-button{margin-left:auto}.device-name{letter-spacing:-.2px;text-align:left;overflow-wrap:anywhere;justify-content:space-between;align-items:center;width:100%;font-size:15px;font-weight:600;display:flex}.device-name svg{color:#a0b0a5}.device-model{color:#8a978f;gap:7px;margin:7px 0 18px;font-size:10px;display:flex}.device-model>span{color:#c7d0c9}.tablet-visual{background:#f3f6f3;border:1px solid #edf1ed;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:171px;margin-bottom:19px;padding:18px 12px 12px;display:flex}.tablet-outline{background:#47594f;border-radius:8px;width:166px;height:111px;padding:7px 8px;position:relative;box-shadow:0 8px 12px #1d38291c}.tablet-camera{background:#91a498;border-radius:50%;width:2px;height:2px;position:absolute;top:3px;left:50%}.tablet-screen{color:#688570;background:#e2eee2;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.tablet-screen>span{letter-spacing:1.5px;margin-top:7px;font-size:7px;font-weight:600}.tablet-screen>small{color:#8aa18a;margin-top:4px;font-size:5px}.visual-caption{color:#91a292;align-items:center;gap:5px;font-size:8px;display:flex}.device-facts{grid-template-columns:1fr 1fr;gap:15px 18px;margin-bottom:18px;display:grid}.device-facts>div{justify-content:space-between;align-items:center;gap:4px;font-size:9px;display:flex}.device-facts span{color:#87978c;align-items:center;gap:5px;display:flex}.device-facts strong{align-items:center;gap:2px;font-size:9px;font-weight:500;display:flex}.low-battery{color:#b46b32}.address-line{border-top:1px solid #edf1ed;align-items:center;gap:9px;min-width:0;padding:12px 0 16px;display:flex}.address-line>span:first-child{letter-spacing:1px;color:#a0aca2;font-size:8px}.address-line code{color:#73867a;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.transport-count{white-space:nowrap;color:#5c8e6e;margin-left:auto;font-size:8px}.live-button{color:#fff;background:#27775b;border-color:#27775b;width:100%;margin-bottom:10px;padding:12px;font-size:11px}.live-button:hover{color:#fff;background:#1f634b}.live-button>svg:last-child:not(:first-child){margin-left:auto}.live-button>svg:first-child{margin-right:auto}.control-row{grid-template-columns:repeat(3,1fr);gap:6px;margin:0 0 7px;display:grid}.control-row button{color:#60796a;background:#fff;border:1px solid #e5ebe6;border-radius:5px;justify-content:center;align-items:center;gap:6px;padding:9px 3px;font-size:9px;display:flex}.control-row button:hover{background:#f1f6f1}.secondary-controls{margin-bottom:18px}.secondary-controls button{color:#7c8c80;background:#fafcfa;font-size:8px}.card-footer{color:#99a89b;border-top:1px solid #edf1ed;align-items:center;gap:5px;padding:12px 0;font-size:8px;display:flex}.small-dot{background:#b8c4bb;border-radius:50%;width:5px;height:5px;display:inline-block}.small-dot.green{background:#69a780}.bottom-note{color:#99a69c;background:#eef3ef;border:1px solid #e4ece5;border-radius:7px;flex-wrap:wrap;align-items:center;gap:7px;margin-top:27px;padding:16px;font-size:9px;display:flex}.bottom-note>svg{color:#78a081;margin-right:4px}.bottom-note>span{color:#688672;font-weight:600}.bottom-note button{color:#5b896a;align-items:center;gap:5px;margin-left:auto;font-size:9px;display:flex}.page-footer{color:#9caaa0;border-top:1px solid #e3eae4;justify-content:space-between;gap:12px;margin-top:54px;padding-top:20px;font-size:9px;display:flex}.page-footer>span>span{color:#c0cbc2;margin:0 7px}.page-footer b{border:1px solid #dfe7e0;border-radius:3px;margin-left:7px;padding:2px 5px;font-weight:400}.empty{text-align:center;color:#8b9c90;background:#fff;border:1px dashed #d5e0d7;border-radius:9px;padding:50px 25px}.empty>svg{color:#769780;margin:0 auto 16px}.empty h3{color:#425e4c;margin:0 0 8px;font-size:17px}.empty p{max-width:480px;margin:8px auto 20px;font-size:12px}.error-banner{color:#926b30;background:#fff6e7;border:1px solid #eddfc6;border-radius:8px;align-items:flex-start;gap:12px;margin-bottom:24px;padding:17px;font-size:12px;display:flex}.error-banner p{margin:5px 0}.error-banner small{font-size:10px}.device-warning{color:#a67630;background:#fff8e9;border-radius:4px;padding:9px;font-size:10px}.audit-panel{border:1px solid var(--line);background:#fff;border-radius:9px;padding:24px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}th{color:#8c9c91;background:#f6f8f6;padding:12px;font-size:10px;font-weight:500}td{overflow-wrap:anywhere;border-bottom:1px solid #edf1ed;max-width:330px;padding:17px 12px}td small{color:#91a096;margin-top:5px;font-size:10px;line-height:1.6;display:block}.audit-result{color:#8c946f;white-space:nowrap;background:#f2f3f0;border-radius:4px;padding:5px 8px;font-size:9px}.audit-result.success{color:#548265;background:#eef7ef}.audit-result.failed{color:#b56b67;background:#fbefef}.guide{grid-template-columns:1fr 1fr;gap:20px;display:grid}.guide-card{border:1px solid var(--line);background:#fff;border-radius:9px;padding:27px}.step{color:#598061;background:#f1f6f1;border:1px solid #dce9dd;border-radius:5px;margin-bottom:17px;padding:8px;font-size:11px;display:inline-block}.guide-card p{color:#839388;font-size:12px;line-height:1.9}.guide-card code{color:#587660;font-size:11px}.guide-info>svg{color:#6a9172;margin-bottom:18px}.toast{z-index:100;color:#f3f8f3;background:#1d382b;border:1px solid #3e5e49;border-radius:8px;align-items:center;gap:12px;width:max-content;max-width:calc(100vw - 30px);padding:14px 17px;font-size:12px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 6px 30px #17322230}.toast .icon-button{color:#d5e4d9}.modal{width:480px;max-width:calc(100vw - 32px);max-height:90vh;color:var(--ink);background:#fff;border:1px solid #dbe6dd;border-radius:12px;margin:auto;padding:27px;box-shadow:0 24px 100px #09201030}.modal-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px;display:flex}.form-label{color:#647e6d;margin:19px 0;font-size:12px;display:block}.form-label input{color:#2b4936;background:#fcfdfb;border:1px solid #d8e3db;border-radius:6px;width:100%;margin-top:8px;padding:12px;display:block}.form-hint{color:#8b9e90;font-size:11px;line-height:1.7}.modal .live-button{margin-top:14px}.screenshot{object-fit:contain;max-width:100%;max-height:60vh;margin:auto;display:block}.detail-list{margin-top:20px}.detail-list>div{border-bottom:1px solid #edf1ed;padding:13px 0}.detail-list dt{color:#96a398;margin-bottom:5px;font-size:10px}.detail-list dd{overflow-wrap:anywhere;margin:0;font-size:12px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:1500px){main{padding-top:45px}.device-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.device-card{max-width:440px}.tablet-visual{min-height:185px}}@media (max-width:1100px){.sidebar{width:205px;padding-left:14px;padding-right:14px}.main-wrap{width:calc(100% - 205px);margin-left:205px}main{padding:30px 25px}.topbar{padding:0 25px}.brand{padding:0 10px;font-size:25px}.brand-symbol{width:37px;height:37px}.stats{gap:10px}.stat{padding:15px}.stat-icon{width:27px;height:27px}.stat-icon svg{width:17px}.last-sync{display:none}.profile{margin-left:-14px;margin-right:-14px;padding:20px 14px}.guide{grid-template-columns:1fr}.device-grid{grid-template-columns:repeat(auto-fill,minmax(265px,1fr))}}@media (max-width:760px){.sidebar{border-right:0;border-bottom:1px solid var(--line);width:100%;padding:18px 18px 10px;position:relative}.shell{display:block}.brand{gap:9px;margin-bottom:18px;font-size:23px}.brand-symbol{width:34px;height:34px}.brand-sub{margin-top:3px;font-size:7px}.sidebar nav{gap:6px;display:flex}.nav-item{justify-content:center;gap:6px;padding:10px 8px;font-size:11px}.nav-item svg{width:15px}.nav-count,.workspace-label,.class-item,.sidebar-bottom{display:none}.main-wrap{width:100%;margin:0}.topbar{height:55px;padding:0 20px;font-size:10px}.topbar>div{gap:8px}.bridge-pill{padding:6px 8px;font-size:8px}main{padding:25px 18px}.page-heading{align-items:flex-start;gap:10px;margin-bottom:24px}h1{font-size:24px}.page-heading p{font-size:11px}.eyebrow{font-size:8px}.refresh-button{gap:5px;margin-top:20px;padding:9px;font-size:9px}.refresh-button svg{width:13px}.stats{grid-template-columns:1fr 1fr;margin-bottom:27px}.stat>strong{font-size:28px}.toolbar{flex-wrap:wrap;padding:10px}.search{border-bottom:1px solid #edf1ed;flex-basis:100%;padding-bottom:7px}.toolbar select{flex:1;max-width:none}.grid-indicator{display:none}.device-grid{grid-template-columns:repeat(auto-fill,minmax(275px,1fr));gap:16px}.device-card{max-width:none}.section-title p{font-size:10px}.page-footer{flex-wrap:wrap;margin-top:35px;font-size:8px}.bottom-note{font-size:9px;line-height:1.7}.bottom-note button{margin:4px 0 0}.audit-panel{padding:15px}td{font-size:10px}.toast{bottom:15px}.guide-card{padding:22px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}.spin{animation:none}}.live-modal{width:1000px;max-height:96vh;padding:22px}.live-modal .modal-heading{margin-bottom:12px}.live-modal .modal-heading p{color:var(--muted);margin:5px 0 0;font-size:11px}.live-status-row{color:var(--muted);align-items:center;gap:12px;margin-bottom:12px;font-size:11px;display:flex}.live-status-row .icon-button{margin-left:auto}.live-stage{background:#14201c;border-radius:8px;justify-content:center;align-items:center;min-height:260px;display:flex;position:relative;overflow:hidden}.live-stage canvas{touch-action:none;outline-offset:-3px;width:auto;max-width:100%;height:auto;max-height:60vh;display:block}.live-stage:fullscreen{border-radius:0}.live-stage:fullscreen canvas{max-width:100vw;max-height:100vh}.live-stage.not-live canvas{opacity:.12}.live-overlay{text-align:center;color:#e8f1eb;background:#14201c77;flex-direction:column;justify-content:center;align-items:center;padding:25px;display:flex;position:absolute;inset:0}.live-overlay p{color:#bccfc1;max-width:500px;font-size:12px}.live-controls{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.live-controls .button{flex:1}.live-text{gap:8px;display:flex}.live-text input{border:1px solid var(--line);border-radius:6px;flex:1;min-width:0;padding:11px;font-size:12px}.live-modal>.form-hint{margin:10px 0 0;font-size:10px}@media (max-width:760px){.live-modal{padding:15px}.live-stage canvas{max-height:53vh}.live-controls .button{gap:4px;padding:9px 6px;font-size:10px}.live-modal .modal-heading h2{font-size:14px}}.live-overlay .button{color:var(--ink)}.classroom-bar{background:#eef4ef;border:1px solid #dce8de;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;margin:0 0 18px;padding:15px 18px;display:flex}.classroom-bar>div{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.classroom-bar>div>span:last-child{color:#7c9483;font-size:11px}.classroom-bar .button{padding:8px 11px;font-size:10px}.classroom-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.thumbnail-card{background:#fff;border:1px solid #dce6df;border-radius:8px;min-width:0;overflow:hidden;box-shadow:0 2px 5px #17362403}.thumbnail-card>header{align-items:center;gap:6px;padding:10px 10px 9px;display:flex}.thumbnail-card>header strong{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:11px;font-weight:600;overflow:hidden}.thumbnail-card .small-dot{flex-shrink:0}.thumbnail-screen{aspect-ratio:16/10;background:#15281f;justify-content:center;align-items:center;width:100%;padding:0;display:flex;position:relative;overflow:hidden}.thumbnail-screen canvas{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.thumbnail-screen.inactive canvas{opacity:.15}.thumbnail-screen:disabled{opacity:1}.thumbnail-placeholder{color:#98b3a3;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:9px;display:flex;position:absolute;inset:0}.thumbnail-placeholder svg{opacity:.5}.thumbnail-live{color:#e2f3e9;letter-spacing:.6px;background:#10251ec9;border-radius:3px;align-items:center;gap:4px;padding:3px 4px;font-size:7px;display:flex;position:absolute;top:6px;left:7px}.thumbnail-live i{background:#6acf96;border-radius:50%;width:4px;height:4px}.thumbnail-expand{color:#fff;opacity:0;background:#10251ec9;border-radius:4px;padding:5px;display:flex;position:absolute;bottom:7px;right:7px}.thumbnail-screen:hover .thumbnail-expand,.thumbnail-screen:focus-visible .thumbnail-expand{opacity:1}.thumbnail-card>footer{color:#789582;align-items:center;gap:5px;min-height:29px;padding:5px 7px;font-size:8px;display:flex}.thumbnail-card>footer>span:first-child{align-items:center;gap:3px;display:flex}.thumbnail-label{white-space:nowrap;text-overflow:ellipsis;margin-left:auto;overflow:hidden}.thumbnail-card .icon-button{padding:3px}.classroom-foot{color:#8a9d90;justify-content:space-between;align-items:center;gap:12px;margin-top:17px;font-size:10px;display:flex}.classroom-foot>div{align-items:center;gap:9px;display:flex}.classroom-foot .icon-button:disabled{opacity:.3}@media (max-width:1200px){.classroom-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:760px){.classroom-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.classroom-bar{gap:10px;padding:12px}.classroom-bar>div{gap:6px}.classroom-bar>div>span:last-child{flex-basis:100%;font-size:10px}.classroom-bar strong{font-size:11px}.classroom-bar .button{padding:8px;font-size:9px}.classroom-foot{align-items:flex-start;font-size:9px}.thumbnail-card>header strong{font-size:10px}}@media (min-width:1201px){.classroom-main{padding-top:24px}.classroom-main .page-heading{margin-bottom:18px}.classroom-main .section-title{margin-bottom:12px}.classroom-main .toolbar{margin-bottom:14px}.classroom-main .thumbnail-screen{aspect-ratio:auto;height:clamp(90px,12vh,130px)}}.thumbnail-class{text-overflow:ellipsis;white-space:nowrap;color:#657b6c;max-width:30%;overflow:hidden}.thumbnail-card[data-state=locked] canvas,.thumbnail-card[data-state=asleep] canvas{visibility:hidden}.toolbar .button[aria-pressed=true]{color:#226c51;background:#eaf3ee;border-color:#accbbb}.agent-setup p{color:#718779;font-size:12px}.agent-addresses{background:#f0f6f1;border-radius:8px;flex-direction:column;gap:8px;padding:16px;font-size:12px;display:flex}.agent-addresses code{overflow-wrap:anywhere}.agent-setup select{width:100%;margin-top:8px;display:block}.agent-code{text-align:center;background:#eaf4ec;border-radius:8px;margin-top:18px;padding:20px}.agent-code strong{letter-spacing:4px;font-size:28px;display:block}.agent-code span{color:#66816f;margin-top:8px;font-size:11px;display:block}.status.degraded{color:#98670f;background:#fff4db}.agent-setup details{margin:18px 0;font-size:11px}.agent-setup summary{cursor:pointer;color:#738577}.agent-setup form>.button{margin-top:15px}.setup-mode{gap:8px;margin:14px 0;display:flex}.setup-mode .button[aria-pressed=true]{color:#226c51;background:#eaf3ee;border-color:#accbbb}.agent-setup textarea{resize:vertical;width:100%;font:inherit;text-transform:uppercase;margin-top:8px;display:block}:root{--ink:#14231e;--muted:#66776f;--green:#167a55;--green-dark:#0d5d40;--green-soft:#eaf7f0;--line:#dce5e0;--bg:#f3f6f4;--surface:#fff;--shadow-sm:0 1px 2px #102d200d,0 5px 18px #102d200a;--shadow-md:0 18px 55px #0f2a1e24;--radius:14px}html{background:var(--bg)}body{background:radial-gradient(circle at 78% -15%,#e4f3e9 0,transparent 32rem),var(--bg);font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #1f9d6c47}.sidebar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;border-color:#d0ded6e6;width:264px;padding:28px 18px 0;box-shadow:8px 0 32px #1a3d2c09}.brand{letter-spacing:2px;gap:11px;margin-bottom:38px;padding:0 10px;font-size:24px}.brand-symbol{background:linear-gradient(145deg,#21926a,#0e6244);border-radius:13px;width:44px;height:44px;box-shadow:0 9px 22px #147a5433}.brand-sub{letter-spacing:3px;color:#75867d;font-size:9px}.workspace-label{color:#7c8c84;margin:0 13px 10px;font-size:10px}.nav-item,.class-item{color:#5e7067;border-radius:10px;min-height:44px;font-size:13px;font-weight:500}.nav-item{margin:3px 0;padding:11px 13px}.nav-item.active{color:#0e6747;background:linear-gradient(100deg,#e5f5ec,#eff9f3);box-shadow:inset 0 0 0 1px #1e845b14}.nav-count{border:1px solid #e1ebe5;border-radius:999px;padding:3px 8px;font-size:11px}.class-label{margin-top:28px}.class-item>span:last-child{font-size:11px}.local-note{background:#f5f9f6;border-radius:11px;padding:14px;font-size:12px}.local-note small,.profile small{font-size:11px}.profile{margin-top:16px;padding:18px;font-size:12px}.avatar{width:36px;height:36px;font-size:12px}.main-wrap{width:calc(100% - 264px);margin-left:264px}.topbar{z-index:8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd1;border-color:#d6e1dbe6;height:70px;padding:0 clamp(22px,3vw,48px);font-size:12px;position:sticky;top:0}.topbar strong{color:#354940;font-weight:600}.bridge-pill{border-radius:999px;padding:8px 11px;font-size:11px}main{max-width:1720px;padding:36px clamp(22px,3vw,48px) 30px}.page-heading{margin-bottom:28px}.eyebrow{color:#678177;letter-spacing:1.7px;margin-bottom:8px;font-size:10px}h1{letter-spacing:-1.25px;font-size:clamp(27px,2.3vw,36px);font-weight:700}h2{font-size:17px;font-weight:700}.page-heading p{color:var(--muted);margin-top:8px;font-size:13px}.button{background:#fff;border-color:#d5e1da;border-radius:10px;min-height:40px;padding:10px 15px;font-size:12px;box-shadow:0 1px 1px #142d2108}.button:hover{background:#f1f8f4;border-color:#a9cdbb;transform:translateY(-1px);box-shadow:0 5px 14px #14462e14}.icon-button{border-radius:8px;padding:7px}.icon-button:hover{color:#176c4c;background:#eaf4ee}.refresh-button{margin-top:0}.stats{gap:16px;margin-bottom:32px}.stat{border-radius:var(--radius);border-color:var(--line);min-height:126px;box-shadow:var(--shadow-sm);padding:20px}.stat-top{color:var(--muted);font-size:12px}.stat-icon{border-radius:11px;width:38px;height:38px}.stat>strong{margin:5px 0 4px;font-size:34px;font-weight:700}.stat>strong>span,.stat small{font-size:11px}.section-title{margin-bottom:16px}.section-title h2 span{border-radius:999px;padding:3px 8px;font-size:11px}.section-title p,.last-sync{font-size:12px}.toolbar{box-shadow:var(--shadow-sm);border-radius:12px;margin-bottom:20px;padding:10px 12px}.search{min-height:40px;padding:0 8px}.search input{font-size:13px}select{color:#40564b;border-color:#d7e2dc;border-radius:9px;min-height:40px;padding:8px 34px 8px 12px;font-size:12px}.grid-indicator{border-radius:9px;width:40px;height:40px}.device-grid{grid-template-columns:repeat(auto-fill,minmax(305px,1fr));gap:18px}.device-card{border-radius:var(--radius);border-color:var(--line);max-width:none;box-shadow:var(--shadow-sm);padding:18px 18px 0;transition:transform .18s,box-shadow .18s,border-color .18s}.device-card:hover{border-color:#c8d9d0;transform:translateY(-2px);box-shadow:0 12px 30px #133d2817}.device-icon{border-radius:11px;width:44px;height:44px}.device-name{font-size:16px;font-weight:700}.device-model{margin:6px 0 15px;font-size:11px}.status{border-radius:999px;padding:6px 9px;font-size:10px;font-weight:650}.tablet-visual{background:linear-gradient(145deg,#f4f8f5,#edf4ef);border-radius:10px;min-height:160px}.visual-caption,.address-line>span:first-child,.transport-count,.card-footer{font-size:10px}.device-facts>div,.device-facts strong,.address-line code{font-size:11px}.live-button{background:linear-gradient(135deg,#18815a,#116746);border-radius:10px;min-height:44px;font-size:12px;box-shadow:0 7px 17px #14754f29}.live-button:hover{background:linear-gradient(135deg,#14734f,#0b5539)}.control-row{gap:8px}.control-row button{border-radius:8px;min-height:38px;font-size:11px}.secondary-controls button{font-size:10px}.bottom-note,.page-footer{font-size:11px}.audit-panel,.guide-card{border-radius:var(--radius);box-shadow:var(--shadow-sm)}.audit-panel{padding:22px}table{font-size:13px}th{padding:13px;font-size:11px}td{padding:15px 13px}td small,.form-hint,.guide-card p,.agent-setup p{font-size:12px}.audit-result{border-radius:999px;font-size:10px}.guide{gap:18px}.guide-card{padding:24px}.guide-info{background:linear-gradient(145deg,#edf8f1,#f8fbf9)}.error-banner{border-radius:12px;font-size:13px}.modal{width:520px;box-shadow:var(--shadow-md);border:0;border-radius:18px;padding:24px}.modal::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#07181094}.modal.wide{width:min(900px,100vw - 32px)}.modal-heading{margin-bottom:20px}.modal-heading h2{font-size:19px}.form-label{color:#425b4f;font-size:13px}.form-label input,.agent-setup textarea,.live-text input{background:#fbfdfc;border-color:#d4e0d9;border-radius:9px;min-height:44px;padding:11px 13px}.detail-list dt{font-size:11px}.detail-list dd{font-size:13px}.toast{border:0;border-radius:12px;padding:13px 16px;font-size:13px;bottom:22px;box-shadow:0 18px 50px #06201440}.live-modal{width:min(1180px,100vw - 32px);padding:20px}.live-modal .modal-heading p,.live-status-row{font-size:12px}.live-stage{background:#0b1712;border-radius:12px;min-height:360px;box-shadow:inset 0 0 0 1px #ffffff0d}.live-stage canvas{max-height:65vh}.live-controls{gap:9px;margin:12px 0}.live-modal>.form-hint{font-size:11px}.classroom-bar{background:#ebf7f0e6;border-radius:12px;margin-bottom:16px;padding:13px 16px;box-shadow:0 1px 2px #14372608}.classroom-bar strong{font-size:13px}.classroom-bar>div>span:last-child{font-size:12px}.classroom-grid{gap:14px}.thumbnail-card{box-shadow:var(--shadow-sm);border-color:#d8e4dd;border-radius:12px;transition:transform .16s,box-shadow .16s}.thumbnail-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0f33211c}.thumbnail-card>header{padding:10px 11px}.thumbnail-card>header strong{font-size:12px}.thumbnail-screen{background:#0d1d16}.thumbnail-placeholder{font-size:10px}.thumbnail-live{border-radius:999px;padding:4px 6px;font-size:8px}.thumbnail-expand{opacity:.65;border-radius:7px}.thumbnail-card>footer{min-height:34px;padding:7px 9px;font-size:9px}.classroom-foot{font-size:11px}@media (max-width:1200px){.sidebar{width:224px}.main-wrap{width:calc(100% - 224px);margin-left:224px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.classroom-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:820px){.sidebar{border-right:0;width:100%;padding:14px 16px 10px;position:relative}.shell{display:block}.brand{margin-bottom:12px;font-size:21px}.sidebar nav{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.nav-item{justify-content:center;min-height:42px;margin:0;padding:8px;font-size:11px}.nav-item svg{width:16px}.nav-count,.workspace-label,.class-item,.sidebar-bottom{display:none}.main-wrap{width:100%;margin:0}.topbar{height:58px;padding:0 16px}.topbar>div{gap:7px}.topbar>span{display:none}main{padding:24px 16px}.page-heading{align-items:flex-start;margin-bottom:22px}.page-heading .button{flex-shrink:0}.device-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.classroom-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.live-stage{min-height:230px}.live-stage canvas{max-height:54vh}}@media (max-width:520px){h1{font-size:26px}.page-heading{flex-direction:column}.page-heading .button{width:100%}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat{min-height:110px;padding:15px}.stat>strong{font-size:29px}.toolbar{gap:8px}.toolbar select{width:100%;max-width:none}.search{border-bottom:1px solid #e6ece8;flex-basis:100%}.device-grid{grid-template-columns:1fr}.device-card{padding:16px 16px 0}.classroom-grid{grid-template-columns:1fr}.classroom-bar{flex-direction:column;align-items:flex-start}.classroom-bar .button{width:100%}.modal,.live-modal{border-radius:14px;max-width:calc(100vw - 16px);padding:16px}.live-controls{grid-template-columns:repeat(2,1fr);display:grid}.live-text{flex-direction:column}.live-text .button{width:100%}.page-footer{flex-direction:column}}.login-page{background:#f7faf8;grid-template-columns:minmax(440px,1.1fr) minmax(440px,.9fr);max-width:none;min-height:100vh;padding:0;display:grid}.login-showcase{isolation:isolate;color:#fff;background:linear-gradient(145deg,#0a3e2c 0%,#0f6848 58%,#16805a 100%);flex-direction:column;min-height:100vh;padding:48px clamp(45px,6vw,96px);display:flex;position:relative;overflow:hidden}.login-showcase:before{content:"";z-index:-2;opacity:.2;background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}.login-brand{z-index:2;align-items:center;gap:13px;display:flex;position:relative}.login-brand>span,.login-mobile-brand>span{background:#ffffff1f;border:1px solid #ffffff3d;border-radius:14px;place-items:center;width:49px;height:49px;display:grid;box-shadow:0 14px 30px #00000021}.login-brand strong{letter-spacing:2.5px;font-size:25px}.login-brand small{letter-spacing:4.4px;color:#a9d8c4;margin-top:1px;font-size:9px;font-weight:600;display:block}.login-copy{z-index:2;max-width:680px;margin:auto 0;padding:80px 0;position:relative}.login-kicker{letter-spacing:2px;color:#c0e3d3;background:#ffffff14;border:1px solid #fff3;border-radius:999px;padding:7px 10px;font-size:10px;display:inline-flex}.login-copy h1{letter-spacing:-3px;color:#fff;max-width:650px;margin:22px 0 18px;font-size:clamp(42px,5vw,70px);line-height:1.04}.login-copy p{color:#c2ddcf;max-width:540px;margin:0;font-size:17px;line-height:1.75}.login-security{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#03281a38;border:1px solid #ffffff24;border-radius:13px;align-items:center;gap:12px;max-width:390px;padding:15px 17px;display:flex;position:relative}.login-security span,.login-security strong,.login-security small{display:block}.login-security strong{font-size:12px}.login-security small{color:#afd1c0;margin-top:3px;font-size:10px}.login-orb{z-index:-1;filter:blur(1px);background:radial-gradient(circle at 30% 30%,#7ce2b56b,#2a99670f 65%);border-radius:50%;position:absolute}.login-orb-one{width:430px;height:430px;top:13%;right:-150px}.login-orb-two{width:290px;height:290px;bottom:8%;left:-100px}.login-panel{background:radial-gradient(circle at 50% 25%,#fff 0,#0000 24rem);place-items:center;min-height:100vh;padding:40px;display:grid}.login-card{width:min(430px,100%);padding:15px}.login-icon{color:#13704d;background:#edf8f2;border:1px solid #d9e9e0;border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:24px;display:grid}.login-card header>span{letter-spacing:1.8px;color:#27805e;font-size:10px;font-weight:750}.login-card header h2{letter-spacing:-1px;margin:8px 0 7px;font-size:31px}.login-card header p{color:#74837c;margin:0 0 28px;font-size:13px}.field{margin:17px 0;display:block}.field>span:first-child{color:#344b40;margin-bottom:8px;font-size:12px;font-weight:650;display:block}.field-control{color:#789086;background:#fff;border:1px solid #d5e2db;border-radius:11px;align-items:center;gap:10px;height:49px;padding:0 13px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.field-control:focus-within{background:#fff;border-color:#53a985;box-shadow:0 0 0 4px #2291631a}.field-control input{color:#1e3429;background:0 0;border:0;outline:0;flex:1;min-width:0;height:100%;padding:0;font-size:14px}.field-control button{color:#74877d;border-radius:6px;place-items:center;padding:5px;display:grid}.field-control button:hover{color:#176b4b;background:#edf6f1}.login-error{color:#a83f3f;background:#fff1f1;border:1px solid #f0cccc;border-radius:9px;margin:12px 0;padding:11px 13px;font-size:12px}.login-submit{color:#fff;background:linear-gradient(135deg,#18845c,#0e6343);border-radius:11px;justify-content:center;align-items:center;gap:9px;width:100%;height:49px;margin-top:22px;font-size:13px;font-weight:700;display:flex;box-shadow:0 10px 24px #116f4b33}.login-submit:hover{background:linear-gradient(135deg,#147751,#0a5539);transform:translateY(-1px)}.login-card footer{color:#829087;justify-content:center;align-items:center;gap:7px;margin-top:22px;font-size:10px;display:flex}.login-mobile-brand{display:none}.login-loading{background:#f4f8f5;justify-content:center;align-items:center;gap:11px;min-height:100vh;display:flex}.login-loading>span{color:#fff;background:#147552;border-radius:13px;place-items:center;width:45px;height:45px;display:grid}.login-loading strong{letter-spacing:2px;font-size:22px}.login-loading>.spin{color:#418b6d;margin-left:7px}.device-tools{grid-template-columns:1fr 1fr;gap:18px;display:grid}.tool-target{color:#315d48;background:#edf7f1;border:1px solid #d8e6de;border-radius:12px;grid-column:1/-1;align-items:center;gap:12px;padding:15px 18px;display:flex}.tool-target strong{font-size:13px}.tool-target span{color:#fff;background:#177551;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:700}.tool-target p{color:#6d8478;margin:0 0 0 auto;font-size:11px}.tool-card{box-shadow:var(--shadow-sm);background:#fff;border:1px solid #dbe5df;border-radius:15px;grid-template-columns:48px 1fr;align-content:start;gap:0 14px;padding:24px;display:grid}.tool-icon{color:#177551;background:#eaf6ef;border-radius:13px;place-items:center;width:46px;height:46px;display:grid}.tool-card h2{margin:2px 0 6px;font-size:17px}.tool-card>div:nth-child(2)>p{color:#7d9085;margin:0;font-size:11px;line-height:1.6}.tool-card .form-label,.tool-card .form-hint,.tool-card .live-button{grid-column:1/-1}.tool-card textarea{resize:vertical;width:100%;margin-top:8px;display:block}.tool-card input[type=file]{background:#f7faf8;padding:11px}.tool-card .live-button{margin:8px 0 0}@media (max-width:900px){.device-tools{grid-template-columns:1fr}.tool-target{flex-wrap:wrap;align-items:flex-start}.tool-target p{flex-basis:100%;margin:0}}.monitor-wall{z-index:500;box-sizing:border-box;color:#fff;-webkit-user-select:none;user-select:none;background:#07110d;justify-content:center;align-items:stretch;width:100vw;max-width:none;height:100dvh;margin:0;padding:4px;display:flex;position:fixed;inset:0;overflow:hidden}.monitor-wall-grid{grid-template-columns:repeat(var(--wall-columns),minmax(0,1fr));grid-template-rows:repeat(var(--wall-rows),minmax(0,1fr));gap:4px;width:100%;height:100%;display:grid}.monitor-tile{cursor:zoom-in;background:#0d1d16;border:1px solid #1c3027;border-radius:7px;min-width:0;min-height:0;position:relative;overflow:hidden;box-shadow:0 3px 18px #0004}.monitor-tile canvas{object-fit:contain;background:#07110d;width:100%;height:100%;display:block}.monitor-tile-placeholder{color:#6e877b;background:#0b1913;flex-direction:column;justify-content:center;align-items:center;gap:9px;font-size:11px;display:flex;position:absolute;inset:0}.monitor-tile-placeholder svg{opacity:.55}.monitor-tile-name{color:#f2f8f5;white-space:nowrap;text-overflow:ellipsis;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#06110dd9;border:1px solid #ffffff18;border-radius:999px;align-items:center;gap:7px;max-width:calc(100% - 20px);padding:7px 11px;font-size:11px;font-weight:650;transition:opacity .16s,transform .16s;display:flex;position:absolute;bottom:10px;left:50%;overflow:hidden;transform:translate(-50%,8px)}.monitor-tile:hover .monitor-tile-name{opacity:1;transform:translate(-50%)}.monitor-tile-name i{background:#6b7771;border-radius:50%;flex:none;width:6px;height:6px}.monitor-tile-name i.online{background:#50d38b;box-shadow:0 0 0 3px #50d38b20}.monitor-tile[data-state=unavailable] .monitor-tile-name{opacity:1;transform:translate(-50%)}.monitor-wall-exit{z-index:3;color:#dcebe3;opacity:.32;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#07110dcc;border:1px solid #ffffff1f;border-radius:9px;align-items:center;gap:7px;padding:9px;transition:opacity .16s,background .16s;display:flex;position:fixed;top:16px;right:16px;box-shadow:0 5px 20px #0005}.monitor-wall-exit span{display:none}.monitor-wall-exit:hover,.monitor-wall-exit:focus-visible{opacity:1;background:#173d2e}.monitor-wall-exit:hover span,.monitor-wall-exit:focus-visible span{display:inline}.monitor-wall.is-focused{padding:0}.monitor-wall.is-focused .monitor-wall-grid{display:block}.monitor-tile.is-focused{cursor:zoom-out;border:0;border-radius:0;width:100%;height:100%}.monitor-tile.is-focused .monitor-tile-name{opacity:0}.monitor-wall-empty{color:#70867b;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.wall-live-viewer{width:100%;max-width:none;height:100%;max-height:none;color:var(--ink);background:#f7faf8;border:0;border-radius:0;grid-template-rows:auto auto minmax(0,1fr) auto auto auto;margin:0;padding:18px 22px;display:grid;overflow:auto}.wall-live-viewer::backdrop{display:none}.wall-live-viewer .modal-heading{margin-bottom:10px}.wall-live-viewer .modal-heading h2{margin:0;font-size:21px}.wall-live-viewer .modal-heading p{color:var(--muted);margin:4px 0 0;font-size:11px}.wall-live-viewer .live-stage{border-radius:10px;height:100%;min-height:0}.wall-live-viewer .live-stage canvas{width:auto;max-width:100%;height:auto;max-height:100%}.wall-live-viewer>.form-hint{margin:8px 0 0}.monitor-wall-back{color:#145e45;background:#eef8f2;border-color:#b9d8ca}.device-delete-zone{border-top:1px solid #eadede;margin-top:20px;padding-top:18px}.device-delete-confirm{background:#fff7f7;border:1px solid #e9c7c7;border-radius:9px;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:14px;display:grid}.device-delete-confirm strong{color:#7d2929;font-size:12px}.device-delete-confirm p{color:#956868;margin:4px 0 0;font-size:10px;line-height:1.5}.danger-button{color:#fff!important;background:#a93636!important;border-color:#a93636!important}.danger-button:hover{background:#8f2929!important}@media (max-width:760px){.wall-live-viewer{padding:12px}.device-delete-confirm{grid-template-columns:1fr}.device-delete-confirm .button{width:100%}.monitor-wall{padding:3px}.monitor-wall-grid{gap:2px}.monitor-wall-exit{top:9px;right:9px}.monitor-tile-name{padding:5px 8px;font-size:9px}}.logout-button{color:#7a8b82;border-radius:7px;margin-left:auto;padding:6px 8px;font-size:10px;font-weight:650}.logout-button:hover{color:#a23f3f;background:#fff0f0}.form-label{color:#3f554a;font-weight:650}.form-label input,.form-label select,.agent-setup textarea,.app-form input,.app-form select{background:#fbfdfc;border:1px solid #d4e0d9;border-radius:10px;width:100%;margin-top:8px;transition:border-color .15s,box-shadow .15s,background .15s;box-shadow:inset 0 1px 2px #13302206}.form-label input:hover,.form-label select:hover,.agent-setup textarea:hover,.app-form input:hover,.app-form select:hover{background:#fff;border-color:#b8ccc1}.form-label input:focus,.form-label select:focus,.agent-setup textarea:focus,.app-form input:focus,.app-form select:focus{background:#fff;border-color:#4da580;outline:0;box-shadow:0 0 0 4px #1f8c5e17}@media (max-width:900px){.login-page{grid-template-columns:1fr}.login-showcase{display:none}.login-panel{padding:28px 20px}.login-card{padding:0}.login-mobile-brand{color:#173d2e;align-items:center;gap:10px;margin-bottom:52px;display:flex}.login-mobile-brand>span{color:#fff;background:#147552;width:42px;height:42px}.login-mobile-brand strong{letter-spacing:1.5px;font-size:17px}}@media (max-width:460px){.login-panel{place-items:start center;padding-top:22px}.login-card header h2{font-size:27px}.login-mobile-brand{margin-bottom:38px}.login-icon{margin-bottom:19px}}.live-device-kicker{color:#29805f;letter-spacing:1.1px;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:750;display:block}.live-modal .modal-heading h2{margin:0;font-size:21px}.live-command-bar{justify-content:space-between;align-items:stretch;gap:12px;margin:13px 0;display:flex}.live-command-bar .live-controls{flex:1;grid-template-columns:repeat(3,minmax(125px,1fr));margin:0;display:grid}.live-power-controls{gap:8px;display:flex}.live-power-controls .button{min-width:112px}.live-power-controls .wake-button{color:#126d4b;background:#ecf8f1;border-color:#b9dfcb}.live-power-controls .notice-button{color:#855f10;background:#fff9e9;border-color:#ead8ab}.forced-notice-form{background:#fffbef;border:1px solid #eadcaf;border-radius:12px;grid-template-columns:1fr 1.4fr;gap:10px;margin:12px 0;padding:16px;display:grid}.forced-notice-heading{grid-column:1/-1;align-items:center;gap:11px;display:flex}.forced-notice-heading>span{color:#8a650e;background:#fff0bd;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.forced-notice-heading strong,.forced-notice-heading small{display:block}.forced-notice-heading small{color:#8a8067;margin-top:4px;font-size:10px}.forced-notice-form input,.forced-notice-form textarea{resize:vertical;background:#fff;border:1px solid #dfd5b9;border-radius:9px;width:100%;padding:11px 13px}.forced-notice-form>div:last-child{grid-column:1/-1;justify-content:flex-end;gap:8px;display:flex}.forced-notice-form .live-button{width:auto;margin:0}.live-text{border-top:1px solid #e5ece7;padding-top:12px}.file-button{cursor:pointer}.file-button.is-disabled{pointer-events:none;opacity:.45}.content-page{grid-template-columns:minmax(330px,.8fr) minmax(520px,1.4fr);align-items:start;gap:20px;display:grid}.content-send-card{display:grid}.content-send-card select{width:100%;max-width:none;margin-top:8px;display:block}.delivery-panel,.exam-card{border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#fff;border-radius:15px;padding:24px}.delivery-summary{flex-wrap:wrap;gap:7px;display:flex}.delivery-summary span{color:#45715e;background:#eef6f1;border-radius:999px;padding:6px 9px;font-size:10px}.delivery-list{gap:8px;display:grid}.delivery-row{border:1px solid #e6ece8;border-radius:9px;grid-template-columns:28px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:12px;display:grid}.delivery-row>svg{color:#398263}.delivery-row strong,.delivery-row small{display:block}.delivery-row small{color:#8a9990;margin-top:4px;font-size:10px}.delivery-state{color:#617169;background:#f0f3f1;border-radius:999px;padding:5px 8px;font-size:9px}.delivery-state.opened,.delivery-state.downloaded{color:#23714f;background:#e8f6ed}.delivery-state.deferred{color:#936b15;background:#fff5dc}.delivery-state.failed,.delivery-state.expired{color:#a84d49;background:#fbeceb}.exam-page{gap:20px;display:grid}.exam-stats{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.exam-stats>div{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-rows:auto auto;grid-template-columns:42px 1fr;align-items:center;column-gap:12px;padding:18px;display:grid}.exam-stats svg{color:#167351;background:#eaf6ef;border-radius:10px;grid-row:1/3;width:42px;height:42px;padding:10px}.exam-stats strong{font-size:25px}.exam-stats span{color:#819087;font-size:10px}.exam-card{gap:18px;display:grid}.exam-card h2{font-size:17px}.exam-card p{color:#7d8f85;margin:6px 0 0;font-size:11px}.exam-card-heading,.manual-exam,.schedule-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.manual-exam{justify-content:flex-start}.manual-exam select{min-width:170px;max-width:none}.schedule-row{border-top:1px solid #edf1ee;justify-content:flex-start;padding:14px 0}.schedule-row>strong{width:120px}.schedule-row label{color:#77877e;font-size:10px}.schedule-row input{border:1px solid #dce5df;border-radius:6px;margin-top:5px;padding:9px;display:block}.switch{align-items:center;gap:8px;font-size:11px;display:flex}.switch input{width:17px;height:17px}.exam-errors{background:snow;border-color:#ead0cd}.exam-errors p{border-bottom:1px solid #f2dfdd;padding:8px 0}@media (max-width:1000px){.content-page{grid-template-columns:1fr}.exam-card-heading,.manual-exam{flex-wrap:wrap;align-items:flex-start}.exam-stats{grid-template-columns:1fr}.delivery-row{grid-template-columns:28px minmax(0,1fr)}.delivery-state{justify-self:start}.schedule-row{flex-wrap:wrap}.schedule-row>strong{flex-basis:100%}}.manual-exam{flex-wrap:wrap;align-items:flex-end}.exam-duration-field{color:#65766d;gap:5px;font-size:10px;display:grid}.exam-duration-field input{width:145px;font:inherit;color:#183329;border:1px solid #d7e1db;border-radius:8px;padding:10px 12px;font-size:13px}.exam-duration-field small{color:#84938b;font-size:9px}.exam-duration-presets{flex-wrap:wrap;gap:5px;display:flex}.exam-duration-presets button{color:#587066;cursor:pointer;background:#f7faf8;border:1px solid #d9e5de;border-radius:999px;padding:7px 9px;font-size:9px}.exam-duration-presets button:hover,.exam-duration-presets button.is-active{color:#126b49;background:#e8f6ee;border-color:#25865f}.exam-mode-actions{flex-wrap:wrap;gap:8px;display:flex}@media (max-width:1050px){.live-command-bar{display:block}.live-power-controls{margin-top:8px}.live-power-controls .button{flex:1}.forced-notice-form{grid-template-columns:1fr}}.tool-check{cursor:pointer;background:#f8faf9;border:1px solid #e2e8e4;border-radius:10px;grid-column:1/-1;align-items:flex-start;gap:11px;padding:13px;display:flex}.tool-check input{accent-color:#177551;width:17px;height:17px;margin-top:2px}.tool-check span,.tool-check strong,.tool-check small{display:block}.tool-check strong{color:#334b3e;font-size:12px}.tool-check small{color:#7d8d84;margin-top:4px;font-size:10px;line-height:1.5}.danger-outline{color:#a54141!important;background:#fff7f7!important;border-color:#eccaca!important}.agent-update-card{grid-column:1/-1;grid-template-columns:48px 1fr auto;align-items:center}.tool-icon.warning{color:#9a6814;background:#fff3d8}.update-summary{border-left:1px solid #e5ebe7;grid-template-columns:auto auto;align-items:end;gap:0 8px;padding:4px 24px;display:grid}.update-summary strong{color:#1d5e46;grid-row:1/3;font-size:35px}.update-summary span{font-size:11px;font-weight:700}.update-summary small{color:#839188;font-size:9px}.agent-update-card .live-button{grid-column:1/-1}.agent-version-warning{border:1px solid #eed9aa;font-weight:650;color:#8a651c!important;background:#fff8e7!important}@media (max-width:760px){.agent-update-card{grid-template-columns:48px 1fr}.update-summary{border-top:1px solid #e5ebe7;border-left:0;grid-column:1/-1;padding:14px 0 0}}.fleet-stats{grid-template-columns:repeat(6,minmax(0,1fr))}.fleet-warning{background:#fff8f5;border-color:#e6b7a8}.fleet-table table{min-width:1050px}.fleet-table tr.needs-attention{background:#fffaf4}.fleet-table td small{color:#819087;align-items:center;gap:4px;margin-top:5px;display:flex}.inline-fact{align-items:center;gap:5px;display:inline-flex}.queue-badge{color:#7e5717;background:#f3dfb7;border-radius:13px;place-items:center;min-width:25px;height:25px;padding:0 7px;font-weight:700;display:inline-grid}@media (max-width:1200px){.fleet-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
.app-catalog{grid-template-columns:minmax(260px,1fr) minmax(320px,1.4fr);align-items:start;gap:20px;display:grid}.app-list{grid-column:1/-1}.app-row{border-bottom:1px solid #edf1ed;grid-template-columns:minmax(220px,1fr) 180px 150px auto;align-items:center;gap:14px;padding:16px 0;display:grid}.app-row small{color:#91a096;margin-top:6px;font-size:10px;display:block}.app-add select{width:100%;max-width:none;margin-top:8px;display:block}@media (max-width:850px){.app-catalog{grid-template-columns:1fr}.app-list{grid-column:auto}.app-row{grid-template-columns:1fr}.app-row select{width:100%;max-width:none}}@media (max-width:760px){.sidebar nav{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.nav-item{white-space:normal;min-width:0}}.managed-play-overlay{z-index:200;background:#152a2277;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.managed-play-overlay section{background:#fff;border-radius:12px;flex-direction:column;width:min(1100px,100%);height:min(900px,95vh);padding:16px;display:flex;box-shadow:0 24px 100px #09201040}.managed-play-overlay header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.managed-play-overlay iframe{border:1px solid #dbe6dd;border-radius:8px;flex:1;width:100%}
:root{--ink:#20352e;--muted:#697b73;--green:#137654;--line:#e0e7e3;--bg:#f4f6f5}body{font-family:Segoe UI,Arial,sans-serif}.skip-link{z-index:600;color:var(--green);background:#fff;border-radius:8px;padding:12px 18px;position:fixed;top:-80px;left:18px}.skip-link:focus{top:12px}.mobile-navigation{display:none}.sidebar{color:#edf7f1;scrollbar-width:thin;scrollbar-color:#517365 transparent;background:#123e31;border:0;width:244px;padding:30px 16px 0;overflow-y:auto}.brand{letter-spacing:3px;margin-bottom:38px;padding:0 12px;font-size:26px}.brand-symbol{color:#d3f5de;width:43px;height:43px;box-shadow:none;background:#285344;border:1px solid #ffffff20;border-radius:13px}.brand-sub{color:#9cbdb0;letter-spacing:4px}.workspace-label{color:#88ac9c;letter-spacing:1.5px;margin:0 12px 12px;font-size:10px}.nav-item{color:#bbd0c5;border-radius:9px;gap:11px;min-height:44px;margin:3px 0;padding:11px 12px;font-size:12px;font-weight:500}.nav-item svg{color:#8ab49f}.nav-item.active{color:#174d36;box-shadow:none;background:#e5f2e9;font-weight:650}.nav-item.active svg{color:#236b4c}.nav-item:hover:not(.active),.class-item:hover{color:#fff;background:#ffffff0d}.sidebar .class-item.chosen{color:#fff;background:#ffffff17;font-weight:700;box-shadow:inset 3px 0 #79d8a7}.sidebar .class-item.chosen:hover{background:#ffffff20}.sidebar .class-item.chosen .class-dot{background:#79d8a7;border-color:#79d8a7;box-shadow:0 0 0 3px #79d8a726}.sidebar .class-item.chosen>span:last-child{color:#dff7e9;font-weight:700}.nav-count{color:#1f6749;background:#d0e4d7;border-radius:5px}.class-label{margin-top:30px}.class-item{color:#a7c5b7;border-radius:7px;min-height:38px;padding:9px 12px;font-size:12px}.class-item.chosen{color:#eef9f1;background:#ffffff0a}.class-item>span:last-child{color:#9bbcab}.class-dot{border-color:#7da28e}.class-item.chosen .class-dot{background:#abe3b8;border-color:#abe3b8}.sidebar-bottom{padding-top:26px}.local-note{color:#c0d9ca;background:#ffffff05;border-color:#ffffff12;border-radius:9px;padding:12px}.local-note svg{color:#94bca4}.local-note small,.profile small{color:#8fb29f}.profile{border-color:#ffffff12;margin:18px -16px 0;padding:18px 16px;font-size:11px}.profile>div{overflow-wrap:anywhere;min-width:0}.avatar{color:#d4eedf;background:#2b5a43;flex-shrink:0;width:34px;height:34px}.logout-button{color:#b3d0bf}.main-wrap{width:calc(100% - 244px);min-width:0;margin-left:244px}.topbar{color:#7a8881;background:#ffffffc9;height:62px;padding:0 32px;font-size:12px}.topbar>div{gap:12px}.topbar strong{color:#304c3e;font-weight:600}.bridge-pill{border-radius:6px;padding:7px 10px;font-size:11px}.bridge-pill.is-connected{color:#37724e;background:#f0f7f2;border-color:#dceade}.shell main{max-width:1900px;padding:28px 32px 22px}.shell main:focus{outline:none}.page-heading{gap:16px;margin-bottom:23px}.eyebrow{color:#698774;letter-spacing:1.7px;margin-bottom:7px;font-size:9px}h1{letter-spacing:-1px;font-size:clamp(26px,2.1vw,32px);font-weight:650}.page-heading p{color:#6c7d73;margin-top:7px;font-size:12px}.button{min-height:40px;box-shadow:none;border-radius:8px;font-size:12px}.button:hover{box-shadow:none;transform:none}.refresh-button{background:0 0}.overview-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:28px}.overview-stats .stat{border-radius:11px;min-height:115px;padding:16px 18px;position:relative;box-shadow:0 2px 3px #183d2403}.overview-stats .stat-connected{background:#fafffb;border-color:#bdd8c5}.overview-stats .stat-top{color:#627668;padding-right:40px;font-size:12px}.overview-stats .stat-icon{color:#63806c;background:#f1f5f2;border-radius:9px;width:32px;height:32px;position:absolute;top:17px;right:16px}.overview-stats .stat-icon.green{color:#21825a;background:#e9f5ed}.overview-stats .stat>strong{font-variant-numeric:tabular-nums;margin:7px 0 3px;font-size:30px;font-weight:650;line-height:1.1}.overview-stats .stat small{color:#778b7f;font-size:10px}.section-title h2{font-size:17px}.section-title h2 span{color:#54765d;background:#e4ece6;font-weight:600}.section-title p{color:#76877c;margin-top:5px;font-size:12px}.last-sync{color:#78897d;font-size:10px}.device-workspace{border:1px solid var(--line);background:#fff;border-radius:12px;margin-bottom:18px;padding:16px}.workspace-actions{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.view-switch{background:#f0f3f1;border-radius:9px;gap:3px;padding:4px;display:flex}.view-switch button{color:#738277;white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-height:34px;padding:7px 13px;font-size:12px;display:flex}.view-switch button[aria-pressed=true]{color:#225e40;background:#fff;font-weight:650;box-shadow:0 1px 4px #254b2414}.button.add-device{color:#fff;background:#176a4a;border-color:#176a4a;min-height:39px}.button.add-device:hover{background:#12543b}.device-workspace .toolbar{box-shadow:none;background:0 0;border:0;flex-wrap:nowrap;gap:10px;margin:0;padding:0}.device-workspace .search{background:#f8faf9;border:1px solid #dfe6e1;border-radius:8px;flex:1;min-width:0;min-height:42px;padding:0 12px}.search:focus-within{outline-offset:1px;outline:2px solid #86b89c}.device-workspace .search input{color:#304f3c;min-width:0;font-size:12px}.search input::placeholder{color:#88988e}.search>button{place-items:center;padding:5px;display:grid}.device-workspace select{background:#fff;border-color:#dfe6e1;border-radius:8px;max-width:210px;min-height:42px;font-size:12px}.filter-summary{color:#66806b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:12px;font-size:11px;display:flex}.filter-summary button{color:#2a7350;align-items:center;gap:5px;min-height:28px;font-weight:600;display:inline-flex}.bulk-actions{border-top:1px solid #edf0ed;margin-top:13px;padding-top:12px}.bulk-actions summary{cursor:pointer;color:#5b7564;align-items:center;gap:8px;min-height:25px;font-size:11px;font-weight:600;list-style:none;display:flex}.bulk-actions summary::-webkit-details-marker{display:none}.bulk-actions summary>span{color:#83938a;font-size:10px;font-weight:400}.bulk-actions summary>svg:last-child{margin-left:auto;transition:transform .15s}.bulk-actions[open] summary>svg:last-child{transform:rotate(90deg)}.bulk-actions summary:focus-visible{outline-offset:3px;outline:3px solid #7bbda5}.bulk-actions>div{flex-wrap:wrap;gap:8px;padding-top:10px;display:flex}.bulk-actions p{color:#718476;flex-basis:100%;margin:0 0 4px;font-size:12px}.classroom-bar{box-shadow:none;background:0 0;border:0;margin-bottom:0;padding:0 0 12px}.classroom-bar strong{color:#4d6c58;font-size:11px}.classroom-bar>div>span:last-child{color:#7c9182;font-size:10px}.classroom-bar .button{background:0 0;border-color:#d9e3dc;min-height:31px;padding:5px 9px;font-size:10px}.classroom-grid{gap:12px}.thumbnail-card{border-color:#dce5de;border-radius:10px;box-shadow:0 2px 4px #163c2010}.thumbnail-card:hover{border-color:#92b99e;transform:none;box-shadow:0 3px 12px #163c2015}.thumbnail-card>header{padding:10px 11px}.thumbnail-card>header strong{color:#3a5b44;font-size:11px}.thumbnail-screen{background:#e9efeb}.thumbnail-screen.inactive{opacity:1}.thumbnail-placeholder{color:#708777;background:#edf2ee;font-size:11px}.thumbnail-placeholder svg{color:#95ad9b}.thumbnail-card>footer{color:#708376;background:#fff;min-height:35px;font-size:9px}.classroom-foot{color:#7e9284;font-size:10px}.device-grid{grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:16px}.device-card{border-radius:12px;padding:18px 18px 0;box-shadow:0 2px 5px #16412705}.device-card:hover{transform:none;box-shadow:0 4px 14px #1641270b}.device-icon{border-radius:10px;width:38px;height:38px}.device-name{font-size:16px}.device-model{color:#7c8e80;flex-wrap:wrap}.device-policy{color:#4a7e58;background:#f1f7f2;border:1px solid #e1ece3;border-radius:9px;align-items:center;gap:11px;margin:16px 0;padding:12px;display:flex}.device-policy>div{gap:4px;display:grid}.device-policy div>span{letter-spacing:1px;color:#7b9580;font-size:8px}.device-policy strong{font-size:12px;font-weight:600}.policy-version{color:#789680;margin-left:auto;font-size:10px}.device-policy.in-maintenance{color:#9a7338;background:#fff8ed;border-color:#f0e6d1}.device-policy.in-maintenance div>span,.device-policy.in-maintenance .policy-version{color:#9c8c6f}.device-facts{gap:14px}.device-facts span{color:#7a8b7d}.device-facts strong{color:#425e47}.device-facts strong.low-battery{color:#b26627}.live-button{box-shadow:none;background:#176c4c;border-color:#176c4c;border-radius:8px}.live-button:hover{background:#12573d}.bottom-note{color:#7e9285;background:0 0;border:0;border-top:1px solid #dde6df;border-radius:0;padding:14px 0;font-size:10px}.bottom-note button{min-height:32px;font-size:10px}.page-footer{color:#8b9c90;margin-top:28px;padding-top:18px;font-size:10px}.audit-panel,.guide-card,.tool-card{box-shadow:none;border-radius:12px}.table-scroll th{color:#67816f;background:#f2f6f3;font-size:11px}.table-scroll td{font-size:12px}.table-scroll tbody tr:hover{background:#f8fbf9}.login-showcase{background:#123e31}.login-copy h1{font-weight:600}.login-submit{background:#176c4c;box-shadow:0 4px 12px #176c4c18}@media (min-width:1550px){.classroom-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (min-width:1201px){.classroom-main .overview-stats{margin-bottom:20px}.classroom-main .overview-stats .stat{min-height:82px;padding:11px 16px}.classroom-main .overview-stats .stat>strong{float:left;margin:5px 10px 0 0;font-size:27px}.classroom-main .overview-stats .stat small{margin-top:17px;display:inline-block}.classroom-main .section-title p{display:none}.classroom-main .device-workspace{padding:12px}.classroom-main .workspace-actions{margin-bottom:10px}.classroom-main .device-workspace .toolbar{margin:0}.classroom-main .filter-summary{margin-top:4px}.classroom-main .filter-summary button{min-height:20px}.classroom-main .bulk-actions{margin-top:8px;padding-top:8px}.classroom-main .thumbnail-screen{height:clamp(70px,8.3vh,104px)}.classroom-main .thumbnail-card>header{padding-top:8px;padding-bottom:8px}.classroom-main .thumbnail-card>footer{min-height:30px;padding-top:5px;padding-bottom:5px}}@media (max-width:1100px){.sidebar{width:216px;padding-left:12px;padding-right:12px}.main-wrap{width:calc(100% - 216px);margin-left:216px}.shell main{padding:24px}.topbar{padding:0 24px}.overview-stats{gap:10px}.overview-stats .stat{padding:14px}.overview-stats .stat-icon{width:24px;height:24px;top:12px;right:12px}.overview-stats .stat-icon svg{width:17px}.device-workspace select{max-width:160px}.classroom-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:820px){.shell{display:block}.mobile-navigation{color:#e0efe5;background:#123e31;justify-content:space-between;align-items:center;gap:10px;min-height:62px;padding:10px 18px;display:flex}.mobile-navigation>span{letter-spacing:1px;align-items:center;gap:9px;font-size:13px;font-weight:650;display:flex}.mobile-navigation button{background:#ffffff10;border-radius:7px;align-items:center;gap:7px;min-height:40px;padding:6px 10px;font-size:11px;display:flex}.sidebar{width:100%;max-height:70vh;padding:16px 18px 0;display:none;position:relative}.sidebar.menu-open{display:flex}.sidebar .brand{display:none}.sidebar nav{grid-template-columns:1fr 1fr;gap:5px;display:grid}.sidebar .nav-item{justify-content:flex-start;min-height:43px;font-size:12px}.sidebar .workspace-label{margin-left:0;display:flex}.sidebar .class-item,.sidebar .sidebar-bottom{display:flex}.sidebar .sidebar-bottom{padding-top:8px;display:block}.sidebar .local-note{display:none}.sidebar .profile{margin-top:6px}.sidebar .nav-count{display:inline}.main-wrap{width:100%;margin:0}.topbar{height:48px;padding:0 18px;font-size:10px}.topbar>span{padding:5px 7px;font-size:9px;display:flex}.topbar>div{gap:6px}.shell main{padding:24px 18px 18px}.overview-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.section-title{flex-wrap:wrap;gap:8px}.classroom-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:580px){.shell main{padding:22px 14px 16px}.page-heading{flex-direction:column;gap:12px;margin-bottom:18px}.page-heading .button{width:auto;min-height:36px;padding:7px 10px;font-size:11px}.overview-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:24px}.overview-stats .stat{min-height:103px;padding:14px}.overview-stats .stat-top{font-size:11px}.overview-stats .stat>strong{font-size:27px}.device-workspace{padding:12px}.workspace-actions{flex-wrap:wrap;gap:10px}.view-switch{flex:1 0 100%}.view-switch button{flex:1;padding:6px 9px;font-size:11px}.workspace-actions>.add-device{width:100%;min-height:36px;font-size:11px}.device-workspace .toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;display:grid}.device-workspace .search{grid-column:1/-1}.device-workspace select{width:100%;min-width:0;max-width:none;padding-left:8px;font-size:11px}.bulk-actions .button{white-space:normal;width:100%}.classroom-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.thumbnail-card>header{padding:9px 8px}.thumbnail-card>header strong{font-size:10px}.thumbnail-card>footer{flex-wrap:wrap;gap:4px;padding:6px}.thumbnail-placeholder{gap:6px;font-size:9px}.thumbnail-placeholder svg{width:21px}.thumbnail-placeholder small{font-size:8px}.classroom-bar{flex-flow:wrap;align-items:center;gap:10px}.classroom-bar>div{flex-wrap:wrap}.classroom-bar .button{width:auto}.classroom-foot{flex-wrap:wrap;gap:10px}.device-grid{grid-template-columns:minmax(0,1fr)}.page-footer{flex-direction:column;gap:8px}.fleet-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}