.group-selector{position:relative}.group-selector__trigger{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.32rem .85rem;min-height:30px;border-radius:6px;border:1px solid #ff7a1a;background:#0d0d0d;color:#ff9341;font-size:1rem;font-weight:400;line-height:1;letter-spacing:.02em;box-shadow:inset 0 0 0 1px #ffffff05;transition:border .2s ease,color .2s ease,background .2s ease}.group-selector__trigger:hover,.group-selector__trigger:focus-visible,.group-selector.is-open .group-selector__trigger{border-color:#ff923f;background:#121212;color:#ffb36a}.group-selector__trigger:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.group-selector__trigger-icon{display:inline-flex;align-items:center;justify-content:center;width:1.1rem;height:1.1rem;font-size:.95rem;color:inherit}.group-selector__trigger-label{text-transform:none}.group-selector__trigger-count{font-weight:600;margin-left:.15rem}.group-selector__menu{width:min(320px,92vw);padding:0;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#121212f5;box-shadow:0 18px 32px #00000073;z-index:1100}.group-selector__panel{display:flex;flex-direction:column;gap:.75rem;padding:.9rem 1rem 1rem}.group-selector__panel-header{display:flex;align-items:center;gap:.5rem}.group-selector__panel-icon{display:inline-flex;align-items:center;justify-content:center;width:1.4rem;height:1.4rem;border-radius:999px;background:#fd66002e;color:#fd7822;font-size:.8rem}.group-selector__panel-heading{display:flex;align-items:baseline;gap:.5rem}.group-selector__panel-title{font-size:.82rem;font-weight:600;letter-spacing:.04em;color:#ffffffe0}.group-selector__panel-count{display:inline-flex;align-items:center;justify-content:center;padding:0 .4rem;border-radius:6px;border:1px solid rgba(253,102,0,.35);color:#ffaf7b;font-size:.65rem}.group-selector__chips-wrapper{border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#ffffff05}.group-selector__chips{display:flex;flex-wrap:wrap;gap:.35rem;padding:.55rem .6rem;max-height:96px;overflow-y:auto}.group-selector__chips.is-empty{justify-content:center;padding:.5rem .6rem}.group-selector__chip{display:inline-flex;align-items:center;gap:.3rem;padding:.22rem .6rem;border-radius:999px;border:1px solid rgba(253,102,0,.65);background:#fd66007a;color:#fff7ed;font-size:.7rem;font-weight:600;transition:background-color .2s ease,transform .2s ease}.group-selector__chip:hover,.group-selector__chip:focus-visible{transform:translateY(-1px);background:#fd6600a6}.group-selector__chip i{font-size:.65rem;color:#ffffffbf}.group-selector__chip-placeholder{font-size:.7rem;color:#ffffff73}.group-selector__search{position:relative}.group-selector__search-field{width:100%;padding:.45rem .65rem;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#181818e6;color:#ffffffd9;font-size:.78rem}.group-selector__search-field:focus{border-color:#fd66008c;box-shadow:none}.group-selector__list{display:flex;flex-direction:column;gap:.25rem;max-height:240px;overflow-y:auto;padding-right:.4rem}.group-selector__option{display:flex;align-items:center;gap:.55rem;padding:.35rem .45rem;border-radius:8px;transition:background-color .18s ease;font-size:.82rem;color:#ffffffc7}.group-selector__option:hover{background:#fd66001f}.group-selector__option.is-checked span{color:#ffb07f;font-weight:600}.group-selector__checkbox{width:.9rem;height:.9rem;border-radius:4px;border:1px solid rgba(255,255,255,.35);background:transparent;accent-color:var(--sv-color-accent-end, #fd7822)}.group-selector__empty{padding:.4rem .2rem;font-size:.75rem;color:#ffffff73}.group-selector__footer{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-top:.85rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.08)}.group-selector__action-btn,.group-selector__modal-btn{flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:12px;padding:.55rem .9rem;text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;font-weight:700;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,color .18s ease;outline:none}.group-selector__action-btn:disabled,.group-selector__modal-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.group-selector__action-btn--ghost,.group-selector__modal-btn--ghost{background:var(--sv-color-surface-ghost, rgba(32, 32, 32, .92));color:#ffffffbf;box-shadow:inset 0 0 0 1px #ffffff14}.group-selector__action-btn--ghost:hover:not(:disabled),.group-selector__action-btn--ghost:focus-visible:not(:disabled),.group-selector__modal-btn--ghost:hover:not(:disabled),.group-selector__modal-btn--ghost:focus-visible:not(:disabled){color:#ffffffe6;box-shadow:inset 0 0 0 1px #ffffff2e;transform:translateY(-1px)}.group-selector__action-btn--primary,.group-selector__modal-btn--primary{background:linear-gradient(90deg,var(--sv-color-accent-start, #ff9b4c),var(--sv-color-accent-end, #fd6600));color:var(--sv-color-accent-text, #120a03);box-shadow:var(--sv-shadow-accent, 0 6px 16px rgba(0, 0, 0, .45))}.group-selector__action-btn--primary:hover:not(:disabled),.group-selector__action-btn--primary:focus-visible:not(:disabled),.group-selector__modal-btn--primary:hover:not(:disabled),.group-selector__modal-btn--primary:focus-visible:not(:disabled){transform:translateY(-1px);box-shadow:var(--sv-shadow-accent-hover, 0 9px 22px rgba(0, 0, 0, .6))}.group-selector__modal-btn{flex:0 0 auto;min-width:0}.group-selector-confirm-modal .modal-content{background:#101010f5;border:1px solid rgba(255,255,255,.08);border-radius:16px;color:#ffffffe0;box-shadow:0 18px 32px #0000008c}.group-selector-confirm-modal .modal-header,.group-selector-confirm-modal .modal-footer{border:none}.group-selector-confirm-modal .modal-header{padding-bottom:.25rem}.group-selector-confirm-modal .modal-title{font-size:.95rem;font-weight:600;letter-spacing:.04em;color:#ffffffe6}.group-selector-confirm-modal .modal-body{padding-top:.75rem;font-size:.85rem;color:#ffffffb8}.group-selector-confirm-modal .modal-footer{display:flex;flex-direction:row;justify-content:stretch;align-items:center;gap:.5rem;padding-top:.5rem}.group-selector-confirm-modal .modal-footer .group-selector__modal-btn{flex:1 1 50%}@media (max-width: 576px){.group-selector__menu{width:min(300px,90vw)}.group-selector__panel{gap:.65rem;padding:.8rem .85rem .9rem}}:root{--sv-color-accent-start: #ff9b4c;--sv-color-accent-end: #fd6600;--sv-color-accent-text: #120a03;--sv-color-surface-ghost: rgba(32, 32, 32, .92);--sv-shadow-accent: 0 6px 16px rgba(0, 0, 0, .45);--sv-shadow-accent-hover: 0 9px 22px rgba(0, 0, 0, .6);--sv-btn-radius: 6px}.bg-primary{background-color:var(--sv-color-accent-end)!important}.header-logo{max-height:25px;height:auto;width:auto;vertical-align:middle}body{background-color:#111;color:#fff}a{color:inherit;-webkit-text-decoration:underline dashed var(--sv-color-accent-end);text-decoration:underline dashed var(--sv-color-accent-end);text-underline-offset:2px;text-decoration-thickness:2px}.container-fluid{max-width:1400px}.list-group-item{padding:10px 15px;border-radius:8px;margin-bottom:5px}.navbar,.card,.table{background-color:#222}.navbar-brand,.nav-link,.table thead th,.table tbody td{color:#fff!important}.nav-link.active{color:var(--sv-color-accent-end)!important}.text-muted{color:#aaa!important}.btn:not(.dropdown-toggle){display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.55rem 1.05rem;border-radius:var(--sv-btn-radius);border:0;background-image:none;font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1;text-decoration:none;background-clip:padding-box;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,color .18s ease,filter .18s ease}.btn:not(.dropdown-toggle):not([class*=btn-]){color:#fff;background:var(--sv-color-surface-ghost);border:1px solid #ff8000;box-shadow:inset 0 0 0 1px #ffffff14}.btn:focus{text-decoration:none;outline:none!important;box-shadow:none!important}.btn:focus-visible{outline:none!important;box-shadow:none!important}.btn:focus:not(:focus-visible),.btn:active:focus,.btn.active:focus,.btn.show:focus{outline:none;box-shadow:none!important}.btn.active{background-color:#ff7a1a;border-color:#ff7a1a}button:focus,button:focus-visible,[type=button]:focus,[type=button]:focus-visible,[type=submit]:focus,[type=submit]:focus-visible,[type=reset]:focus,[type=reset]:focus-visible{outline:none!important;box-shadow:none!important}.btn-check:focus+.btn,.btn-check:focus-visible+.btn,.btn-check:active+.btn{outline:none!important;box-shadow:none!important}input:not([type=checkbox]):not([type=radio]):not([type=range]):focus,input:not([type=checkbox]):not([type=radio]):not([type=range]):focus-visible,select:focus,select:focus-visible,textarea:focus,textarea:focus-visible{outline:none;box-shadow:0 0 0 .18rem #fd66002e;border-color:#ff8000}.btn-primary-flat{background:#ff7a1a;color:#080808;border-color:transparent;box-shadow:none}.btn-primary,.btn-gradient{background:linear-gradient(90deg,var(--sv-color-accent-start),var(--sv-color-accent-end))!important;color:var(--sv-color-accent-text)!important;border-color:transparent!important;box-shadow:var(--sv-shadow-accent)}.btn-primary:hover:not(:disabled),.btn-primary:focus:not(:disabled),.btn-primary:focus-visible:not(:disabled),.btn-gradient:hover:not(:disabled),.btn-gradient:focus:not(:disabled),.btn-gradient:focus-visible:not(:disabled){transform:translateY(-1px);background:linear-gradient(90deg,var(--sv-color-accent-start),var(--sv-color-accent-end))!important;box-shadow:var(--sv-shadow-accent-hover)!important;color:#080808;border-color:transparent!important}.btn-primary:active:not(:disabled),.btn-gradient:active:not(:disabled){transform:translateY(0);background:linear-gradient(90deg,var(--sv-color-accent-start),var(--sv-color-accent-end))!important;box-shadow:var(--sv-shadow-accent);filter:brightness(.95);border-color:transparent!important}.btn-primary.active,.btn-primary.show,.btn-gradient.active,.btn-gradient.show,.btn-primary.dropdown-toggle,.btn-gradient.dropdown-toggle{background:linear-gradient(90deg,var(--sv-color-accent-start),var(--sv-color-accent-end))!important;border-color:transparent!important;color:#080808}.btn-secondary,.btn-outline-primary,.btn-ghost{background:var(--sv-color-surface-ghost);color:#ffffffd1;border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px #ffffff14}.btn-outline-primary,.btn-ghost{color:#ffb07f}.btn-outline-light{background:#ffffff0f;color:#ffffffeb;border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 0 0 1px #ffffff1f}.btn-secondary:hover:not(:disabled),.btn-secondary:focus-visible:not(:disabled),.btn-outline-primary:focus-visible:not(:disabled),.btn-ghost:hover:not(:disabled),.btn-ghost:focus-visible:not(:disabled),.btn-outline-light:hover:not(:disabled),.btn-outline-light:focus-visible:not(:disabled){background:var(--sv-color-surface-ghost);color:#ffffffeb;border-color:#ffffff38;box-shadow:inset 0 0 0 1px #ffffff2e!important;transform:translateY(-1px)}.btn-action{gap:.35rem}.btn-action .btn-label{display:inline-flex}.btn-actions{display:inline-flex;align-items:center;gap:.5rem}.btn-actions form{display:inline-flex}.btn-actions>*{margin:0}.search-field{min-width:280px}@media (max-width: 768px){.search-field{min-width:220px;width:100%}}.btn[class*=btn-outline]:not(.btn-outline-primary):not(.btn-ghost):not(.btn-outline-light){border:1px solid currentColor}@media (max-width: 576px){.btn-action{padding-inline:.6rem;min-width:2.4rem}.btn-action .btn-label{display:none!important}.btn-actions{gap:.35rem;flex-wrap:nowrap}}.btn-secondary:active:not(:disabled),.btn-outline-primary:active:not(:disabled),.btn-ghost:active:not(:disabled),.btn-outline-light:active:not(:disabled){transform:translateY(0)}button:disabled,.btn.disabled,.btn:disabled{opacity:.55!important;cursor:not-allowed!important;box-shadow:none!important;transform:none!important;filter:saturate(.7);pointer-events:none}.avatar{border-radius:50%;background:linear-gradient(135deg,var(--sv-color-accent-start),var(--sv-color-accent-end))!important;align-items:center;justify-content:center;color:#fff;font-weight:700;display:inline-block;width:35px;height:35px;text-align:center;line-height:35px}.dropdown-toggle:after{display:none}.dropdown-menu-dark{background-color:#222;border:none}.dropdown-menu-dark .dropdown-item{color:#fff}.dropdown-menu-dark .dropdown-item:hover,.dropdown-menu-dark .dropdown-item:focus{background-color:#656565;color:var(--sv-color-accent-end)}.tooltip-inner{background-color:#656565;color:#fff;border:1px solid var(--sv-color-accent-end)}@media (max-width: 768px){.card{padding:10px}}.summary-card{transition:none!important}.summary-card:hover{transform:none!important}.form-control::-moz-placeholder{color:#fff!important;opacity:1!important}.form-control::placeholder{color:#fff!important;opacity:1!important}.usersList{display:inline-block;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}input[type=checkbox]:checked{background-color:var(--sv-color-accent-end);border-color:var(--sv-color-accent-end)}input[type=checkbox].form-check-input:checked{background-color:var(--sv-color-accent-end)!important;border-color:var(--sv-color-accent-end)!important}input[type=checkbox]{accent-color:var(--sv-color-accent-end)}#groupCheckboxContainer,#newUserGroupsCheckboxes{border:1px solid #ccc;border-radius:1px;padding:1rem;overflow-y:scroll;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#555 #656565}#groupCheckboxContainer::-webkit-scrollbar,#newUserGroupsCheckboxes::-webkit-scrollbar{width:8px;height:8px}#groupCheckboxContainer::-webkit-scrollbar-track,#newUserGroupsCheckboxes::-webkit-scrollbar-track{background:#656565;border-radius:10px}#groupCheckboxContainer::-webkit-scrollbar-thumb,#newUserGroupsCheckboxes::-webkit-scrollbar-thumb{background-color:#555;border-radius:10px}#groupCheckboxContainer::-webkit-scrollbar-thumb:hover,#newUserGroupsCheckboxes::-webkit-scrollbar-thumb:hover{background-color:#777}.group-item-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.camera-name{white-space:nowrap}.table-responsive{overflow-y:scroll;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#555 #656565}.table-responsive.dynamic-height{max-height:calc(100vh - 350px);overflow-y:auto}.table-responsive::-webkit-scrollbar{width:8px;height:8px}.table-responsive::-webkit-scrollbar-track{background:#656565;border-radius:10px}.table-responsive::-webkit-scrollbar-thumb{background-color:#555;border-radius:10px}.table-responsive::-webkit-scrollbar-thumb:hover{background-color:#777}.pagination{justify-content:center;margin-top:1rem}.pagination .page-link{background-color:#23272b;color:#fff;border:1px solid #444}.pagination .page-link:hover,.pagination .page-item.active .page-link{background-color:#ff8000;color:#fff;border-color:#ff8000}.pagination .page-item.disabled .page-link{color:#888;background-color:#343a40;border-color:#444}.form-control,.form-select{background-color:#343a40;color:#fff;border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px #ffffff08}.form-control:focus,.form-select:focus{background-color:#343a40;color:#fff;border-color:#ff8000;box-shadow:0 0 0 .18rem #fd660024,inset 0 0 0 1px #ffffff08}.ops-combobox{position:relative;display:block}.ops-combobox__toggle{text-align:left;width:100%;padding:.375rem .75rem;border-radius:6px;background:#343a40;color:#fff;border:1px solid #444;display:flex;align-items:center;height:calc(1.5em + .75rem + 2px)}.ops-combobox__list{position:absolute;top:calc(100% + .25rem);left:0;right:0;background:#121212;border:1px solid #333;z-index:1500;max-height:240px;overflow:auto;border-radius:6px;padding:.25rem}.ops-combobox__option{padding:.45rem .6rem;color:#ddd;cursor:pointer}.ops-combobox__option.is-active,.ops-combobox__option:hover{background:#2b2b2b;color:#fff}#createGroupsCameraTable thead th,#editGroupsCameraTable thead th{position:sticky;top:0;background-color:#343a40;z-index:10}#createGroupsCameraTable thead th:first-child,#editGroupsCameraTable thead th:first-child{position:sticky;left:0;background-color:#343a40;z-index:11}#createGroupsCameraTable tbody td:first-child,#editGroupsCameraTable tbody td:first-child{position:sticky;left:0;background-color:#212529;z-index:1}
