:root{--bg:#0b0d11;--surface:#14171d;--surface-raised:#1b1f27;--surface-hover:#20242d;--border:#262b34;--border-strong:#343b47;--text-primary:#eceef2;--text-secondary:#8a93a3;--text-muted:#5b6270;--brand:#f2a53d;--brand-light:#ffc670;--brand-dark:#c97f1e;--brand-dim:#f2a53d24;--brand-gradient:linear-gradient(135deg, var(--brand-light), var(--brand));--accent-live:#34d399;--accent-live-dim:#34d39924;--danger:#e5484d;--danger-dim:#e5484d24;--font-display:"IBM Plex Mono", ui-monospace, monospace;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--shadow-panel:0 1px 0 #ffffff08 inset, 0 8px 24px #00000047;--shadow-card:0 20px 60px #00000073}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,h4,.mono{font-family:var(--font-display);letter-spacing:-.01em}button{font-family:inherit}a{color:inherit}.logo-lockup{align-items:center;gap:10px;display:flex}.logo-text{flex-direction:column;line-height:1.25;display:flex}.logo-title{font-family:var(--font-display);color:var(--text-primary);font-size:15px;font-weight:600}.logo-sub{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:10.5px}.live-dot{background:var(--accent-live);border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block;position:relative}.live-dot:after{content:"";border:1px solid var(--accent-live);opacity:.6;border-radius:50%;animation:2.2s ease-out infinite pulse-ring;position:absolute;inset:-4px}@keyframes pulse-ring{0%{opacity:.6;transform:scale(.6)}to{opacity:0;transform:scale(1.9)}}.live-dot.dim{background:var(--text-muted)}.live-dot.dim:after{display:none}.auth-screen{background:var(--bg);justify-content:center;align-items:center;min-height:100%;padding:24px;display:flex;position:relative;overflow:hidden}.auth-ring{pointer-events:none;border:1px solid #f2a53d1f;border-radius:50%;position:absolute}.auth-ring.r1{width:640px;height:640px;top:-220px;left:-180px}.auth-ring.r2{border-color:#34d3991a;width:420px;height:420px;bottom:-160px;right:-100px}.auth-split-card{z-index:1;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:880px;box-shadow:var(--shadow-card);grid-template-columns:1fr 1fr;display:grid;position:relative;overflow:hidden}.auth-left{flex-direction:column;justify-content:center;padding:40px;display:flex}.auth-right{border-left:1px solid var(--border);background:linear-gradient(165deg,#171308,#0f0c07 60%);flex-direction:column;justify-content:center;padding:44px 40px;display:flex}.auth-eyebrow{font-size:11px;font-family:var(--font-display);color:var(--brand);text-transform:uppercase;letter-spacing:.12em;margin-bottom:14px}.auth-right h2{color:var(--text-primary);margin:0 0 12px;font-size:21px;line-height:1.35}.auth-right h2 em{color:var(--brand-light);font-style:normal}.auth-right-lead{color:var(--text-secondary);margin:0 0 28px;font-size:13.5px;line-height:1.5}.feature-list{flex-direction:column;gap:14px;display:flex}.feature-item{border-radius:var(--radius-md);border:1px solid var(--border);background:#ffffff05;align-items:flex-start;gap:12px;padding:12px;display:flex}.feature-icon{background:var(--brand-dim);width:30px;height:30px;color:var(--brand-light);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;display:flex}.feature-item b{color:var(--text-primary);margin-bottom:2px;font-size:13.5px;display:block}.feature-item span{color:var(--text-muted);font-size:12.5px;line-height:1.4}.auth-title{color:var(--text-primary);margin:20px 0 4px;font-size:24px;font-weight:600}.auth-lead{color:var(--text-secondary);margin:0 0 26px;font-size:13.5px}.field{margin-bottom:16px}.field label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:12.5px;display:block}.field input,.field select{background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);outline:none;padding:11px 13px;font-size:14px;transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-dim)}.btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-size:14px;font-weight:600;transition:filter .15s,transform 50ms;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.btn-primary,.btn-admin{background:var(--brand-gradient);color:#241300}.btn-primary:hover,.btn-admin:hover{filter:brightness(1.06)}.btn-primary:disabled,.btn-admin:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{border-color:var(--border-strong);color:var(--text-primary);background:0 0}.btn-ghost:hover{background:var(--surface-hover)}.btn-block{width:100%}.icon-btn{border:1px solid var(--border-strong);width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:15px;line-height:1;transition:all .15s;display:inline-flex}.icon-btn:hover{border-color:var(--danger);color:var(--danger);background:var(--danger-dim)}.error-text{color:var(--danger);margin-top:8px;font-size:13px}.app-shell{height:100vh;display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:264px;display:flex}.sidebar-header{border-bottom:1px solid var(--border);padding:18px}.sidebar-list{flex:1;padding:10px;overflow-y:auto}.sidebar-item{text-align:left;border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:10px;margin-bottom:2px;padding:10px 12px;font-size:14px;text-decoration:none;display:flex}.sidebar-item:hover{background:var(--surface-hover);color:var(--text-primary)}.sidebar-item.active{background:var(--brand-dim);color:var(--text-primary);border-color:#f2a53d59}.sidebar-footer{border-top:1px solid var(--border);padding:14px 18px}.user-chip{justify-content:space-between;align-items:center;gap:8px;display:flex}.user-chip-name{color:var(--text-primary);font-size:13px;font-weight:500}.role-badge{text-transform:uppercase;letter-spacing:.05em;background:var(--brand-dim);color:var(--brand-light);border-radius:999px;margin-top:3px;padding:2px 7px;font-size:10px;display:inline-block}.role-badge.direktor{background:var(--accent-live-dim);color:var(--accent-live)}.role-badge.xodim{color:var(--text-secondary);background:#8a93a324}.main{flex:1;padding:28px 32px;overflow-y:auto}.main-header{justify-content:space-between;align-items:baseline;margin-bottom:24px;display:flex}.page-title{margin:0;font-size:20px;font-weight:600}.page-subtitle{color:var(--text-secondary);margin-top:4px;font-size:13px}.empty-state{border:1px dashed var(--border-strong);border-radius:var(--radius-lg);text-align:center;color:var(--text-secondary);padding:48px 24px}.camera-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.camera-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.camera-card-preview{aspect-ratio:16/9;color:var(--text-muted);text-align:center;background:linear-gradient(135deg,#10131a,#191d26);justify-content:center;align-items:center;padding:12px;font-size:12px;display:flex}.camera-card-footer{border-top:1px solid var(--border);align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex}.tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:22px;display:flex}.tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 14px;font-size:14px}.tab.active{color:var(--text-primary);border-bottom-color:var(--brand)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:100%;margin-bottom:20px;padding:20px;overflow-x:auto}.panel-title{color:var(--text-primary);margin:0 0 16px;font-size:14px;font-weight:600}.form-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end;gap:14px;display:grid}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);padding:8px 10px;font-size:12px;font-weight:500}td{border-bottom:1px solid var(--border);color:var(--text-primary);padding:10px}tr:last-child td{border-bottom:none}.chip-row{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.checkbox-chip{border:1px solid var(--border-strong);cursor:pointer;color:var(--text-secondary);border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;display:flex}.checkbox-chip.checked{border-color:var(--brand);color:var(--text-primary);background:var(--brand-dim)}.banner{border-radius:var(--radius-sm);margin-bottom:16px;padding:10px 14px;font-size:13px}.banner.success{background:var(--accent-live-dim);color:var(--accent-live)}.banner.error{background:var(--danger-dim);color:var(--danger)}@media (width<=760px){.auth-split-card{grid-template-columns:1fr;max-width:420px}.auth-right{display:none}}.camera-player{background:#000;width:100%;height:100%;position:relative;overflow:hidden}.camera-player-video{object-fit:cover;width:100%;height:100%;display:block}.camera-player-overlay{color:var(--text-secondary);text-align:center;background:#0c0e11d9;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:12px;display:flex;position:absolute;inset:0}.camera-player-overlay-error{color:var(--danger)}.camera-card-clickable{cursor:pointer;transition:border-color .15s,transform .1s}.camera-card-clickable:hover{border-color:var(--brand)}.camera-card-clickable:active{transform:scale(.995)}.camera-modal-backdrop{z-index:1000;background:#000c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.camera-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:1100px;box-shadow:var(--shadow-card);flex-direction:column;display:flex;overflow:hidden}.camera-modal-header{border-bottom:1px solid var(--border);color:var(--text-primary);justify-content:space-between;align-items:center;padding:14px 18px;font-size:14px;display:flex}.camera-modal-close{border:1px solid var(--border-strong);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:50%;width:30px;height:30px;font-size:14px;line-height:1}.camera-modal-close:hover{border-color:var(--danger);color:var(--danger)}.camera-modal-body{aspect-ratio:16/9;background:#000;width:100%}.auth-decor{pointer-events:none;position:absolute;inset:0;overflow:hidden}.auth-decor-bracket{border:0 solid #f2a53d59;width:130px;height:130px;position:absolute}.auth-decor-bracket-1{border-top-width:2px;border-left-width:2px;border-top-left-radius:8px;top:14%;left:5%}.auth-decor-bracket-2{border-bottom-width:2px;border-right-width:2px;border-bottom-right-radius:8px;bottom:12%;right:6%}.auth-decor-scan{border:1px solid #f2a53d29;border-radius:50%;width:150px;height:150px;position:absolute;top:50%;left:6%;transform:translateY(-50%)}.auth-decor-scan:before{content:"";border:1px dashed #f2a53d38;border-radius:50%;position:absolute;inset:22px}.auth-decor-scan:after{content:"";border:1px solid #34d39947;border-radius:50%;position:absolute;inset:46px}.auth-decor-dotline{border-top:1px dashed #f2a53d2e;position:absolute}.auth-decor-dotline-1{width:180px;top:18%;left:4%;transform:rotate(8deg)}.auth-decor-dotline-2{border-top-color:#34d39924;width:220px;bottom:16%;right:6%;transform:rotate(-6deg)}.auth-decor-ring{border:1px solid #34d3991f;border-radius:50%;width:90px;height:90px;position:absolute;top:12%;right:12%}.auth-decor-ring:after{content:"";border:1px solid #34d39933;border-radius:50%;position:absolute;inset:30%}.auth-logo-box{background:#fff;border-radius:14px;margin-bottom:26px;padding:16px 20px 14px}.auth-logo-box-row{align-items:center;gap:12px;display:flex}.auth-logo-box-title{font-family:var(--font-display);color:#14171d;letter-spacing:-.01em;font-size:21px;font-weight:700}.auth-logo-box-title span{color:var(--brand)}.auth-logo-box-tagline{color:#8a8f99;letter-spacing:.04em;text-transform:uppercase;border-top:1px solid #e8e8e8;flex-wrap:wrap;gap:3px 0;margin-top:10px;padding-top:8px;font-size:9.5px;display:flex}.auth-logo-box-tagline span:not(:last-child):after{content:"|";color:#c5c5c5;margin:0 8px}.captcha-row{align-items:center;gap:8px;display:flex}.captcha-eq{font-family:var(--font-display);color:var(--brand-light);white-space:nowrap;font-size:14px}.captcha-input{background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:56px;color:var(--text-primary);text-align:center;padding:11px 10px;font-size:14px}.captcha-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-dim);outline:none}.captcha-icon-btn{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-raised);width:38px;height:38px;color:var(--text-secondary);cursor:pointer;flex-shrink:0;font-size:14px}.captcha-icon-btn:hover{border-color:var(--brand);color:var(--brand-light)}.feat-item{border-radius:var(--radius-md);border:1px solid var(--border);background:#ffffff05;align-items:flex-start;gap:12px;margin-bottom:11px;padding:12px;display:flex}.feat-item:last-child{margin-bottom:0}.feat-icon{background:var(--brand-dim);width:32px;height:32px;color:var(--brand-light);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;display:flex}.feat-text{flex-direction:column;gap:2px;display:flex}.feat-title{color:var(--text-primary);font-size:13.5px;font-weight:600}.feat-desc{color:var(--text-muted);font-size:12.5px;line-height:1.4}