@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap);:root{--primary:#fff;--primary-dark:#e0e0e0;--primary-light:#222;--accent:#aaa;--success:#888;--warning:#707070;--danger:#ccc;--info:#999;--bg:#0c0c0c;--surface:#161616;--surface-alt:#1e1e1e;--border:#2c2c2c;--border-dark:#3c3c3c;--hover:#ffffff0d;--text:#f0f0f0;--text-muted:#888;--text-light:#555;--nav-bg:#000;--nav-text:#aaa;--nav-icon-size:14px;--nav-link-opacity:0.72;--radius:12px;--radius-sm:8px;--radius-lg:16px;--shadow:0 2px 12px #00000080;--shadow-md:0 4px 24px #0009;--shadow-lg:0 8px 40px #000000b3;--table-header-bg:#1a1a1a;--table-row-alt-bg:#1c1c1c;--table-footer-bg:#1a1a1a;--group-header-bg:#1e1e1e;--btn-primary-text:#000;--active-bg:#fff;--active-text:#000;--badge-active-bg:#ffffff17;--badge-active-color:#ddd;--badge-active-dot:#fff;--badge-inactive-bg:#ffffff0f;--badge-inactive-color:#888;--badge-inactive-dot:#888;--hover-danger-bg:#2a2020;--image-viewer-bg:#0a0a0a;--primary-muted:#ffffff14;--banner-bg:#2563eb;--banner-text:#fff}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;font-size:14px;line-height:1.5}.cameras-root,.pk-login-root,.pk-page{background-color:var(--bg);background-image:linear-gradient(#1f8ef10a 1px,#0000 0),linear-gradient(90deg,#1f8ef10a 1px,#0000 0);background-size:48px 48px}button,input,select,textarea{font-family:inherit}button{cursor:pointer}.page-toolbar{align-items:center;background:var(--surface);border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:8px;height:44px;overflow-x:auto;overflow-y:hidden;padding:0 20px;scrollbar-width:none}.page-toolbar::-webkit-scrollbar{display:none}.page-toolbar .tb-sep{background:var(--border);flex-shrink:0;height:18px;margin:0 4px;width:1px}.page-toolbar .tb-label{color:var(--text-light);flex-shrink:0;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.page-toolbar .tb-btn{background:#0000;border:1px solid var(--border);border-radius:20px;color:var(--text-muted);cursor:pointer;flex-shrink:0;font-size:12px;font-weight:500;padding:5px 12px;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.page-toolbar .tb-btn:hover{background:var(--hover);color:var(--text)}.page-toolbar .tb-btn.active{background:var(--primary-muted);border-color:var(--primary);color:var(--primary);font-weight:600}.page-toolbar .tb-input{background:var(--surface-alt);border:1px solid var(--border);border-radius:20px;color:var(--text);font-size:12px;height:30px;max-width:200px;min-width:140px;padding:0 10px 0 28px;transition:border-color .2s}.page-toolbar .tb-input:focus{border-color:var(--primary);outline:none}.page-toolbar .tb-input::placeholder{color:var(--text-light)}.page-toolbar .tb-search-wrap{flex-shrink:0;position:relative}.page-toolbar .tb-search-wrap .tb-search-icon{font-size:12px;left:9px;opacity:.5;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.page-toolbar .tb-ghost-btn{background:#0000;border:1px solid var(--border);border-radius:6px;color:var(--text-muted);cursor:pointer;flex-shrink:0;font-size:12px;font-weight:500;padding:5px 12px;transition:background .15s,color .15s;white-space:nowrap}.page-toolbar .tb-ghost-btn:hover{background:var(--hover);color:var(--text)}.page-toolbar .tb-action-btn{background:var(--primary);border:none;border-radius:6px;color:#fff;color:var(--btn-primary-text,#fff);cursor:pointer;flex-shrink:0;font-size:12px;font-weight:600;padding:5px 14px;transition:opacity .15s;white-space:nowrap}.page-toolbar .tb-action-btn:hover{opacity:.85}@media (max-width:768px){main{-ms-overflow-style:none;scrollbar-width:none}main::-webkit-scrollbar{display:none}}.navbar{align-items:center;background:var(--nav-bg);border-bottom:1px solid var(--nav-border,var(--border));box-shadow:var(--shadow);display:flex;gap:8px;height:56px;overflow:hidden;padding:0 12px 0 20px;position:sticky;top:0;z-index:200}.navbar-brand{gap:10px;text-decoration:none}.navbar-brand,.navbar-logo-icon{align-items:center;display:flex;flex-shrink:0}.navbar-logo-icon{animation:nav-spin 12s linear infinite}@keyframes nav-spin{to{transform:rotate(1turn)}}.navbar-brand-text{display:flex;flex-direction:column;gap:1px;line-height:1}.navbar-title{font-family:Barlow Condensed,Barlow,system-ui,sans-serif;font-size:14px;font-weight:800;letter-spacing:2.5px}.navbar-subtitle,.navbar-title{color:var(--nav-text);white-space:nowrap}.navbar-subtitle{font-size:9px;font-weight:400;letter-spacing:2px;opacity:.5;text-transform:uppercase}.navbar-spacer{flex:1 1}.navbar-divider{background:var(--border);background:var(--nav-border,var(--border));flex-shrink:0;height:20px;width:1px}.navbar-page-title{color:var(--nav-text);font-size:13px;font-weight:600;max-width:260px;opacity:.9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-select{border:1px solid var(--nav-border,var(--border));border-radius:7px;color:#ccc;color:var(--nav-text,#ccc);cursor:pointer;flex-shrink:0;font-size:12px;outline:none;padding:5px 10px;transition:background .15s,border-color .15s}.theme-select,.theme-select:hover{background:var(--hover);background:var(--nav-btn-hover,var(--hover))}.theme-select:hover{border-color:var(--nav-border,var(--border-dark))}.theme-select option{background:var(--surface);color:var(--text)}.navbar-layout-label{color:#ccc;color:var(--nav-text,#ccc);flex-shrink:0;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.navbar-actions{align-items:center;display:flex;gap:6px}.nav-user{font-size:12px;gap:5px;opacity:.9;padding:0 8px}.nav-btn,.nav-user{align-items:center;color:var(--nav-text);display:flex}.nav-btn{background:#0000;border:1px solid var(--nav-border,var(--border));border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-weight:500;gap:6px;padding:7px 14px;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.nav-btn:hover{background:var(--hover);background:var(--nav-btn-hover,var(--hover));border-color:var(--nav-border,var(--border-dark));color:var(--nav-text)}.nav-btn.danger:hover{background:#e74c3c1a;border-color:#e74c3c4d;color:#e74c3c}.modal-overlay{align-items:center;animation:modalFadeIn .15s ease;background:#000000bf;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-box{animation:modalSlideUp .2s cubic-bezier(.16,1,.3,1);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:400px;padding:32px;width:100%}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.modal-header{margin-bottom:24px}.modal-header h3{color:var(--text);font-size:16px;font-weight:600}.modal-close{background:none;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;font-size:20px;line-height:1;padding:4px 8px;transition:background .15s,color .15s}.modal-close:hover{background:var(--hover);color:var(--text)}.modal-form{gap:14px}.modal-field,.modal-form{display:flex;flex-direction:column}.modal-field{gap:6px}.modal-field label{color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.modal-input{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:14px;padding:10px 14px;transition:border-color .2s}.modal-input:focus{border-color:var(--primary);outline:none}.modal-input::placeholder{color:var(--text-light)}.modal-msg{border-radius:var(--radius-sm);font-size:13px;padding:10px 12px;text-align:center}.modal-msg.success{background:#27ae601f;border:1px solid #27ae6040;color:#27ae60}.modal-msg.error{background:#e74c3c1a;border:1px solid #e74c3c40;color:#e74c3c}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:6px}.modal-btn{border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-weight:600;padding:9px 20px;transition:opacity .2s}.modal-btn.primary{background:var(--primary);border:none;color:#000;color:var(--btn-primary-text,#000)}.modal-btn.primary:hover{opacity:.85}.modal-btn.primary:disabled{cursor:not-allowed;opacity:.5}.modal-btn.secondary{background:#0000;border:1px solid var(--border);color:var(--text-muted)}.modal-btn.secondary:hover{background:var(--hover);color:var(--text)}.navbar-hamburger{align-items:center;background:#0000;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm,8px);color:var(--nav-text);cursor:pointer;display:none;flex-shrink:0;justify-content:center;padding:7px;transition:background .15s,border-color .15s}.navbar-hamburger.open,.navbar-hamburger:hover{background:var(--hover);border-color:var(--border-dark)}@media (min-width:769px){.navbar-hamburger{display:none}}@media (max-width:768px){.navbar{gap:8px;padding:0 12px}.navbar-hamburger{display:flex}.navbar-actions,.navbar-layout-label{display:none}.theme-select{font-size:11px;padding:4px 7px}}@media (max-width:420px){.navbar-title{display:none}}@media (max-width:360px){.navbar-brand-text,.navbar-subtitle{display:none}}.sidebar{background:var(--nav-bg);background:var(--sidebar-bg,var(--nav-bg));border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;position:relative;transition:width .22s cubic-bezier(.4,0,.2,1);width:220px;z-index:100}.sidebar.collapsed{width:56px}.sidebar-toggle{border-bottom:1px solid var(--border);height:40px;justify-content:flex-end;padding:0 10px}.sidebar-toggle,.sidebar-toggle-btn{align-items:center;display:flex;flex-shrink:0}.sidebar-toggle-btn{background:#0000;border:1px solid var(--border);border-radius:6px;color:var(--nav-text);cursor:pointer;height:28px;justify-content:center;opacity:.6;transition:opacity .15s,background .15s;width:28px}.sidebar-toggle-btn:hover{background:var(--hover);opacity:1}.sidebar.collapsed .sidebar-toggle{justify-content:center;padding:0}.sidebar-nav{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:6px 0;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-section-divider{background:linear-gradient(to right,var(--primary),var(--border));flex-shrink:0;height:1px;margin:4px 0 4px 8px;opacity:.8}.sidebar-slot-title{color:var(--nav-text);flex-shrink:0;font-size:12px;font-weight:600;margin-left:8px;overflow:hidden;padding:4px 12px 6px;text-overflow:ellipsis;white-space:nowrap}.sidebar-slot-title-sub{font-size:11px;font-weight:400;opacity:.55}.sidebar-page-slot{border-left:2px solid var(--primary);display:flex;flex:1 1;flex-direction:column;gap:2px;margin-left:8px;min-height:0;overflow-x:hidden;overflow-y:auto;padding:6px 0;scrollbar-width:none}.sidebar-page-slot::-webkit-scrollbar{display:none}.sidebar-page-slot .sp-section{display:flex;flex-direction:column;gap:5px;padding:2px 8px 6px}.sidebar-page-slot .sp-label{color:var(--text-light);font-size:10px;font-weight:600;letter-spacing:.07em;padding:4px 2px 0;text-transform:uppercase}.sidebar-page-slot .sp-btn-group{display:flex;flex-wrap:wrap;gap:4px}.sidebar-page-slot .sp-btn{background:#0000;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--nav-text);cursor:pointer;flex:1 1;font-size:11px;font-weight:500;min-width:0;opacity:.8;padding:6px;text-align:center;transition:background .15s,opacity .15s,border-color .15s;white-space:nowrap}.sidebar-page-slot .sp-btn-full{flex:none;text-align:left;width:100%}.sidebar-page-slot .sp-btn:hover{background:var(--hover);opacity:1}.sidebar-page-slot .sp-btn.active{background:var(--primary-muted);background:var(--sidebar-active-bg,var(--primary-muted));border-color:var(--primary);color:var(--primary);color:var(--nav-active-text,var(--primary));font-weight:600;opacity:1}.sidebar-page-slot .sp-input{background:#ffffff0d;background:var(--surface-alt,#ffffff0d);border:1px solid var(--border);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--nav-text);font-size:12px;height:30px;padding:0 8px;width:100%}.sidebar-page-slot .sp-input:focus{border-color:var(--primary);outline:none}.sidebar-page-slot .sp-input::placeholder{color:var(--text-light)}.sidebar-page-slot .sp-action-btn{background:var(--primary);border:none;border-radius:var(--radius-sm);color:#fff;color:var(--btn-primary-text,#fff);cursor:pointer;font-size:12px;font-weight:600;opacity:.9;padding:7px 10px;transition:opacity .15s;width:100%}.sidebar-page-slot .sp-action-btn:hover{opacity:1}.sidebar-page-slot .sp-ghost-btn{background:#0000;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--nav-text);cursor:pointer;font-size:12px;font-weight:500;opacity:.75;padding:6px 10px;transition:background .15s,opacity .15s;width:100%}.sidebar-page-slot .sp-ghost-btn:hover{background:var(--hover);opacity:1}.sidebar-page-slot .sp-stat{color:var(--text-light);font-size:11px;padding:0 2px}.sidebar.collapsed .sidebar-page-slot,.sidebar.collapsed .sidebar-section-divider,.sidebar.collapsed .sidebar-slot-title{display:none}.sidebar-link{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--nav-text);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;margin:1px 8px;opacity:.72;opacity:var(--nav-link-opacity,.72);padding:9px 10px;text-align:left;transition:background .15s,opacity .15s,color .15s;white-space:nowrap;width:calc(100% - 16px)}.sidebar-link:hover{background:var(--hover);opacity:1}.sidebar-link.active{background:var(--primary-muted);background:var(--sidebar-active-bg,var(--primary-muted));color:var(--primary);color:var(--nav-active-text,var(--primary));font-weight:600;opacity:1}.sidebar-icon{flex-shrink:0;font-size:16px;font-size:var(--nav-icon-size,16px);line-height:1;text-align:center;width:22px}.sidebar-label{overflow:hidden;text-overflow:ellipsis;transition:opacity .15s}.sidebar.collapsed .sidebar-link{justify-content:center;margin:1px auto;padding:9px 0;width:40px}.sidebar.collapsed .sidebar-label{display:none}.sidebar.collapsed .sidebar-link{position:relative}.sidebar.collapsed .sidebar-link:hover:after{background:var(--surface);border:1px solid var(--border);border-radius:6px;box-shadow:var(--shadow);color:var(--text);content:attr(data-label);font-size:12px;left:calc(100% + 8px);padding:4px 10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:999}.sidebar-footer{border-top:1px solid var(--border);flex-shrink:0;padding:6px 0}.sidebar-panic{color:#ef4444!important;font-weight:700!important}.sidebar-panic:hover{background:#ef444426!important}.sidebar-logout{color:#e05252!important;color:var(--danger,#e05252)!important;opacity:.8!important}.sidebar-logout:hover{background:#e052521a!important;opacity:1!important}@media (max-width:768px){.sidebar{height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1);width:240px!important;z-index:300}.sidebar.mobile-open{box-shadow:4px 0 32px #00000073;transform:translateX(0)}.sidebar .sidebar-link{justify-content:flex-start;margin:1px 8px;padding:11px 12px;width:calc(100% - 16px)}.sidebar .sidebar-label{display:block}.sidebar .sidebar-toggle{display:none}.sidebar-backdrop{background:#0000008c;inset:0;position:fixed;z-index:299}}.login-page{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.login-page:before{background:radial-gradient(circle,#ffffff0a 0,#0000 70%);background:radial-gradient(circle,rgba(var(--primary-rgb,255,255,255),.04) 0,#0000 70%);border-radius:50%;content:"";height:600px;pointer-events:none;position:absolute;width:600px}.login-card{animation:loginSlideUp .4s cubic-bezier(.16,1,.3,1);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:420px;padding:48px 40px;width:100%}@keyframes loginSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.login-brand{flex-direction:column;gap:14px;margin-bottom:36px}.login-brand,.login-logo{align-items:center;display:flex}.login-logo{animation:loginLogoSpin 12s linear infinite;background:var(--primary-light);border:1.5px solid #1f8ef133;border-radius:20px;height:72px;justify-content:center;width:72px}@keyframes loginLogoSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-brand-name{color:var(--text);font-family:Barlow Condensed,sans-serif;font-size:26px;font-weight:800;letter-spacing:2.5px}.login-brand-sub{color:var(--text-muted);font-size:10px;letter-spacing:2px;margin-top:-6px;opacity:.6;text-transform:uppercase}.login-form{gap:16px}.login-field,.login-form{display:flex;flex-direction:column}.login-field{gap:6px}.login-field label{color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.login-input-wrap{align-items:center;display:flex;position:relative}.login-input-icon{font-size:15px;left:14px;opacity:.5;pointer-events:none;position:absolute}.login-input{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:14px;padding:12px 14px 12px 40px;transition:border-color .2s,box-shadow .2s;width:100%}.login-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #ffffff14;box-shadow:0 0 0 3px rgba(var(--primary-rgb,255,255,255),.08);outline:none}.login-input::placeholder{color:var(--text-light)}.login-error{align-items:center;animation:loginShake .35s ease;background:#e74c3c1a;border:1px solid #e74c3c40;border-radius:var(--radius-sm);color:#e74c3c;display:flex;font-size:13px;gap:8px;padding:10px 14px}@keyframes loginShake{0%,to{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}.login-btn{background:var(--primary);border:none;border-radius:var(--radius-sm);color:#000;color:var(--btn-primary-text,#000);cursor:pointer;font-size:15px;font-weight:600;letter-spacing:.01em;margin-top:8px;padding:13px;transition:opacity .2s,transform .15s;width:100%}.login-btn:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:480px){.login-card{padding:36px 24px}}:root{--camera-accent-green:#27ae60;--camera-accent-red:#e74c3c;--camera-accent-orange:#f39c12}.cameras-page{background:#0000;display:flex;min-height:100vh}.cameras-main{flex:1 1;padding:24px}.cameras-header{background:var(--surface);border-bottom:1px solid var(--border);margin-bottom:12px;padding:10px 20px;position:sticky;top:0;z-index:100}.header-content{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.header-title h1{color:var(--text);font-size:20px;font-weight:600;margin:0 0 2px}.subtitle{color:var(--text-muted);font-size:12px;margin:0}.header-stats{display:flex;gap:10px}.stat-item{align-items:center;background:var(--surface);border-radius:20px;display:flex;flex-direction:row;gap:6px;min-width:0;min-width:auto;padding:6px 14px}.stat-item .stat-value{color:var(--text);font-size:16px;font-weight:700}.stat-item .stat-label{color:var(--text-muted);font-size:12px;text-transform:uppercase}.stat-item.online .stat-value{color:#27ae60;color:var(--camera-accent-green)}.stat-item.offline .stat-value{color:#e74c3c;color:var(--camera-accent-red)}.stat-item.maintenance .stat-value{color:#f39c12;color:var(--camera-accent-orange)}.header-search-filter{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:8px;justify-content:flex-end}.header-search-box{align-items:center;display:flex;position:relative}.header-search-box .search-icon{font-size:13px;left:10px;opacity:.55;pointer-events:none;position:absolute}.header-search-box input{background:var(--surface-alt);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:13px;padding:6px 28px 6px 30px;transition:border-color .2s ease;width:180px}.header-search-box input:focus{border-color:var(--primary);outline:none}.header-search-box input::placeholder{color:var(--text-muted)}.header-search-filter .filter-btn{font-size:12px;padding:5px 11px}.header-search-filter .view-toggle{padding:2px}.header-search-filter .view-btn{font-size:14px;padding:5px 8px}.cameras-toolbar{align-items:center;background:var(--surface);border-radius:12px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px;padding:16px 20px}.toolbar-left,.toolbar-right{align-items:center;display:flex;gap:12px}.search-box{align-items:center;display:flex;position:relative}.search-box .search-icon{font-size:14px;left:12px;opacity:.6;position:absolute}.search-box input{background:var(--surface-alt);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;padding:10px 36px;transition:border-color .2s ease;width:240px}.search-box input:focus{border-color:var(--primary);outline:none}.clear-search,.search-box input::placeholder{color:var(--text-muted)}.clear-search{background:none;border:none;cursor:pointer;font-size:12px;padding:4px;position:absolute;right:10px}.clear-search:hover{color:var(--text)}.filter-group{display:flex;gap:8px}.filter-btn{background:var(--surface-alt);border:1px solid var(--border);border-radius:8px;color:var(--text-muted);cursor:pointer;font-size:13px;padding:8px 16px;transition:all .2s ease}.filter-btn:hover{border-color:var(--primary);color:var(--text)}.filter-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.view-toggle{background:var(--surface-alt);border-radius:8px;display:flex;padding:4px}.view-btn{background:none;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;font-size:16px;padding:8px 12px;transition:all .2s ease}.view-btn:hover{color:var(--text)}.add-camera-btn,.view-btn.active{background:var(--primary);color:#fff}.add-camera-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background .2s ease}.add-camera-btn:hover{background:var(--primary-dark)}.camera-container{padding-bottom:40px}.camera-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.camera-list{display:flex;flex-direction:column;gap:12px}.camera-list .camera-card{flex-direction:row}.camera-list .camera-preview{aspect-ratio:16/9;width:200px}.camera-card{background:var(--surface);border:2px solid #0000;border-radius:16px;cursor:pointer;overflow:hidden;transition:all .3s ease}.camera-card:hover{border-color:var(--border);box-shadow:0 12px 32px var(--shadow);transform:translateY(-4px)}.camera-card.selected{border-color:var(--primary)}.camera-card.maintenance,.camera-card.offline{opacity:.7}.camera-card.maintenance:hover,.camera-card.offline:hover{opacity:1}.camera-preview{aspect-ratio:16/9;background:#000;overflow:hidden;position:relative}.video-player-wrapper{height:100%;position:relative;width:100%}.video-canvas{display:block;height:100%;width:100%}.video-overlay{inset:0;pointer-events:none;position:absolute}.video-top-bar{background:linear-gradient(180deg,#000000b3 0,#0000);justify-content:space-between;padding:12px}.live-indicator,.video-top-bar{align-items:center;display:flex}.live-indicator{gap:6px}.rec-dot{animation:blink 1s steps(1) infinite;background:#e74c3c}.live-dot,.rec-dot{border-radius:50%;height:8px;width:8px}.live-dot{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.live-text{color:#fff;font-size:11px;font-weight:600;text-transform:uppercase}.video-timestamp{background:#00000080;border-radius:4px;color:#fffc;font-family:Courier New,monospace;font-size:12px;padding:4px 8px}.connecting-overlay{align-items:center;background:#000000d1;display:flex;flex-direction:column;gap:10px;inset:0;justify-content:center;position:absolute}.connecting-spinner{animation:spin .75s linear infinite;border:2px solid #ffffff1f;border-radius:50%;border-top:2px solid var(--primary);height:26px;width:26px}@keyframes spin{to{transform:rotate(1turn)}}.connecting-label{color:#ffffffbf;font-size:11px;font-weight:500;letter-spacing:.3px;min-width:90px;text-align:center}.connecting-url{background:#ffffff0f;border-radius:4px;color:var(--primary);font-size:9px;max-width:88%;opacity:.75;padding:3px 8px}.connecting-url,.stream-url-badge{font-family:Courier New,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stream-url-badge{background:#0000008c;border-radius:3px;color:#ffffff8c;font-size:10px;max-width:100%;padding:2px 7px}.video-info-overlay{align-items:flex-end;background:linear-gradient(0deg,#000000b8 0,#0000);bottom:0;display:flex;flex-direction:row;gap:8px;justify-content:space-between;left:0;padding:28px 12px 10px;position:absolute;right:0}.video-info-text{display:flex;flex-direction:column;gap:2px}.camera-name{color:#fff;font-size:13px;font-weight:600;text-shadow:0 1px 4px #000000e6}.camera-resolution{color:#fffc;font-size:11px;text-shadow:0 1px 3px #000000e6}.snapshot-btn{background:#00000080;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:4px 8px;pointer-events:auto;transition:background .2s;width:fit-content}.snapshot-btn:hover{background:#fff3}.video-status-overlay{align-items:center;background:#000c;display:flex;flex-direction:column;gap:8px;inset:0;justify-content:center;position:absolute}.status-icon{font-size:48px}.status-text{color:#fff;font-size:14px;font-weight:600;text-transform:uppercase}.camera-info{padding:16px 20px}.camera-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.camera-info h3{color:var(--text);font-size:16px;font-weight:600;margin:0}.status-badge{border-radius:20px;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.status-badge.online{background:#27ae6033;color:#27ae60;color:var(--camera-accent-green)}.status-badge.offline{background:#e74c3c33;color:#e74c3c;color:var(--camera-accent-red)}.status-badge.maintenance{background:#f39c1233;color:#f39c12;color:var(--camera-accent-orange)}.camera-location{color:var(--text-muted);font-size:13px;margin:0 0 12px}.camera-meta{color:var(--text-muted);display:flex;font-size:12px;gap:16px;margin-bottom:12px}.camera-actions{display:flex;gap:8px}.action-btn{background:var(--surface-alt);border:1px solid var(--border);border-radius:8px;color:var(--text-muted);cursor:pointer;font-size:14px;height:36px;transition:all .2s ease;width:36px}.action-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.3}.empty-state h3{color:var(--text);font-size:20px;margin:0 0 8px}.empty-state p{color:var(--text-muted);margin:0}.camera-modal{align-items:center;animation:fadeIn .2s ease;background:#000000e6;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.camera-modal-content{animation:slideUp .3s ease;background:var(--surface);border-radius:20px;max-height:90vh;max-width:1000px;overflow:auto;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;padding:10px 16px}.modal-header,.modal-title{align-items:center;display:flex}.modal-title{gap:8px}.modal-title h2{color:var(--text);font-size:15px;margin:0}.close-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:18px;padding:4px 6px;transition:color .2s ease}.close-btn:hover{color:var(--text)}.modal-video{aspect-ratio:16/9;background:#000;overflow:hidden;position:relative}.modal-video .video-player-wrapper{height:100%;width:100%}.modal-controls{display:flex;flex-wrap:wrap;gap:12px;padding:0 24px 20px}.control-btn{background:var(--surface-alt);border:1px solid var(--border);border-radius:8px;color:var(--text-muted);cursor:pointer;font-size:13px;padding:10px 16px;transition:all .2s ease}.control-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff}.modal-details{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:0 24px 24px}.detail-section{background:var(--surface-alt);border-radius:12px;padding:20px}.detail-section h4{color:var(--text);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.detail-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item label{color:var(--text-muted);font-size:11px;text-transform:uppercase}.detail-item span{color:var(--text);font-size:14px}.url-item{margin-bottom:12px}.url-item:last-child{margin-bottom:0}.url-item label{color:var(--text-muted);display:block;font-size:11px;margin-bottom:4px;text-transform:uppercase}.url-item code{background:var(--bg);border-radius:6px;color:var(--primary);display:block;font-family:Courier New,monospace;font-size:12px;padding:10px 12px;word-break:break-all}@media (max-width:1024px){.cameras-main{margin-left:0;padding:16px}.cameras-main.expanded{margin-left:0}.cameras-toolbar{align-items:stretch;flex-direction:column}.toolbar-left,.toolbar-right{flex-wrap:wrap;justify-content:center}.search-box input{width:100%}}@media (max-width:700px){.header-search-filter{justify-content:flex-start;width:100%}.header-search-box input{width:140px}}@media (max-width:768px){.camera-grid{grid-template-columns:1fr}.camera-list .camera-card{flex-direction:column}.camera-list .camera-preview{width:100%}.detail-grid,.modal-details{grid-template-columns:1fr}}.cameras-root{display:flex;flex-direction:column;min-height:100%}.camera-tab-bar{display:flex;gap:4px}.camera-tab-btn{align-items:center;background:var(--hover);border:1px solid var(--border);border-radius:20px;color:var(--text-muted);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 14px;transition:all .15s}.camera-tab-btn:hover{background:var(--border);color:var(--text)}.camera-tab-btn.active{background:var(--primary);border-color:var(--primary);color:#fff;color:var(--btn-primary-text,#fff)}.tab-icon{font-size:16px}.wall-view{background:#0a0a0a;display:flex;flex:1 1;min-height:calc(100vh - 52px)}.wall-grid{grid-gap:3px;background:#111;display:grid;gap:3px;padding:3px;width:100%}.wall-grid.cols-1{grid-template-columns:1fr}.wall-grid.cols-2{grid-template-columns:repeat(2,1fr)}.wall-grid.cols-3{grid-template-columns:repeat(3,1fr)}.wall-cell{background:#000;cursor:pointer;overflow:hidden;position:relative}.wall-cell .video-player-wrapper{height:100%;width:100%}.wall-cell .video-canvas{height:100%!important;object-fit:cover;width:100%!important}.wall-cell-label{color:#fff;font-size:12px;font-weight:600;left:10px;text-shadow:0 1px 4px #000000e6}.wall-cell-hint,.wall-cell-label{bottom:8px;pointer-events:none;position:absolute}.wall-cell-hint{color:#fff6;font-size:10px;right:10px}.wall-focused{align-items:center;background:#000;display:flex;justify-content:center;min-height:calc(100vh - 52px);position:relative;width:100%}.wall-focused .video-player-wrapper{height:calc(100vh - 52px);width:100%}.wall-focused .video-canvas{height:100%!important;object-fit:contain;width:100%!important}.wall-exit-btn{background:#000000b3;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:6px 14px;position:absolute;right:16px;top:16px;z-index:10}.wall-exit-btn:hover{background:#ffffff26}.command-view{background:var(--bg);display:flex;height:calc(100vh - 100px);overflow:hidden}.command-sidebar{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;min-width:220px;overflow-y:auto;width:220px}.command-sidebar-header{border-bottom:1px solid var(--border);color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.08em;padding:14px 16px;text-transform:uppercase}.command-cam-item{align-items:center;border-bottom:1px solid var(--border);cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:background .15s}.command-cam-item:hover{background:var(--hover)}.command-cam-item.active{background:#6366f11a;background:var(--primary-muted,#6366f11a);border-left:3px solid var(--primary)}.command-cam-thumb{background:#000;border-radius:4px;flex-shrink:0;height:48px;overflow:hidden;width:72px}.snapshot-thumb{display:block;height:100%;object-fit:cover;width:100%}.command-cam-meta{display:flex;flex-direction:column;gap:4px;min-width:0}.command-cam-name{color:var(--text);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.command-cam-status{font-size:11px;font-weight:500;text-transform:capitalize}.command-cam-status.online{color:#27ae60}.command-cam-status.offline{color:#e74c3c}.command-main{align-items:center;background:#0a0a0a;display:flex;flex:1 1;justify-content:center;overflow:hidden}.command-main .video-player-wrapper{height:100%;width:100%}.command-main .video-canvas{height:100%!important;object-fit:contain;width:100%!important}.command-empty{color:var(--text-muted);font-size:14px}.command-panel{background:var(--surface);border-left:1px solid var(--border);display:flex;flex-direction:column;min-width:300px;overflow:hidden;width:300px}.command-panel-section{border-bottom:1px solid var(--border)}.command-panel-header{align-items:center;color:var(--text-muted);display:flex;font-size:11px;font-weight:700;justify-content:space-between;letter-spacing:.08em;padding:12px 16px;text-transform:uppercase}.command-panel-header.collapsible{background:none;border:none;cursor:pointer;transition:background .15s;width:100%}.command-panel-header.collapsible:hover{background:var(--hover)}.panel-alert-count{background:var(--primary-muted);border-radius:10px;color:var(--primary);font-size:10px;font-weight:700;letter-spacing:0;padding:1px 6px;text-transform:none}.command-panel-body{gap:12px;padding:12px 16px}.command-panel-body,.panel-row{display:flex;flex-direction:column}.panel-row{gap:3px}.panel-row label{color:var(--text-muted);font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.panel-row span{color:var(--text);font-size:13px}.panel-code{background:var(--surface-alt);border-radius:4px;color:var(--text-muted);display:block;font-size:10px;margin-top:2px;padding:4px 6px;white-space:normal;word-break:break-all}.command-panel-empty{color:var(--text-muted);font-size:12px;padding:4px 0 10px;text-align:center}.panel-alert-item{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:10px;padding:8px 12px}.panel-alert-item:last-child{border-bottom:none}.pcf-wrap{border-bottom:1px solid var(--border);padding:7px 10px 8px;position:relative}.pcf-trigger{align-items:center;background:var(--surface-alt);border:1px solid var(--border);border-radius:10px;color:var(--text);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:7px 10px;text-align:left;transition:border-color .15s,background .15s,box-shadow .15s;width:100%}.pcf-trigger.open,.pcf-trigger:hover{background:var(--surface);border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-muted)}.pcf-icon{flex-shrink:0;font-size:13px}.pcf-label{flex:1 1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pcf-sub{background:var(--primary-muted);border-radius:10px;color:var(--primary);font-size:10px;font-weight:700;padding:1px 6px;white-space:nowrap}.pcf-arrow{color:var(--text-muted);flex-shrink:0;transition:transform .2s}.pcf-trigger.open .pcf-arrow{transform:rotate(180deg)}.pcf-menu{animation:pcfIn .12s cubic-bezier(.16,1,.3,1);background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-md);left:10px;overflow:hidden;position:absolute;right:10px;top:calc(100% - 2px);z-index:200}@keyframes pcfIn{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.pcf-item{align-items:center;background:#0000;border:none;border-bottom:1px solid var(--border);color:var(--text);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:8px;padding:9px 12px;text-align:left;transition:background .12s;width:100%}.pcf-item:last-child{border-bottom:none}.pcf-item:hover{background:var(--hover)}.pcf-item.active{background:var(--primary-muted);color:var(--primary)}.pcf-item-icon{flex-shrink:0;font-size:13px}.pcf-item-label{flex:1 1;font-weight:600}.pcf-item-sub{color:var(--text-muted);font-size:10px}.pcf-check{color:var(--primary);flex-shrink:0;font-size:11px;font-weight:700}.panel-alert-filters{border-bottom:1px solid var(--border);display:flex;flex-wrap:nowrap;gap:3px;overflow-x:auto;padding:6px 8px 8px}.panel-alert-filter-btn{background:#0000;border:1px solid var(--border);border-radius:20px;color:var(--text-muted);cursor:pointer;flex-shrink:0;font-size:10.5px;font-weight:500;padding:3px 6px;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.panel-alert-filter-btn:hover{background:var(--hover);color:var(--text)}.panel-alert-filter-btn.active{background:var(--primary-muted);border-color:var(--primary);color:var(--primary);font-weight:600}.panel-alerts-list{flex:1 1;min-height:0;overflow-y:auto;scrollbar-width:thin}.panel-alert-thumb{align-items:center;background:var(--surface-alt);border-radius:6px;display:flex;flex-shrink:0;font-size:22px;height:68px;justify-content:center;overflow:hidden;width:100px}.panel-alert-thumb-img{display:block;height:100%;object-fit:cover;width:100%}.panel-alert-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.panel-alert-type{font-size:12px;font-weight:600;text-transform:capitalize}.panel-alert-cam{font-size:11px;overflow:hidden;text-overflow:ellipsis}.panel-alert-cam,.panel-alert-time{color:var(--text-muted);white-space:nowrap}.panel-alert-time{font-size:10px}@media (max-width:700px){.command-view{flex-direction:column;min-height:0;min-height:auto;overflow:hidden}.command-sidebar{border-bottom:1px solid var(--border);border-right:none;flex-direction:row;min-width:0;min-width:auto;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;width:100%}.command-sidebar::-webkit-scrollbar{display:none}.command-sidebar-header{display:none}.command-cam-item{align-items:center;border-bottom:none;border-right:1px solid var(--border);flex-direction:column;gap:6px;min-width:90px;padding:8px}.command-cam-thumb{height:52px;width:80px}.command-cam-meta{align-items:center;gap:2px}.command-cam-name{font-size:11px;text-align:center}.command-main{flex:initial;height:56vw;min-height:220px;width:100%}.command-main .video-player-wrapper{aspect-ratio:unset;height:100%;width:100%}.command-panel{border-left:none;border-top:1px solid var(--border);flex:1 1;min-height:0;min-width:0;min-width:auto;overflow-y:auto;width:100%}}.alrt-cam-trigger{align-items:center;background:var(--surface-alt);border:1px solid var(--border);border-radius:20px;color:var(--text-muted);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:5px;padding:4px 10px;transition:border-color .15s,background .15s,box-shadow .15s,color .15s;white-space:nowrap}.alrt-cam-trigger.open,.alrt-cam-trigger:hover{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-muted);color:var(--text)}.alrt-cam-trigger.filtered{background:var(--primary-muted);border-color:var(--primary);color:var(--primary);font-weight:600}.alrt-cam-label{max-width:100px;overflow:hidden;text-overflow:ellipsis}.alrt-cam-sub{background:var(--primary-muted);border-radius:10px;color:var(--primary);font-size:10px;font-weight:700;padding:1px 6px}.alrt-cam-menu{animation:pcfIn .12s cubic-bezier(.16,1,.3,1);background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-md);overflow:hidden}.alrt-cam-item{align-items:center;background:#0000;border:none;border-bottom:1px solid var(--border);color:var(--text);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:8px;padding:9px 12px;text-align:left;transition:background .12s;width:100%}.alrt-cam-item:last-child{border-bottom:none}.alrt-cam-item:hover{background:var(--hover)}.alrt-cam-item.active{background:var(--primary-muted);color:var(--primary)}.alrt-cam-item-label{flex:1 1;font-weight:600}.alrt-cam-item-sub{color:var(--text-muted);font-size:10px}.alrt-cam-check{color:var(--primary);font-size:11px;font-weight:700}.pk-page{min-height:100%;padding:16px 20px}.pk-header{align-items:center;background:var(--surface);border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin:-16px -20px 14px;padding:16px 20px;position:sticky;top:0;z-index:100}.pk-header-left h1{color:var(--text);font-size:20px;font-weight:700;margin:0 0 2px}.pk-header-left p{color:var(--text-muted);font-size:12px;margin:0}.pk-header-right{flex-wrap:wrap;gap:8px}.pk-header-right,.pk-stat{align-items:center;display:flex}.pk-stat{background:var(--surface);border:1px solid var(--border);border-radius:20px;color:var(--text-muted);font-size:13px;gap:6px;padding:6px 14px}.pk-stat strong{color:var(--text);font-weight:700}.pk-btn{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm,8px);color:var(--text);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .15s;white-space:nowrap}.pk-btn:hover{background:var(--hover);border-color:var(--border-dark,var(--border))}.pk-btn:disabled{cursor:not-allowed;opacity:.4}.pk-btn.primary{background:var(--primary);border-color:var(--primary);color:#000;color:var(--btn-primary-text,#000)}.pk-btn.primary:hover{opacity:.85}.pk-btn.danger{border-color:#e74c3c4d;color:#e74c3c}.pk-btn.danger:hover{background:#e74c3c1a;border-color:#e74c3c80}.pk-btn.success{border-color:#27ae604d;color:#27ae60}.pk-btn.success:hover{background:#27ae601a;border-color:#27ae6080}.pk-media-toggle{background:var(--surface-alt);border:1px solid var(--border);border-radius:8px;display:flex;gap:2px;padding:3px}.pk-media-btn{background:#0000;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;font-size:12px;font-weight:500;padding:5px 12px;transition:all .15s;white-space:nowrap}.pk-media-btn:hover{color:var(--text)}.pk-media-btn.active{background:var(--primary);color:#fff;color:var(--btn-primary-text,#fff)}.pk-date-filter{align-items:center;display:flex;gap:6px}.pk-date-filter label{color:var(--text-muted);font-size:11px;font-weight:600;white-space:nowrap}.pk-date-filter input[type=date]{background:var(--surface-alt);border:1px solid var(--border);border-radius:7px;color:var(--text);cursor:pointer;font-size:12px;padding:5px 8px;transition:border-color .15s}.pk-date-filter input[type=date]:focus{border-color:var(--primary);outline:none}@media (max-width:700px){.pk-date-filter{flex-wrap:wrap}.pk-date-filter input[type=date]{width:130px}}.pk-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.pk-filter-tab{background:#0000;border:1px solid var(--border);border-radius:20px;color:var(--text-muted);cursor:pointer;font-size:12px;font-weight:500;padding:6px 14px;transition:all .15s}.pk-filter-tab:hover{background:var(--hover);color:var(--text)}.pk-filter-tab.active{background:var(--primary);border-color:var(--primary);color:#000;color:var(--btn-primary-text,#000)}.pk-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.pk-grid.wide{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.pk-empty{color:var(--text-muted);padding:80px 20px;text-align:center}.pk-empty-icon{font-size:52px;margin-bottom:16px}.pk-empty h3{color:var(--text);font-size:16px;margin:0 0 6px}.pk-empty p{font-size:13px;margin:0}.pk-loading{align-items:center;color:var(--text-muted);display:flex;font-size:14px;gap:12px;justify-content:center;padding:80px 20px}.pk-skeleton{background:var(--surface);border-radius:12px;overflow:hidden;position:relative}.pk-skeleton:after{animation:pkShimmer 1.4s infinite;background:linear-gradient(90deg,#0000,#ffffff0d 50%,#0000);content:"";inset:0;position:absolute}@keyframes pkShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.badge{border-radius:10px;font-size:10px;font-weight:700;letter-spacing:.05em;padding:2px 8px;text-transform:uppercase}.badge-unknown{background:#f39c122e;border:1px solid #f39c124d;color:#f39c12}.badge-banned{background:#e74c3c2e;border:1px solid #e74c3c4d;color:#e74c3c}.badge-instant{background:#3498db2e;border:1px solid #3498db4d;color:#3498db}.badge-motion{background:#9b59b62e;border:1px solid #9b59b64d;color:#9b59b6}.badge-known{background:#27ae602e;border:1px solid #27ae604d;color:#27ae60}.badge-cam{background:var(--surface);border:1px solid var(--border);color:var(--text-muted)}.badge-day{background:#f1c40f26;border:1px solid #f1c40f4d;color:#f1c40f}.badge-night{background:#34495e66;border:1px solid #5f91af4d;color:#95a5a6}.alert-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;position:relative;transition:transform .18s,box-shadow .18s,border-color .18s}.alert-card:hover{border-color:var(--border-dark,var(--border));box-shadow:0 10px 28px #00000059;transform:translateY(-3px)}.alert-card-num{background:#0000008c;border-radius:20px;color:#fff;font-size:11px;font-weight:700;left:8px;letter-spacing:.3px;padding:2px 7px;pointer-events:none;position:absolute;top:8px;z-index:2}.alert-card-thumb{aspect-ratio:16/9;background:#111;cursor:zoom-in;display:block;object-fit:cover;transition:opacity .2s;width:100%}.alert-card-thumb:hover{opacity:.9}.alert-card-thumb-placeholder{align-items:center;aspect-ratio:16/9;background:#111;color:#333;display:flex;font-size:32px;justify-content:center;width:100%}.alert-card-body{padding:10px 12px 8px}.alert-card-badges{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:6px}.alert-card-time{color:var(--text-muted);font-size:11px;margin:0}.alert-card-actions{display:flex;gap:5px;padding:0 10px 10px}.alert-action-btn{align-items:center;background:#0000;border:1px solid var(--border);border-radius:6px;color:var(--text-muted);cursor:pointer;display:flex;flex:1 1;font-size:11px;gap:3px;justify-content:center;padding:5px 4px;transition:all .15s;white-space:nowrap}.alert-action-btn:hover{background:var(--hover);color:var(--text)}.alert-action-btn.ban:hover,.alert-action-btn.del:hover,.alert-action-btn.delete:hover{background:#e74c3c1a;border-color:#e74c3c59;color:#e74c3c}.alert-action-btn.enroll:hover{background:#27ae601a;border-color:#27ae6059;color:#27ae60}.alert-action-btn.download:hover{background:#3498db1a;border-color:#3498db59;color:#3498db}.alert-action-btn.active{background:var(--hover);border-color:var(--primary);color:var(--text)}.alert-inline-form{display:flex;gap:5px;padding:0 10px 10px}.alert-inline-input{background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);flex:1 1;font-size:12px;min-width:0;padding:5px 9px}.alert-inline-input:focus{border-color:var(--primary);outline:none}.alert-inline-input::placeholder{color:var(--text-muted);opacity:.7}.alert-inline-ok{background:var(--primary);border:none;border-radius:6px;color:#000;color:var(--btn-primary-text,#000);cursor:pointer;font-size:11px;font-weight:600;padding:5px 9px}.alert-inline-ok:disabled{cursor:not-allowed;opacity:.5}.pk-confirm-overlay{align-items:center;animation:pkFadeIn .15s;background:#000000d1;border-radius:12px;display:flex;flex-direction:column;gap:12px;inset:0;justify-content:center;position:absolute;z-index:10}.pk-confirm-overlay p{color:#fff;font-size:13px;margin:0;padding:0 16px;text-align:center}.pk-confirm-overlay-btns{display:flex;gap:8px}.pk-lightbox{align-items:center;animation:pkFadeIn .15s;background:#000000f0;display:flex;flex-direction:column;gap:14px;inset:0;justify-content:center;position:fixed;z-index:9999}.pk-lightbox-img{border-radius:8px;box-shadow:0 20px 60px #000c;max-height:78vh;max-width:90vw;object-fit:contain}.pk-lightbox-meta{flex-wrap:wrap;gap:8px}.pk-lightbox-close,.pk-lightbox-meta{align-items:center;display:flex;justify-content:center}.pk-lightbox-close{background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;height:38px;position:absolute;right:22px;top:18px;transition:background .15s;width:38px}.pk-lightbox-close:hover{background:#ffffff38}.person-card{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:14px;display:flex;flex-direction:column;padding:22px 16px 16px;position:relative;transition:transform .18s,box-shadow .18s}.person-card:hover{box-shadow:0 10px 28px #0000004d;transform:translateY(-2px)}.person-card.banned-card{border-color:#e74c3c4d}.person-card.banned-card:hover{box-shadow:0 10px 28px #e74c3c33}.person-avatar{align-items:center;border-radius:50%;color:#ffffffeb;display:flex;flex-shrink:0;font-size:24px;font-weight:800;height:64px;justify-content:center;letter-spacing:-1px;margin-bottom:12px;width:64px}.person-name{color:var(--text);font-size:14px;font-weight:600;line-height:1.3;margin:0 0 10px;text-align:center;word-break:break-word}.person-meta{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin-bottom:16px}.person-actions{display:flex;flex-wrap:wrap;gap:7px;width:100%}.person-actions .pk-btn{flex:1 1;font-size:12px;justify-content:center;min-width:0;padding:7px 8px}.pk-pagination{align-items:center;display:flex;gap:12px;justify-content:center;margin-top:36px;padding-bottom:12px}.pk-page-btn{background:var(--surface);border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm,8px);color:var(--text);cursor:pointer;font-size:13px;padding:7px 18px;transition:all .15s}.pk-page-btn:hover:not(:disabled){background:var(--hover)}.pk-page-btn:disabled{cursor:not-allowed;opacity:.35}.pk-page-info,.pk-upload-zone{color:var(--text-muted);font-size:13px}.pk-upload-zone{border:2px dashed var(--border);border-radius:10px;cursor:pointer;padding:22px 16px;text-align:center;transition:all .2s;width:100%}.pk-upload-zone:hover{background:#0000000a;border-color:var(--primary);color:var(--text)}.pk-toast{animation:pkToastIn .2s cubic-bezier(.16,1,.3,1);background:#333;border-radius:24px;bottom:28px;box-shadow:0 4px 20px #00000080;color:#fff;font-size:13px;font-weight:500;left:50%;padding:10px 22px;pointer-events:none;position:fixed;transform:translateX(-50%);z-index:10000}.pk-toast.ok{background:#27ae60}.pk-toast.err{background:#e74c3c}@keyframes pkToastIn{0%{opacity:0;transform:translateX(-50%) translateY(12px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes pkFadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:600px){.pk-page{padding:14px 10px}.pk-header{gap:6px}.pk-header-left,.pk-header-right{width:100%}.pk-header-left p{display:none}.pk-header-left h1{font-size:17px}.pk-header-right{align-items:center;flex-wrap:wrap;gap:6px;justify-content:flex-start}.pk-date-filter{order:10;width:100%}.pk-media-toggle{flex:1 1;order:0}.pk-stat{order:1}.pk-header-right>.pk-btn{order:2}.pk-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.pk-grid.wide{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.pk-filters{gap:4px}.pk-filter-tab{font-size:11px;padding:5px 10px}.alert-card-actions{gap:3px}.alert-action-btn{font-size:10px;padding:4px 2px}.person-card{padding:16px 12px 14px}.person-avatar{font-size:20px;height:52px;width:52px}.person-name{font-size:13px}}.kf-list{grid-gap:10px;align-items:start;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.kf-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:border-color .15s,box-shadow .15s}.kf-card:hover{border-color:var(--border-dark,var(--border))}.kf-card-top{align-items:center;display:flex;gap:14px;padding:14px 16px;-webkit-user-select:none;user-select:none}.kf-card-top:hover{background:var(--hover)}.kf-avatar{align-items:center;border-radius:50%;color:#ffffffeb;display:flex;flex-shrink:0;font-size:18px;font-weight:800;height:44px;justify-content:center;width:44px}.kf-card-info{flex:1 1;min-width:0}.kf-card-name{color:var(--text);font-size:14px;font-weight:600;margin:0 0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kf-card-meta{display:flex;flex-wrap:wrap;gap:5px}.kf-chevron{color:var(--text-muted);flex-shrink:0;font-size:10px}.kf-icon-btn{align-items:center;background:#0000;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:28px;justify-content:center;position:relative;transition:background .15s,border-color .15s;width:28px}.kf-icon-btn:disabled{cursor:not-allowed;opacity:.4}.kf-icon-btn.remove{border:1px solid #e74c3c59;color:#e74c3c}.kf-icon-btn.remove:hover:not(:disabled){background:#e74c3c1a;border-color:#e74c3c}.kf-icon-btn.ban{border:1px solid #e74c3c59;color:#e74c3c}.kf-icon-btn.ban:hover:not(:disabled){background:#e74c3c1a;border-color:#e74c3c}.kf-icon-btn.unban{border:1px solid #27ae6066;color:#27ae60}.kf-icon-btn.unban:hover:not(:disabled){background:#27ae601a;border-color:#27ae60}.kf-icon-btn:after{background:#000000c7;border-radius:5px;bottom:calc(100% + 6px);color:#fff;content:attr(data-tip);font-size:11px;font-weight:500;left:50%;opacity:0;padding:3px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .15s;white-space:nowrap;z-index:100}.kf-icon-btn:hover:after{opacity:1}.kf-expanded{border-top:1px solid var(--border);display:flex;flex-direction:column;gap:12px;padding:14px 16px}.kf-photos-strip{display:flex;flex-wrap:wrap;gap:8px}.kf-photos-empty,.kf-photos-loading{color:var(--text-muted);font-size:13px;padding:8px 0}.kf-thumb{border:2px solid var(--border);border-radius:10px;flex-shrink:0;height:80px;overflow:hidden;position:relative;transition:border-color .15s;width:80px}.kf-thumb:hover{border-color:var(--primary)}.kf-thumb.confirm{border-color:#e74c3c}.kf-thumb-img{cursor:zoom-in;display:block;height:100%;object-fit:cover;width:100%}.kf-thumb-placeholder{align-items:center;background:var(--bg);color:var(--text-muted);display:flex;font-size:20px;height:100%;justify-content:center;width:100%}.kf-thumb-badge{background:#0009;border-radius:4px;bottom:3px;font-size:10px;left:3px;padding:1px 4px;pointer-events:none;position:absolute}.kf-thumb-del{align-items:center;background:#0000008c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;line-height:1;opacity:0;position:absolute;right:3px;top:3px;transition:opacity .15s,background .15s;width:20px}.kf-thumb:hover .kf-thumb-del{opacity:1}.kf-thumb-del.red{background:#e74c3c;opacity:1}.kf-thumb-cancel{align-items:center;background:#0000008c;border:none;border-radius:50%;bottom:3px;color:#fff;cursor:pointer;display:flex;font-size:10px;height:18px;justify-content:center;position:absolute;right:3px;transition:background .15s;width:18px}.kf-thumb-cancel:hover{background:#555}.kf-add-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.kf-profile-toggle{display:flex;gap:6px}.kf-add-btn{background:#0000;border:1px dashed var(--border);border-radius:8px;border-radius:var(--radius-sm,8px);color:var(--text-muted);cursor:pointer;font-size:12px;padding:6px 14px;transition:all .15s;white-space:nowrap}.kf-add-btn:hover:not(:disabled){background:#00000008;border-color:var(--primary);color:var(--primary)}.kf-add-btn:disabled{cursor:not-allowed;opacity:.4}.kf-danger-row{border-top:1px solid var(--border);display:flex;padding-top:6px}@media (max-width:600px){.kf-list{gap:8px}.kf-thumb{height:68px;width:68px}.kf-card-top{gap:10px;padding:12px}.kf-expanded{padding:12px}}.rec-page{background:var(--bg);color:var(--text);display:flex;flex-direction:column;min-height:100%}.rec-spinner{animation:rec-spin .75s linear infinite;border:3px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:30px;width:30px}@keyframes rec-spin{to{transform:rotate(1turn)}}.rec-init-screen{color:var(--text-muted);flex-direction:column;font-size:14px;gap:14px;height:60vh;justify-content:center}.rec-header,.rec-init-screen{align-items:center;display:flex}.rec-header{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;gap:20px;padding:14px 28px;position:sticky;top:0;z-index:100}.rec-header-left h1{color:var(--text);font-size:18px;font-weight:700;margin:0 0 2px}.rec-total-badge{background:var(--primary-muted);border:1px solid var(--border);border-radius:20px;color:var(--text-muted);display:inline-block;font-size:11px;font-weight:600;padding:2px 10px}.rec-filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-left:auto}.rec-filter-group{align-items:center;color:var(--text-muted);display:flex;font-size:12px;font-weight:600;gap:6px}.rec-dt-input{background:var(--surface-alt);border:1.5px solid var(--border);border-radius:8px;color:var(--text);font-size:12px;padding:6px 10px;transition:border-color .15s}.rec-dt-input:focus{border-color:var(--primary);outline:none}.rec-apply-btn{background:var(--primary);border:none;border-radius:8px;color:#000;color:var(--btn-primary-text,#000);cursor:pointer;font-size:13px;font-weight:700;letter-spacing:.3px;padding:7px 20px;transition:opacity .15s}.rec-apply-btn:hover{opacity:.82}.rec-cam-strip{background:var(--surface);border-bottom:1px solid var(--border);height:44px;overflow-x:auto;padding:0 20px;scrollbar-width:thin}.rec-cam-strip,.rec-cam-tab{align-items:center;display:flex;flex-shrink:0;gap:6px}.rec-cam-tab{background:#0000;border:1.5px solid var(--border);border-radius:20px;color:var(--text-muted);cursor:pointer;flex-direction:row;font-size:13px;padding:5px 14px;transition:all .18s;white-space:nowrap}.rec-cam-tab:hover{background:var(--surface-alt);border-color:var(--primary);color:var(--text)}.rec-cam-tab.active{background:var(--primary-muted);border-color:var(--primary);color:var(--primary)}.rec-tab-icon{font-size:14px}.rec-tab-label{font-size:13px;font-weight:600}.rec-tab-zone{color:var(--text-muted);font-size:11px;opacity:.75}.rec-content{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:24px;margin:0 auto;max-width:1100px;padding:24px 28px;width:100%}.rec-player-wrap{background:#000;border:1.5px solid var(--border);border-radius:14px;box-shadow:0 8px 32px #0006;overflow:hidden}.rec-player-topbar{align-items:center;background:#111;border-bottom:1px solid #222;display:flex;justify-content:space-between;padding:9px 16px}.rec-player-label{color:#bbb;font-size:12px;max-width:calc(100% - 50px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rec-player-close{background:#ffffff1a;border:none;border-radius:6px;color:#fff;cursor:pointer;flex-shrink:0;font-size:13px;padding:4px 11px;transition:background .15s}.rec-player-close:hover{background:#ffffff38}.rec-player-video{display:block;max-height:340px;width:100%}.rec-loading{color:var(--text-muted);font-size:14px;gap:16px;height:220px}.rec-empty,.rec-loading{align-items:center;display:flex;flex-direction:column;justify-content:center}.rec-empty{gap:10px;height:260px}.rec-empty-icon{font-size:52px}.rec-empty-title{color:var(--text-muted);font-size:16px;font-weight:600}.rec-empty-hint{color:var(--text-muted);font-size:13px;opacity:.6}.rec-date-group{display:flex;flex-direction:column;gap:10px}.rec-date-divider{align-items:center;display:flex;gap:12px;margin-bottom:2px}.rec-date-divider-line{background:var(--border);flex:1 1;height:1px}.rec-date-divider-label{align-items:center;color:var(--text-muted);display:flex;font-size:12px;font-weight:700;gap:8px;white-space:nowrap}.rec-date-count-chip{background:var(--surface-alt);border:1px solid var(--border);border-radius:10px;color:var(--text-muted);font-size:10px;font-weight:600;padding:2px 8px}.rec-list{display:flex;flex-direction:column;gap:8px}.rec-item{align-items:center;background:var(--surface);border:1.5px solid var(--border);border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:14px 18px;position:relative;transition:border-color .18s,background .18s,transform .1s}.rec-item:hover{background:var(--surface-alt);border-color:var(--primary);transform:translateY(-1px)}.rec-item.is-playing{background:var(--primary-muted);border-color:var(--primary);border-left:4px solid var(--primary)}.rec-item-icon{align-items:center;background:var(--surface-alt);border:1.5px solid var(--border);border-radius:10px;display:flex;flex-shrink:0;font-size:22px;height:46px;justify-content:center;transition:background .18s;width:46px}.rec-item.is-playing .rec-item-icon{background:var(--primary-muted);border-color:var(--primary)}.rec-item-body{flex:1 1;min-width:0}.rec-item-filename{color:var(--text);font-size:13px;font-weight:600;margin-bottom:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rec-item-chips{display:flex;flex-wrap:wrap;gap:6px}.rec-chip{background:var(--surface-alt);border:1px solid var(--border);border-radius:6px;color:var(--text-muted);font-size:11px;gap:4px;padding:3px 9px}.rec-chip,.rec-item-actions{align-items:center;display:flex}.rec-item-actions{flex-shrink:0;gap:8px}.rec-play-btn{background:var(--surface-alt);border:1.5px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;font-size:13px;font-weight:700;padding:7px 16px;transition:all .15s;white-space:nowrap}.rec-play-btn:hover:not(.stop){border-color:var(--primary);color:var(--primary)}.rec-play-btn.stop{background:var(--primary);border-color:var(--primary);color:#000;color:var(--btn-primary-text,#000)}.rec-dl-btn{align-items:center;background:var(--surface-alt);border:1.5px solid var(--border);border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex;font-size:15px;height:34px;justify-content:center;text-decoration:none;transition:all .15s;width:34px}.rec-dl-btn:hover{border-color:var(--primary);color:var(--primary)}.rec-pagination{align-items:center;display:flex;gap:16px;justify-content:center;padding:16px 0 8px}.rec-page-btn{background:var(--surface);border:1.5px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;font-size:13px;font-weight:600;padding:8px 22px;transition:all .15s}.rec-page-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.rec-page-btn:disabled{cursor:not-allowed;opacity:.3}.rec-page-info{color:var(--text-muted);font-size:13px}@media (max-width:640px){.rec-header{padding:12px 16px}.rec-cam-strip{padding:0 12px}.rec-content{padding:16px}.rec-filter-bar{align-items:flex-start;flex-direction:column;width:100%}.rec-item{flex-wrap:wrap}.rec-item-actions{justify-content:flex-end;margin-top:4px;width:100%}.rec-dt-input{font-size:11px;padding:5px 8px}}.adm-page{background:var(--bg);color:var(--text);display:flex;flex-direction:column;min-height:100%}.adm-header{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;gap:16px;justify-content:space-between;padding:14px 28px;position:sticky;top:0;z-index:100}.adm-header,.adm-header-left{align-items:center;display:flex}.adm-header-left{gap:12px}.adm-header-left h1{color:var(--text);font-size:18px;font-weight:700;margin:0}.adm-badge{background:var(--primary-muted);border:1px solid var(--border);border-radius:20px;color:var(--text-muted);font-size:11px;font-weight:600;padding:2px 10px}.adm-add-btn{background:var(--primary);border:none;border-radius:8px;color:#000;color:var(--btn-primary-text,#000);cursor:pointer;font-size:13px;font-weight:700;letter-spacing:.3px;padding:8px 20px;transition:opacity .15s;white-space:nowrap}.adm-add-btn:hover{opacity:.82}.adm-content{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:900px;padding:28px;width:100%}.adm-state{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;font-size:14px;gap:14px;justify-content:center;min-height:260px}.adm-error-state{color:var(--text)}.adm-empty-icon{font-size:48px}.adm-spinner{animation:adm-spin .75s linear infinite;border:3px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:28px;width:28px}@keyframes adm-spin{to{transform:rotate(1turn)}}.adm-section{border:1.5px solid var(--border);border-radius:14px;overflow:hidden}.adm-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.adm-table{border-collapse:collapse;font-size:13px;min-width:480px;width:100%}.adm-table thead tr{background:var(--surface);border-bottom:1.5px solid var(--border)}.adm-table th{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.6px;padding:11px 16px;text-align:left;text-transform:uppercase}.adm-table tbody tr{background:var(--surface-alt);border-bottom:1px solid var(--border);transition:background .15s}.adm-table tbody tr:last-child{border-bottom:none}.adm-table tbody tr:hover{background:var(--surface)}.adm-row-orphan{opacity:.75}.adm-table td{padding:13px 16px;vertical-align:middle}.adm-cell-id{color:var(--text-muted);font-family:monospace;font-size:12px}.adm-cell-name{font-weight:600}.adm-cell-dt{color:var(--text-muted);font-size:12px;white-space:nowrap}.adm-cell-action{text-align:right}.adm-cell-center,.adm-th-center{text-align:center}.adm-checkbox-row{align-items:center;color:var(--text);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:10px;padding:4px 0}.adm-checkbox-row input[type=checkbox]{accent-color:var(--primary);cursor:pointer;height:16px;width:16px}.adm-empty-val{color:var(--text-muted);font-style:italic;opacity:.5}.adm-status{border-radius:20px;display:inline-block;font-size:10px;font-weight:700;letter-spacing:.4px;padding:3px 10px;text-transform:uppercase}.adm-status.active{background:#22c55e26;border:1px solid #22c55e4d;color:#22c55e}.adm-status.orphan{background:#94a3b81f;border:1px solid var(--border);color:var(--text-muted)}.adm-check-indicator{align-items:center;border-radius:4px;display:inline-flex;font-size:13px;font-weight:700;height:20px;justify-content:center;width:20px}.adm-check-indicator.on{background:#22c55e2e;border:1.5px solid #22c55e66;color:#22c55e}.adm-check-indicator.off{opacity:.35}.adm-check-indicator.off,.adm-edit-btn{background:#0000;border:1.5px solid var(--border)}.adm-edit-btn{border-radius:7px;color:var(--text-muted);cursor:pointer;font-size:12px;font-weight:600;margin-right:6px;padding:5px 14px;transition:all .15s}.adm-edit-btn:hover{background:var(--primary-muted);border-color:var(--primary);color:var(--primary)}.adm-del-btn{background:#0000;border:1.5px solid var(--border);border-radius:7px;color:var(--text-muted);cursor:pointer;font-size:12px;font-weight:600;padding:5px 14px;transition:all .15s}.adm-del-btn:hover{background:#ef444412;border-color:#ef4444;color:#ef4444}.adm-btn{border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:700;padding:8px 20px;transition:all .15s}.adm-btn.primary{background:var(--primary);color:#000;color:var(--btn-primary-text,#000)}.adm-btn.primary:hover{opacity:.82}.adm-btn.secondary{background:var(--surface-alt);border:1.5px solid var(--border);color:var(--text)}.adm-btn.secondary:hover{border-color:var(--primary);color:var(--primary)}.adm-btn.danger{background:#ef4444;color:#fff}.adm-btn.danger:hover{background:#dc2626}.adm-btn:disabled{cursor:not-allowed;opacity:.4}.adm-overlay{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;padding:max(12vh,60px) 8vw;position:fixed;z-index:999}.adm-modal{background:var(--surface);border:1.5px solid var(--border);border-radius:16px;box-shadow:0 20px 60px #0006;display:flex;flex-direction:column;max-height:76vh;max-width:min(440px,84vw);overflow:hidden;width:100%}.adm-modal-sm{max-width:380px}.adm-modal-header{align-items:center;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.adm-modal-header h3{font-size:15px;font-weight:700;margin:0}.adm-modal-close{background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;font-size:16px;padding:2px 6px;transition:color .15s}.adm-modal-close:hover{color:var(--text)}.adm-modal-form{display:flex;flex:1 1;flex-direction:column;gap:14px;min-height:0;overflow-y:auto;padding:20px}.adm-field{display:flex;flex-direction:column;gap:6px}.adm-field label{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.adm-input{background:var(--surface-alt);border:1.5px solid var(--border);border-radius:8px;color:var(--text);font-size:13px;padding:9px 12px;transition:border-color .15s}.adm-input:focus{border-color:var(--primary);outline:none}.adm-msg.error{background:#ef444414;border:1px solid #ef444433;border-radius:7px;color:#ef4444;font-size:12px;padding:8px 12px}.adm-modal-actions{background:var(--surface-alt);border-top:1px solid var(--border);display:flex;gap:10px;justify-content:flex-end;padding:14px 20px}.adm-confirm-body{align-items:center;display:flex;flex-direction:column;gap:10px;padding:20px;text-align:center}.adm-confirm-icon{font-size:38px}.adm-confirm-body p{font-size:14px;margin:0}.adm-confirm-hint{color:var(--text-muted);font-size:12px}.adm-health-section{margin-bottom:28px}.adm-health-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.adm-section-title{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.6px;margin:0 0 16px;text-transform:uppercase}.adm-section-body{display:flex;flex-direction:column;gap:14px;max-width:480px;padding:20px 24px}.adm-field-row{align-items:center;display:flex;gap:16px;justify-content:space-between}.adm-label{color:var(--text);font-size:13px}.adm-toggle{display:inline-block;flex-shrink:0;height:22px;position:relative;width:40px}.adm-toggle input{height:0;opacity:0;width:0}.adm-toggle-track{background:var(--border);border-radius:22px;cursor:pointer;inset:0;position:absolute;transition:background .2s}.adm-toggle-track:before{background:#fff;border-radius:50%;content:"";height:16px;left:3px;position:absolute;top:3px;transition:transform .2s;width:16px}.adm-toggle input:checked+.adm-toggle-track{background:var(--primary)}.adm-toggle input:checked+.adm-toggle-track:before{transform:translateX(18px)}.adm-refresh-btn{background:#0000;border:1.5px solid var(--border);border-radius:7px;color:var(--text-muted);cursor:pointer;font-size:12px;font-weight:600;padding:4px 12px;transition:all .15s}.adm-refresh-btn:hover{border-color:var(--primary);color:var(--primary)}.adm-health-cards{display:flex;flex-wrap:wrap;gap:10px}.adm-health-card{background:var(--surface-alt);border:1.5px solid var(--border);border-radius:12px;flex:1 1;min-width:90px;padding:12px 14px}.adm-health-card-label{color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.adm-health-card-value{align-items:center;display:flex;font-size:15px;font-weight:700;gap:7px;text-transform:capitalize}.adm-health-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.adm-users-title{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.6px;margin:0 0 12px;text-transform:uppercase}.adm-tabs{display:flex;gap:4px}.adm-tab{background:#0000;border:1.5px solid var(--border);border-radius:8px;color:var(--text-muted);cursor:pointer;font-size:13px;font-weight:600;padding:6px 18px;transition:all .15s;white-space:nowrap}.adm-tab:hover{border-color:var(--primary);color:var(--primary)}.adm-tab.active{background:var(--primary);border-color:var(--primary);color:#000;color:var(--btn-primary-text,#000)}.adm-dev-section{margin-top:32px}.adm-dev-group{margin-bottom:22px}.adm-dev-group-hdr{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.adm-dev-group-label{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}.adm-dev-config-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:20px}.adm-dev-form-row{display:flex;gap:12px}.adm-dev-empty{color:var(--text-muted);font-size:13px;margin:0;padding:10px 0}.adm-conn-badge{border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.3px;padding:3px 10px}.adm-conn-badge.connected{background:#22c55e26;border:1px solid #22c55e4d;color:#22c55e}.adm-conn-badge.disconnected{background:#ef444414;border:1px solid #ef444440;color:#ef4444}@media (max-width:640px){.adm-header{padding:12px 16px}.adm-content{padding:16px}.adm-table td,.adm-table th{padding:10px}.adm-cell-dt,.adm-cell-id,.adm-th-id{display:none}.adm-health-card{min-width:70px}.probe-chips{gap:6px}.probe-creds-row{flex-direction:column}}.probe-wrap{display:flex;flex-direction:column;gap:16px}.probe-card{background:var(--surface-alt);border:1.5px solid var(--border);border-radius:14px;padding:20px}.probe-card-title{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.6px;margin-bottom:10px;text-transform:uppercase}.probe-ip-row{display:flex;gap:8px}.probe-ip-input{flex:1 1;font-size:15px;font-weight:600;letter-spacing:.5px}.probe-paste-btn{background:var(--surface);border:1.5px solid var(--border);border-radius:8px;color:var(--text-muted);cursor:pointer;font-size:12px;font-weight:600;padding:8px 14px;transition:all .15s;white-space:nowrap}.probe-paste-btn:hover{border-color:var(--primary);color:var(--primary)}.probe-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px}.probe-chip{background:var(--surface);border:1.5px solid var(--border);border-radius:20px;color:var(--text-muted);cursor:pointer;font-size:12px;font-weight:600;padding:5px 14px;transition:all .15s}.probe-chip:hover{border-color:var(--primary);color:var(--primary)}.probe-chip.active{background:var(--primary);border-color:var(--primary);color:#000;color:var(--btn-primary-text,#000)}.probe-creds-row{display:flex;gap:12px;margin-top:14px}.probe-pass-wrap{display:flex;position:relative}.probe-pass-wrap .adm-input{flex:1 1;padding-right:38px}.probe-eye-btn{background:none;border:none;cursor:pointer;font-size:14px;opacity:.6;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:opacity .15s}.probe-eye-btn:hover{opacity:1}.probe-actions{align-items:center;display:flex;gap:10px;margin-top:18px}.probe-start-btn{min-width:130px}.probe-terminal-card{overflow:hidden;padding:0}.probe-terminal-header{align-items:center;display:flex;justify-content:space-between;padding:14px 18px 10px}.probe-status-badge{border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.3px;padding:3px 10px}.probe-status-badge.running{background:#fbbf2426;border:1px solid #fbbf244d;color:#f59e0b}.probe-status-badge.done{background:#22c55e26;border:1px solid #22c55e4d;color:#22c55e}.probe-status-badge.error,.probe-status-badge.failed{background:#ef444414;border:1px solid #ef444440;color:#ef4444}.probe-progress{background:var(--border);border-radius:2px;height:3px;margin:0 18px 10px;overflow:hidden}.probe-progress-bar{animation:probe-slide 1.4s ease-in-out infinite;background:var(--primary);border-radius:2px;height:100%;width:40%}@keyframes probe-slide{0%{transform:translateX(-100%)}to{transform:translateX(350%)}}.probe-terminal{background:#0d1117;color:#c9d1d9;font-family:SF Mono,Fira Code,monospace;font-size:12px;line-height:1.65;max-height:340px;overflow-y:auto;padding:14px 18px 18px}.probe-log-line{color:#c9d1d9;white-space:pre-wrap;word-break:break-all}.probe-log-line.success{color:#3fb950;font-weight:700}.probe-log-line.fail{color:#6e7681}.probe-log-line.error{color:#f85149}.probe-cursor{animation:blink .8s step-end infinite;color:var(--primary)}@keyframes blink{50%{opacity:0}}.probe-result-card{background:#22c55e0d;border-color:#22c55e66}.probe-result-title{color:#22c55e;font-size:11px;font-weight:700;letter-spacing:.6px;margin-bottom:10px;text-transform:uppercase}.probe-result-url{background:var(--surface);border:1.5px solid var(--border);border-radius:8px;color:var(--text);font-family:SF Mono,Fira Code,monospace;font-size:13px;font-weight:600;margin-bottom:10px;padding:10px 14px;word-break:break-all}.probe-result-meta{color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:12px;gap:16px;margin-bottom:14px}.probe-result-actions{display:flex;gap:10px}.wiz-wrap{display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:680px}.wiz-stepbar{align-items:flex-start;display:flex;margin-bottom:8px}.wiz-step{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:5px}.wiz-connector{background:var(--border);flex:1 1;height:2px;margin-top:11px;min-width:12px}.wiz-connector.done{background:var(--primary)}.wiz-step-dot{align-items:center;background:var(--surface-alt);border:2px solid var(--border);border-radius:50%;color:var(--text-muted);display:flex;flex-shrink:0;font-size:10px;font-weight:700;height:24px;justify-content:center;width:24px}.wiz-step.done .wiz-step-dot{background:var(--primary);border-color:var(--primary);color:#000;color:var(--btn-primary-text,#000)}.wiz-step.active .wiz-step-dot{background:var(--surface);border-color:var(--primary);color:var(--primary)}.wiz-step-label{color:var(--text-muted);font-size:9px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;white-space:nowrap}.wiz-step.active .wiz-step-label{color:var(--primary)}.wiz-source-hdr{margin-bottom:24px}.wiz-title{color:var(--text);font-size:22px;font-weight:700;margin:0 0 6px}.wiz-subtitle{color:var(--text-muted);font-size:13px;margin:0}.wiz-source-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.wiz-src-card{background:var(--surface-alt);border:2px solid var(--border);border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:24px 20px 20px;position:relative;text-align:left;transition:all .2s}.wiz-src-card:hover{background:var(--surface);border-color:var(--primary);box-shadow:0 8px 24px #00000026;transform:translateY(-2px)}.wiz-src-icon{font-size:30px;margin-bottom:2px}.wiz-src-title{color:var(--text);font-size:15px;font-weight:700;padding-right:24px}.wiz-src-desc{color:var(--text-muted);font-size:12px;line-height:1.5;padding-right:24px}.wiz-src-arrow{color:var(--text-muted);font-size:16px;position:absolute;right:18px;top:50%;transform:translateY(-50%);transition:all .2s}.wiz-src-card:hover .wiz-src-arrow{color:var(--primary);transform:translateY(-50%) translateX(3px)}.wiz-card{background:var(--surface-alt);border:1.5px solid var(--border);border-radius:16px;padding:22px}.wiz-probe-card{overflow:hidden;padding:0}.wiz-card-hdr{align-items:center;display:flex;gap:14px;margin-bottom:18px}.wiz-card-title{color:var(--text);font-size:15px;font-weight:700;margin:0}.wiz-back-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;flex-shrink:0;font-size:13px;font-weight:600;padding:0;transition:color .15s;white-space:nowrap}.wiz-back-btn:hover{color:var(--primary)}.wiz-ip-row{align-items:center;display:flex;gap:8px}.wiz-scan-btn{min-width:150px}.wiz-scan-section{display:flex;flex-direction:column;gap:0}.wiz-scan-hint{color:var(--text-muted);font-size:11px;font-style:italic;margin-top:8px}.wiz-scan-dot{animation:blink .7s step-end infinite;background:currentColor;border-radius:50%;display:inline-block;height:7px;margin-right:7px;vertical-align:middle;width:7px}.wiz-discovered{margin-top:18px}.wiz-discovered-label{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.wiz-cam-row{align-items:center;background:var(--surface);border:1.5px solid var(--border);border-radius:10px;cursor:pointer;display:flex;gap:12px;margin-bottom:6px;padding:11px 16px;text-align:left;transition:all .15s;width:100%}.wiz-cam-row:hover{background:var(--surface-alt);border-color:var(--primary)}.wiz-cam-row-added{border-style:dashed;cursor:default;opacity:.7}.wiz-cam-row-added:hover{background:var(--surface);border-color:var(--border)}.wiz-cam-ip{color:var(--text);flex:1 1;font-family:monospace;font-size:14px;font-weight:700}.wiz-cam-vendor{color:var(--text-muted);font-size:11px}.wiz-cam-arrow{color:var(--text-muted);font-size:14px}.wiz-cam-badge{background:color-mix(in srgb,var(--primary) 12%,#0000);border-radius:6px;color:var(--primary);font-size:10px;font-weight:700;padding:2px 8px;white-space:nowrap}.wiz-scan-empty{color:var(--text-muted);font-size:13px;font-style:italic;padding:14px 0 4px}.wiz-divider{align-items:center;color:var(--text-muted);display:flex;font-size:12px;gap:12px;margin:20px 0 16px}.wiz-divider:after,.wiz-divider:before{background:var(--border);content:"";flex:1 1;height:1px}.wiz-ip-display{align-items:center;background:var(--surface);border:1.5px solid var(--border);border-radius:10px;display:flex;font-size:13px;gap:8px;padding:9px 14px}.wiz-ip-label{color:var(--text-muted);flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.wiz-ip-val{color:var(--text);font-family:monospace;font-size:13px;font-weight:700}.wiz-field-group{display:flex;flex-direction:column;gap:14px}.wiz-actions{align-items:center;display:flex;gap:10px;margin-top:20px}.wiz-probe-found{background:#22c55e0a;border-top:1px solid #22c55e4d;padding:16px 20px}.wiz-probe-found-label{color:#22c55e;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.wiz-probe-found .probe-result-url{margin-bottom:8px}.wiz-probe-found .probe-result-meta{margin-bottom:4px}.wiz-probe-found .wiz-actions{margin-top:14px}.wiz-probe-fail{border-top:1px solid var(--border);padding:14px 20px 18px}.wiz-probe-fail-msg{color:var(--text-muted);font-size:13px;margin-bottom:2px}.wiz-probe-fail .wiz-actions{margin-top:14px}.wiz-summary{background:var(--surface);border:1.5px solid var(--border);border-radius:12px;overflow:hidden}.wiz-summary-row{align-items:flex-start;border-bottom:1px solid var(--border);display:flex;font-size:13px;gap:16px;padding:11px 16px}.wiz-summary-row:last-child{border-bottom:none}.wiz-summary-key{color:var(--text-muted);flex-shrink:0;font-size:11px;font-weight:700;min-width:80px;padding-top:1px}.wiz-summary-val{color:var(--text);flex:1 1;word-break:break-all}.wiz-mono{font-family:monospace;font-size:12px}.wiz-success{flex-direction:column;gap:10px;min-height:320px}.wiz-success,.wiz-success-icon{align-items:center;display:flex;justify-content:center}.wiz-success-icon{background:#22c55e26;border:2px solid #22c55e66;border-radius:50%;color:#22c55e;font-size:26px;font-weight:700;height:64px;width:64px}.wiz-success-title{color:var(--text);font-size:18px;font-weight:700}.wiz-success-name{color:var(--text-muted);font-size:14px}.wiz-brand-creds{background:var(--surface);border:1.5px solid var(--border);border-radius:12px;margin-top:18px;padding:14px 16px}.wiz-brand-creds-label{align-items:center;color:var(--text-muted);display:flex;font-size:11px;font-weight:700;justify-content:space-between;letter-spacing:.4px;margin-bottom:2px;text-transform:uppercase}.wiz-use-defaults-btn{background:none;border:1px solid var(--primary);border-radius:6px;color:var(--primary);cursor:pointer;font-size:10px;font-weight:700;letter-spacing:0;padding:2px 10px;text-transform:none;transition:all .15s}.wiz-use-defaults-btn:hover{background:var(--primary);color:#000;color:var(--btn-primary-text,#000)}.wiz-dup-warn{background:#d9770614;border:1px solid #d977064d;border-radius:8px;color:#d97706;font-size:12px;line-height:1.5;padding:8px 12px}.cam-list,.cam-list-wrap{display:flex;flex-direction:column}.cam-list{gap:10px}.cam-card{align-items:flex-start;background:var(--surface-alt);border:1.5px solid var(--border);border-radius:14px;display:flex;gap:16px;justify-content:space-between;padding:16px 18px;transition:border-color .15s}.cam-card:hover{border-color:var(--primary)}.cam-card-disabled{opacity:.55}.cam-card-left{flex:1 1}.cam-card-left,.cam-card-right{display:flex;flex-direction:column;gap:6px}.cam-card-right{flex-shrink:0}.cam-card-name{align-items:center;color:var(--text);display:flex;flex-wrap:wrap;font-size:15px;font-weight:700;gap:10px}.cam-status-badge{border-radius:20px;font-size:10px;font-weight:700;letter-spacing:.4px;padding:2px 8px;text-transform:uppercase}.cam-status-badge.online{background:#22c55e26;color:#22c55e}.cam-status-badge.offline{background:#ef44441f;color:#ef4444}.cam-status-badge.connecting{background:#f59e0b1f;color:#f59e0b}.cam-card-meta{color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:12px;gap:14px}.cam-meta-item{align-items:center;display:flex;gap:4px}.cam-card-actions-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.cam-action-chip{background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text-muted);font-size:10px;font-weight:600;padding:2px 8px}.adm-modal-lg{max-height:76vh;max-width:min(520px,84vw)}.adm-modal-footer{background:var(--surface);border-top:1px solid var(--border);display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;padding:14px 20px}@media (max-width:560px){.wiz-source-cards{grid-template-columns:1fr}.wiz-step-label{display:none}.wiz-ip-row{flex-wrap:wrap}}.adm-build-bar{border-top:1px solid var(--border);color:#64748b;color:var(--text-muted,#64748b);font-size:11px;letter-spacing:.01em;margin-top:auto;padding:6px 28px}
/*# sourceMappingURL=main.eaffb7e3.css.map*/