:root{font-synthesis:none}html,body,#root{min-height:100%}body{margin:0}.center{min-height:100vh;display:grid;place-items:center}.center.compact{min-height:240px}.login-page{min-height:100vh;display:grid;place-items:center;background:#101418;padding:24px}.login-panel{width:min(100%,390px);background:#fff;padding:32px;border:1px solid #dce1e4;border-radius:6px}.brand-mark{width:44px;height:44px;display:grid;place-items:center;background:#176b66;color:#fff;border-radius:6px;flex:0 0 auto}.brand-mark.small{width:34px;height:34px}.topbar{border-bottom:1px solid #dce1e4;z-index:1300!important}.filter-drawer .MuiDrawer-paper{border-right:1px solid #dce1e4;background:#fafbfb}.device-row{display:grid;grid-template-columns:10px minmax(0,1fr);gap:10px;align-items:center;padding:8px 0}.device-link{margin:0 -8px;padding:8px;border-radius:4px;transition:background .12s ease}.device-link:hover,.device-link:focus-visible{background:#eef4f3;outline:2px solid #176b66;outline-offset:-2px}.device-link-icon{width:14px!important;height:14px!important;color:#176b66;flex:0 0 auto}.status-dot{width:8px;height:8px;border-radius:50%;background:#26845d}.status-dot.offline{background:#b34832}.main-content{min-height:100vh;transition:margin .18s ease}.content-inner{max-width:1500px;margin:0 auto;padding:24px}.show-filters{margin-bottom:16px!important}.metric-band{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #dce1e4;background:#fff;border-radius:6px;overflow:hidden}.metric{min-height:88px;display:flex;gap:12px;align-items:center;padding:18px;border-right:1px solid #dce1e4}.metric:last-child{border-right:0}.metric-icon{color:#176b66;display:grid;place-items:center}.metric.danger .metric-icon,.metric.danger .metric-value{color:#a33d2c}.metric-value{font-size:1.55rem!important;line-height:1.1!important;font-weight:750!important}.recognition-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.live-camera-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.live-camera-card{cursor:pointer;min-width:0;overflow:hidden;transition:border-color .12s ease,box-shadow .12s ease}.live-camera-card:hover,.live-camera-card:focus-visible{border-color:#176b66;box-shadow:0 2px 12px #1014181f;outline:none}.live-image-frame{width:100%;aspect-ratio:16 / 9;background:#20272c;overflow:hidden}.live-image-frame img{width:100%;height:100%;display:block;object-fit:cover}.live-empty{min-height:180px}.recognition-card{cursor:pointer;min-width:0;overflow:hidden;transition:border-color .12s ease,box-shadow .12s ease}.recognition-card:hover,.recognition-card:focus-visible{border-color:#176b66;box-shadow:0 2px 12px #1014181f;outline:none}.image-frame{width:100%;aspect-ratio:16 / 9;background:#20272c;overflow:hidden}.image-frame img{width:100%;height:100%;display:block;object-fit:cover}.plate-text{font-size:1.05rem!important;font-weight:750!important;font-family:Roboto Mono,Consolas,monospace!important;letter-spacing:0!important}.empty-state{min-height:260px;display:grid;place-items:center;align-content:center;gap:8px;border:1px dashed #bdc6ca;color:#718087;border-radius:6px;background:#fafbfb}.table-wrap{overflow-x:auto;border:1px solid #dce1e4;background:#fff;border-radius:6px}.image-dialog{padding:0!important;position:relative}.image-dialog>img{display:block;width:100%;max-height:70vh;object-fit:contain;background:#101418}.dialog-close{position:absolute!important;top:10px;right:10px;z-index:1;color:#fff!important;background:#101418b8!important}.dialog-close:hover{background:#101418e6!important}.dialog-meta{padding:18px 20px 22px}.tenant-page{min-width:0}.tenant-page .MuiPaper-root{border-radius:6px!important}@media(max-width:1100px){.recognition-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.live-camera-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.filter-drawer .MuiDrawer-paper{width:min(88vw,300px)!important}.main-content{margin-left:0!important}.metric-band{grid-template-columns:repeat(2,minmax(0,1fr))}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid #dce1e4}.recognition-grid,.live-camera-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-inner{padding:16px}.user-name{display:none}.topbar .MuiTab-root{min-width:44px;padding-left:8px;padding-right:8px}.topbar .MuiTab-iconWrapper{margin-right:0!important}.topbar .MuiTab-root{font-size:0}}@media(max-width:500px){.recognition-grid,.live-camera-grid{grid-template-columns:1fr}.metric{padding:14px;min-height:76px}.metric-value{font-size:1.3rem!important}.login-panel{padding:24px}}