:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{min-width:320px;min-height:100vh;margin:0}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.app{color:#1f2933;background:#fff;max-width:1120px;min-height:100vh;margin:0 auto;padding:1rem 1.5rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}h1{margin-bottom:1rem;font-size:1.5rem}.dashboard-panel{background:#10141a;border-radius:10px;margin-bottom:.75rem;padding:.75rem}.layout{gap:0;margin-bottom:.5rem;display:flex}.left-column{flex-direction:column;flex:2;gap:0;display:flex}@media (width<=768px){.layout{flex-direction:column}.left-column{order:1}.plan-panel{order:2}}.panel{color:#e0e0e0;background:#151b24;border:1px solid #263043;border-radius:8px;padding:.75rem}.dashboard-panel .video-panel,.dashboard-panel .events-panel,.dashboard-panel .plan-panel{background:0 0;border:none;border-radius:0;padding:.25rem .5rem}.video-panel{padding-bottom:.5rem}.plan-panel{padding-left:.5rem}.panel.sim-panel{border-color:#9ca3af;color:#374151!important;background:#fff!important}.panel.sim-panel h2,.panel.sim-panel h3,.panel.sim-panel label,.panel.sim-panel span{color:#374151}.sim-panel{margin-top:0}.sim-panel h2{margin-top:.1rem;margin-bottom:.25rem}.video-panel{flex:1.2}.events-panel{flex:2.3}.plan-panel{flex:1.8}.main-video,.modal-video{background:#000;border-radius:0;width:100%;height:260px}.sim-columns{flex-wrap:wrap;gap:.75rem;display:flex}.sim-column{color:#000;background:#fff;border:1px solid #d0d7e2;border-radius:8px;flex-direction:column;flex:1;min-width:220px;padding:.5rem .75rem;display:flex;position:relative}.sim-column-icon{background:#f9fafb;border:2px solid #d0d7e2;border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;font-size:1rem;display:flex;position:absolute;top:6px;right:6px}.sim-column-icon--camera{background:#2b2f36;border-color:#c2185b}.sim-column-icon--camera img{object-fit:contain;width:70%;height:70%}.sim-column-icon--intercom{background:#2b2f36;border-color:#6a1b9a}.sim-column-icon--intercom img{object-fit:contain;width:70%;height:70%}.sim-column-icon--alarm{background:#2b2f36;border-color:#1e88e5}.sim-column-icon--alarm img{object-fit:contain;width:70%;height:70%}.sim-column-icon--reader{background:#2b2f36;border-color:#0b3c5d}.sim-column-icon--reader img{object-fit:contain;filter:invert()brightness(2);width:70%;height:70%}.sim-column h3{margin-bottom:.4rem;font-size:.95rem}.sim-controls{border-bottom:1px solid #e5e7eb;margin-top:auto;margin-bottom:.5rem;padding-bottom:.5rem}.sim-row{align-items:center;gap:.2rem;margin-bottom:.25rem;display:flex}.sim-row label{white-space:nowrap;min-width:auto}.sim-row select{color:#000;background:#fff;border:1px solid #cbd5e1;border-radius:4px;flex:1;padding:.25rem}.sim-buttons{flex-wrap:wrap;gap:.5rem;margin-top:.25rem;display:flex}.sim-buttons.sim-buttons-column{flex-direction:column;align-items:flex-start}button{color:#fff;cursor:pointer;background:#1e88e5;border:none;border-radius:4px;padding:.3rem .6rem;font-size:.85rem}button:hover{background:#1565c0}.btn-access-control{background:#0b3c5d}.btn-access-control:hover{background:#082c45}.btn-video-cameras{background:#c2185b}.btn-video-cameras:hover{background:#a01348}.btn-intercom{background:#6a1b9a}.btn-intercom:hover{background:#4a1270}.menu-button{color:#fff;background:#4b5563}.menu-button:hover{background:#374151}.events-list{min-height:14rem;max-height:14rem;margin-top:.5rem;font-size:.85rem;overflow-y:auto}.events-table{border-collapse:collapse;width:100%}.events-table th,.events-table td{border-bottom:1px solid #263043;padding:.25rem .4rem}.events-table th{text-align:left;z-index:1;background:#1b2330;font-weight:600;position:sticky;top:0}.event-row:nth-child(2n) td{background:#141a23}.event-type{font-weight:600}.event-type--badge-accepted{color:#4caf50}.event-type--badge-refused{color:#fb8c00}.event-type--door-open-close{color:#42a5f5}.event-type--alarm-triggered{color:#e53935}.event-type--alarm-state{color:#fdd835}.event-actions{width:2.5rem}.event-visualize{background:0 0;border:none;padding:0}.event-visualize-icon{object-fit:contain;filter:invert(63%)sepia(78%)saturate(348%)hue-rotate(-8deg)brightness(99%)contrast(96%);width:18px;height:18px}.events-empty-cell{text-align:center;opacity:.7;font-style:italic}.plan-area{aspect-ratio:5/4;background-image:url(/plan.png);background-position:50%;background-size:100% 100%;border:2px solid #fff;border-radius:0;position:relative;overflow:hidden}.plan-building-overlay{pointer-events:none;clip-path:polygon(2% 26%,21% 13.4%,66% 55%,66% 67%,46% 86%,4% 37%);width:96%;height:97%;position:absolute;top:9%;left:4%}.plan-building-overlay-secondary{pointer-events:none;clip-path:polygon(28% 7%,101% 57.4%,98% 72%,72% 101%,2% 43%,-2% 26%);width:64%;height:64%;position:absolute;top:-1%;left:32%}.badge-overlay{background:#000000b3;border:2px solid #fff;border-radius:6px;align-items:center;gap:.5rem;min-width:260px;min-height:120px;padding:.4rem .6rem;display:flex;position:absolute;bottom:8px;left:80px}.badge-overlay--accepted{border-color:#4caf50}.badge-overlay--refused{border-color:#e53935}.badge-overlay-avatar{background:#0006;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;width:72px;height:72px;font-size:2rem;display:flex;overflow:hidden}.badge-overlay-avatar-img{object-fit:cover;border-radius:999px;width:100%;height:100%}.badge-overlay-content{color:#fff;flex-direction:column;font-size:.8rem;display:flex}.badge-overlay-name{margin-bottom:.1rem;font-weight:600}.badge-overlay-line{line-height:1.2}.badge-overlay-reader{opacity:.85;margin-top:.4rem}.alarm-status{background:#0000004d;border-radius:4px;align-items:center;gap:.4rem;padding:.25rem .5rem;display:flex;position:absolute;top:8px;left:8px}.alarm-status span{color:#fff}.alarm-icon{border:2px solid #a5d6a7;border-radius:999px;padding:.1rem .3rem;font-size:1rem}@keyframes alarm-blink{0%,to{transform:scale(1);box-shadow:0 0 #ff525299}50%{transform:scale(1.1);box-shadow:0 0 12px 4px #ff5252e6}}.alarm-icon--blink{animation:1s infinite alarm-blink}.alarm-service{background:#0000004d;border-radius:4px;align-items:center;gap:.4rem;padding:.25rem .6rem;display:flex;position:absolute;bottom:8px;right:8px}.alarm-service-icon{font-size:1rem}.alarm-service-text{color:#fff;font-size:.85rem}.alarm-menu{z-index:10;background:#2b2f36;border:1px solid #555b66;border-radius:6px;flex-direction:column;gap:.25rem;padding:.4rem;display:flex;position:absolute}.alarm-control-icon{font-size:1.4rem}.plan-icon{cursor:pointer;background:#0000004d;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute}.reader-icon{background:#2b2f36;font-size:1.4rem}.reader-icon img{object-fit:contain;filter:invert()brightness(2);width:70%;height:70%}.camera-icon{background:#2b2f36;font-size:1.4rem}.camera-icon img{object-fit:contain;width:70%;height:70%}.intercom-icon{background:#2b2f36;font-size:1.4rem}@keyframes intercom-ring{0%,to{transform:scale(1);box-shadow:0 0 #fb8c0000}50%{transform:scale(1.08);box-shadow:0 0 12px 4px #fb8c00e6}}.intercom-icon--ringing{animation:.8s infinite intercom-ring}.reader-menu{z-index:10;background:#2b2f36;border:1px solid #555b66;border-radius:6px;flex-direction:column;gap:.25rem;padding:.4rem;display:flex;position:absolute}.reader-menu button,.intercom-menu button{text-align:left;width:100%;padding:.2rem .4rem;font-size:.8rem}.intercom-menu{z-index:10;background:#2b2f36;border:1px solid #555b66;border-radius:6px;flex-direction:column;gap:.25rem;padding:.4rem;display:flex;position:absolute}@media (width<=768px){.reader-menu,.intercom-menu,.alarm-menu{border-radius:4px;padding:.3rem}.reader-menu button,.intercom-menu button{padding:.15rem .3rem;font-size:.7rem}}.modal-backdrop{z-index:50;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#151b24;border:1px solid #263043;border-radius:8px;width:90%;max-width:640px;padding:1rem}