body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#1a1a1a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.App{display:flex;flex-direction:column;min-height:100vh}.app-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000004d;display:flex;justify-content:space-between;padding:1rem 2rem}.app-header h1{font-size:1.8rem;font-weight:600}.system-status .status{border-radius:20px;font-size:.9rem;font-weight:500;padding:.5rem 1rem}.status.running{background-color:#22c55e33;border:1px solid #22c55e}.status.stopped{background-color:#ef444433;border:1px solid #ef4444}.app-main{grid-gap:2rem;display:grid;flex:1 1;gap:2rem;grid-template-columns:2fr 1fr;max-height:calc(100vh - 100px);padding:2rem}.video-section{background:#2a2a2a;border-radius:12px;box-shadow:0 4px 20px #0000004d;padding:1.5rem}.video-container{display:inline-block;position:relative;width:100%}.video-overlay{align-items:center;background:#000c;border-radius:8px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.overlay-message{color:#fff;font-size:1.1rem;text-align:center}.connection-status{align-items:center;display:flex;gap:1rem}.connection-info{align-items:flex-end;display:flex;flex-direction:column}.reconnect-info{color:#fbbf24;font-size:.7rem;margin-top:.25rem}.btn-reconnect{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;margin-top:.5rem;padding:.5rem 1rem}.btn-reconnect:hover{background:#2563eb}.alert-item.connection_confirmed,.alert-item.connection_test{background:#22c55e1a;border-left-color:#22c55e}.video-stream .stream-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.video-stream h3{color:#fff;font-size:1.3rem}.status.connected{color:#22c55e;font-size:.9rem}.status.disconnected{color:#ef4444;font-size:.9rem}.control-panel{display:flex;flex-direction:column;gap:1.5rem}.alerts-section,.config-section{background:#2a2a2a;border-radius:12px;box-shadow:0 4px 20px #0000004d;padding:1.5rem}.alerts-panel h3,.zone-config h3{color:#fff;font-size:1.2rem;margin-bottom:1rem}.alerts-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.alerts-list{max-height:300px;overflow-y:auto;scrollbar-color:#4a4a4a #2a2a2a;scrollbar-width:thin}.alerts-list::-webkit-scrollbar{width:6px}.alerts-list::-webkit-scrollbar-track{background:#2a2a2a}.alerts-list::-webkit-scrollbar-thumb{background:#4a4a4a;border-radius:3px}.no-alerts{color:#888;font-style:italic;padding:2rem;text-align:center}.alert-item{align-items:flex-start;animation:slideIn .3s ease-out;border-left:4px solid;border-radius:8px;display:flex;gap:.75rem;margin-bottom:.5rem;padding:.75rem}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.alert-item.no_headgear{background:#fbbf241a;border-left-color:#fbbf24}.alert-item.zone_violation{background:#ef44441a;border-left-color:#ef4444}.alert-item.chair_moved_with_person{background:#a855f71a;border-left-color:#a855f7}.alert-item.chair_moved_alone{background:#ef44441a;border-left-color:#ef4444}.alert-item.person_walking,.alert-item.system_ready{background:#22c55e1a;border-left-color:#22c55e}.alert-icon{font-size:1.2rem;margin-top:.1rem}.alert-content{flex:1 1}.alert-message{font-weight:500;margin-bottom:.25rem}.alert-time{color:#888;font-size:.8rem}.alert-confidence{color:#aaa;font-size:.8rem;margin-top:.25rem}.zone-config{max-height:400px;overflow-y:auto}.zone-input{margin-bottom:1.5rem}.zone-input input{background:#1a1a1a;border:1px solid #4a4a4a;border-radius:6px;color:#fff;font-size:.9rem;margin-bottom:.75rem;padding:.75rem;width:100%}.zone-input input:focus{border-color:#667eea;outline:none}.zone-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.zone-buttons button{border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.btn-sample{background:#3b82f6;color:#fff}.btn-sample:hover{background:#2563eb}.btn-draw:hover:not(:disabled){background:#059669}.btn-draw:disabled{background:#4a4a4a;cursor:not-allowed}.btn-add{background:#8b5cf6;color:#fff}.btn-add:hover{background:#7c3aed}.drawing-instructions{animation:pulse 2s infinite;border-radius:6px;font-size:.85rem;margin-bottom:1rem;padding:.75rem}@keyframes pulse{0%{border-color:#0f0}50%{border-color:#0a0}to{border-color:#0f0}}.btn-clear{background:#f59e0b;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;margin-left:1rem;padding:.25rem .5rem}.btn-clear:hover{background:#d97706}.btn-draw{background:#10b981;color:#fff}.btn-draw:hover{background:#059669}.btn-cancel{background:#ef4444;color:#fff}.btn-cancel:hover{background:#dc2626}.existing-zones h4{color:#fff;font-size:1rem;margin-bottom:.75rem}.zone-item{align-items:center;background:#1a1a1a;border:1px solid #4a4a4a;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.5rem .75rem}.btn-remove{background:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:.25rem .5rem;transition:background .2s}.btn-remove:hover{background:#dc2626}@media (max-width:1024px){.app-main{gap:1rem;grid-template-columns:1fr}.app-header{flex-direction:column;gap:.5rem;padding:1rem}.control-panel{flex-direction:row}}.drawing-instructions{background:#00ff001a;border:2px solid #0f0;border-radius:8px;margin-bottom:10px;padding:12px;text-align:center}.drawing-instructions p{color:#0f0;font-weight:700;margin:5px 0}.drawing-instructions button{border:none;border-radius:4px;cursor:pointer;font-weight:700;margin:5px;padding:8px 16px;transition:all .2s}.clear-btn{background:#f44;color:#fff}.clear-btn:hover{background:#f66;transform:scale(1.05)}.complete-btn{background:#0f0;color:#000}.complete-btn:hover{background:#4f4;transform:scale(1.05)}canvas{border:2px solid #333;border-radius:8px;cursor:crosshair;transition:border-color .2s}canvas:hover{border-color:#0f0}.video-stream.maximized{background:#000000f2;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;left:0;padding:20px;position:fixed;top:0;width:100vw;z-index:1000}.video-stream.maximized canvas{margin:auto;max-height:80vh;max-width:90vw;object-fit:contain}.header-controls{align-items:center;display:flex;gap:15px}.maximize-btn{background:#333;border:1px solid #555;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:5px 10px;transition:all .2s}.maximize-btn:hover{background:#555;border-color:#777;transform:scale(1.1)}.video-stream.maximized .stream-header{background:#000c;border-radius:8px;margin-bottom:10px;padding:10px;position:relative;z-index:1001}.video-stream.maximized .drawing-instructions{margin:0 auto 10px;max-width:600px;position:relative;z-index:1001}
/*# sourceMappingURL=main.b300710f.css.map*/