*{box-sizing:border-box;color:#e2e8f0;font-family:DM Sans,Segoe UI,sans-serif;font-size:14px;margin:0;padding:0}.container{min-height:100vh}.container,.slide-bar{background:#0a0c10;display:flex}.slide-bar{border:1px solid #2a3040;flex-direction:column;height:100vh;padding:20px;position:-webkit-sticky;position:sticky;top:0;width:230px}.text-title{font-size:20px;font-weight:600}.site-title{gap:10px;padding-bottom:20px}.site-icon,.site-title{align-items:center;display:flex}.site-icon{background:#2a3040;border-radius:8px;height:30px;justify-content:center;width:30px}.user-div{align-items:center;border:1px solid #2a3040;border-radius:10px;display:flex;gap:10px;padding:12px}.column-text{flex:1 1;min-width:0}.role-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.second-text{color:#64748b;font-weight:500}.side-menu{display:flex;flex:1 1;flex-direction:column;gap:10px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#0a0c10}::-webkit-scrollbar-thumb{background:#2a3040;border-radius:2px}.nav-item{align-items:center;background:none;border:1px solid #0a0c10;border-radius:8px;border-radius:12px;color:#64748b;cursor:pointer;display:flex;font-weight:500;gap:10px;padding:10px 14px;text-align:left;text-decoration:none;transition:all .15s;width:100%}.nav-item.active,.nav-item:hover{background:#0f1318;color:#e2e8f0}.nav-item.active{border:1px solid #2a3040}.nav-item-span{color:inherit;gap:10px}.nav-item-icon,.nav-item-span{align-items:center;display:flex}.nav-item-icon{flex-shrink:0;opacity:.6}.content{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow-y:auto;padding:20px 20px 0;position:relative}.header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;min-height:36px}.pulse{border-radius:50%;height:6px;width:6px}.pulse-green{animation:pulse 2s infinite;background:#22c55e}.pulse-gray{animation:none;background:#64748b}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.header-status{align-items:center;background:#0f1318;border:1px solid #2a3040;border-radius:8px;display:flex;gap:5px;padding:6px 12px}.widget-column{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.cam-grid-column,.widget-column-form{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.widget-column-form{align-items:start;margin-bottom:20px}.card{background:#0f1318;border:1px solid #2a3040;border-radius:12px;padding:20px}.metric-info-text{margin-bottom:10px}.margin-bottom-20{margin-bottom:20px}.metric-text{line-height:1}.grid-column{grid-column:span 2}.grid-column,.left-column{display:flex;flex-direction:column;gap:20px;min-width:0}.left-column{grid-column:span 3}.right-column{display:flex;flex-direction:column;gap:20px;min-width:0}.widget-title{font-weight:600}.widget-hist-title{font-weight:600;margin-bottom:10px}.zone-row{background:#0f1318;border:1px solid #2a3040;border-radius:10px;padding:10px}.widget-zone-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.bar-bg{background:#2a3040;border-radius:2px;height:4px;overflow:hidden}.bar-fill{border-radius:2px;height:100%}.widget-camera{align-items:center;border:1px solid #2a3040;border-radius:8px;display:flex;justify-content:space-between;padding:10px}.widget-camera-status{align-items:center;display:flex;gap:5px}.widget-msg-panel{align-items:center;display:flex;justify-content:space-between;white-space:nowrap}.widget-hist{align-items:stretch;display:flex;margin-top:20px}.widget-hist-padding{flex-shrink:0px;width:8px}.widget-hist-Y{flex-shrink:0;position:relative}.widget-hist-Y-width{visibility:hidden;white-space:nowrap}.widget-hist-Y-text{line-height:1;position:absolute;right:0;white-space:nowrap}.widget-hist-X{display:flex;justify-content:space-between;margin-top:6px;padding-left:36px}.widget-hist-horizont-lines{left:0;position:absolute;right:0}.widget-hist-bar{align-items:flex-end;display:flex;gap:3px;inset:0;padding:0 2px;position:absolute}.widget-hist-bar-item{background:#1d4ed8;border-radius:3px 3px 0 0;flex:1 1}.widget-hist-graph{flex:1 1;position:relative}.empty-list{align-items:center;flex-direction:column;gap:20px;text-align:center}.auth-container,.empty-list{display:flex;flex:1 1;justify-content:center}.auth-container{align-items:flex-start;margin-top:150px}.error-widget{align-items:center}.card-auth,.error-widget{display:flex;justify-content:center}.card-auth{flex-direction:column;gap:20px;width:350px}.flex-row{min-width:0}.flex-row,.header-auth{align-items:center;display:flex;justify-content:center}.header-auth{flex-direction:column;min-height:50px}.btn-primary{background:#1d4ed8;border:none;border-radius:8px;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .15s}.btn-primary:hover{background:#1e40af;border-color:#1e40af;color:#fff}.btn-primary:disabled{background:#2a3040;color:#64748b;cursor:not-allowed}.cam-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:20px}.flex-col-10{display:flex;flex-direction:column;gap:10px}.cam-card-flex{min-width:0}.cam-card-flex,.cam-card-flex-zone{align-items:center;display:flex;justify-content:space-between}.cam-card-flex-zone{margin-bottom:10px}.cam-card-flex-buttons{display:flex;gap:10px;margin-top:auto}.widget-card-flex-buttons{display:flex;gap:20px;margin-top:auto}.cam-card-name{font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cam-status{align-items:center;background:none;border-radius:6px;display:flex;flex-shrink:0;gap:5px;padding:4px 10px;transition:all .15s;width:80px}.cam-status,.cam-url{border:1px solid #2a3040}.cam-url{background:#0a0c10;border-radius:6px;flex:1 1;overflow:hidden;padding:7px 10px;text-overflow:ellipsis;white-space:nowrap}.btn{border-radius:8px;cursor:pointer;flex:1 1;font-weight:500;padding:8px;transition:all .15s}.btn-delete{background:none;border:1px solid #2a3040;color:#64748b}.btn-delete:hover,.btn-icon:hover{background:#2d1a1a;border-color:#ef444430;color:#ef4444}.btn:disabled{color:#64748b;cursor:not-allowed;opacity:.5}.btn-delete:disabled:hover,.btn-gray,.btn-gray:disabled:hover{background:none}.btn-gray{border:1px solid #2a3040;color:#64748b}.btn-gray:hover{background:#1e2736;border-color:#3b5a80;color:#94a3b8}.modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1}.modal{background:#0a0c10;border:1px solid #2a3040;border-radius:14px;gap:20px;padding:20px;width:425px}.form-field,.modal{display:flex;flex-direction:column}.form-field{gap:5px}.form-input,.form-select{background:#0a0c10;border:1px solid #2a3040;border-radius:8px;outline:none;padding:9px 12px;transition:border-color .15s;width:100%}.form-select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23e2e8f0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.form-input-micro:focus,.form-input:focus,.form-select:focus{border-color:#3b82f6}.form-input-micro::placeholder,.form-input::placeholder{color:#64748b}.form-input-micro:disabled,.form-input:disabled{color:#64748b;cursor:not-allowed}.form-select{cursor:pointer}.form-input[type=time]{color-scheme:dark}.form-select option{background:#0f1318}.url-row{display:flex;gap:10px;white-space:nowrap}.flex-row-10{align-items:center;display:flex;gap:10px;min-width:0}.text-center{text-align:center}.cam-snapshot{align-items:center;aspect-ratio:16/9;background:#0a0c10;border:1px solid #2a3040;border-radius:8px;display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.cam-area{height:100%;inset:0;position:absolute;width:100%}.cam-area-img{object-fit:cover}.cam-area-svg{display:block;-webkit-user-select:none;user-select:none}.cam-area-canvas{object-fit:cover}.left{width:50%}.right-group{display:flex;justify-content:space-between;padding-left:5px;width:50%}.btn-icon{background:none;border:1px solid #2a3040;border-radius:8px;color:#64748b;cursor:pointer;font-weight:500;padding:4px 12px;transition:all .15s}.error-text{color:#ef4444}.await-save{cursor:wait;inset:0;position:absolute;z-index:1}.box-button,.box-button-zone{cursor:pointer;padding:4px 0}.box-button-zone{padding-left:24px}.flex-row-20{align-items:center;display:flex;gap:20px}.form-input-micro{background:#0a0c10;border:1px solid #2a3040;border-radius:8px;outline:none;padding:2px;text-align:center;transition:border-color .15s;width:50px}.checkbox-button{cursor:pointer}.opacity{opacity:.6}
/*# sourceMappingURL=main.c4011e9f.css.map*/