/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.z-5{z-index:5}.block{display:block}.grid{display:grid}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--bg:#071018;--panel:#0c1822;--line:#1d3342;--text:#edf7fb;--muted:#7f98a7;--cyan:#20d5e8;--green:#49e497;--amber:#ffb34a;--red:#ff5967;--violet:#a982ff}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0}body{font-family:Arial,Helvetica,sans-serif}button{font:inherit}.shell{background:radial-gradient(circle at 45% -30%,#173145 0,transparent 40%),var(--bg);min-height:100vh;display:flex}.sidebar{z-index:20;overscroll-behavior:contain;scrollbar-gutter:stable;background:#09141d;border-right:1px solid #172c39;flex-direction:column;width:216px;padding:25px 18px;display:flex;position:fixed;inset:0 auto 0 0;overflow:hidden auto}.sidebar .brand,.sidebar nav,.sidebar .center-id,.sidebar .engine{flex-shrink:0}.brand{border-bottom:1px solid var(--line);align-items:center;gap:11px;padding:0 8px 26px;display:flex}.brand-mark{border:2px solid var(--cyan);border-radius:10px;place-items:center;width:34px;height:34px;display:grid;transform:rotate(45deg);box-shadow:0 0 22px #20d5e844}.brand-mark span{background:var(--cyan);border-radius:50%;width:10px;height:10px}.brand strong{letter-spacing:.17em;font-size:15px;display:block}.brand small{color:var(--cyan);letter-spacing:.34em;font-size:9px}nav{gap:7px;padding-top:22px;display:grid}.nav{color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;padding:11px 12px;display:flex}.nav span{color:#87a4b5;width:20px;font-size:18px}.nav b{color:#bcd0da;background:#263c49;border-radius:8px;margin-left:auto;padding:3px 6px;font-size:10px}.nav:hover,.nav.active{color:var(--text);background:linear-gradient(90deg,#123341,#102530)}.nav.active{box-shadow:inset 3px 0 var(--cyan)}.nav.active span{color:var(--cyan)}.nav.alarm-nav span{color:var(--red);font-weight:900}.nav.alarm-nav b{color:#ff9da5;background:#4a1e25}.nav.alarm-nav.active{box-shadow:inset 3px 0 var(--red);background:linear-gradient(90deg,#391b23,#211923)}.system-load{min-width:94px;color:var(--green);background:#0a1922;border:1px solid #284653;border-radius:7px;position:relative}.system-load summary{cursor:pointer;padding:6px 9px;list-style:none}.system-load summary::-webkit-details-marker{display:none}.system-load summary span,.system-load summary strong{display:block}.system-load summary span{color:#718e9a;font-size:7px}.system-load summary strong{margin-top:2px;font-size:11px}.system-load.warning{color:var(--amber);border-color:#725b2f}.system-load.critical{color:var(--red);border-color:#753740}.system-load.offline{color:#718e9a}.system-load>div{z-index:40;background:#081821;border:1px solid #2a4a58;border-radius:8px;width:190px;padding:8px 10px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 35px #0009}.system-load p{color:#88a4af;border-bottom:1px solid #17303b;justify-content:space-between;gap:15px;margin:0;padding:6px 0;font-size:8px;display:flex}.system-load p:last-child{border:0}.system-load p b{color:#e1f1f4}.engine{border:1px solid var(--line);background:#0c1a24;border-radius:9px;align-items:center;gap:9px;margin-top:auto;padding:13px;display:flex}.engine strong,.engine small{display:block}.engine strong{font-size:11px}.engine small{color:var(--muted);margin-top:3px;font-size:9px}.dot{border-radius:50%;flex:none;width:8px;height:8px;display:inline-block;box-shadow:0 0 12px}.green{color:var(--green);background:var(--green)}.amber{color:var(--amber);background:var(--amber)}.workspace{width:calc(100% - 216px);margin-left:216px;padding:0 26px 25px}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:88px;display:flex}.title p,.events-head p{letter-spacing:.24em;color:var(--cyan);margin:0 0 5px;font-size:9px}.title h1{margin:0;font-size:24px}.actions{align-items:center;gap:22px;display:flex}.clock{text-align:right}.clock span,.clock strong{display:block}.clock span{color:var(--muted);margin-bottom:4px;font-size:10px}.clock strong{letter-spacing:.08em;font-family:monospace;font-size:15px}.arm{border:1px solid var(--line);color:var(--muted);background:var(--panel);letter-spacing:.07em;cursor:pointer;border-radius:8px;padding:11px 14px;font-size:10px;font-weight:700}.arm.armed{color:var(--green);background:#0d2b22;border-color:#2e6a51}.arm span{margin-right:7px}.menu-btn{display:none}.stats{border:1px solid var(--line);background:#0b1720cc;border-radius:10px;grid-template-columns:repeat(4,minmax(110px,1fr)) minmax(190px,1.6fr);margin:18px 0 13px;display:grid}.stat{border-right:1px solid var(--line);align-items:center;gap:10px;padding:13px 16px;display:flex}.stat strong,.stat small{display:block}.stat strong{font-size:15px}.stat small{color:var(--muted);margin-top:3px;font-size:9px}.badge{background:#15333c;border-radius:7px;place-items:center;width:24px;height:24px;font-size:8px;font-weight:800;display:grid}.badge.cyan{color:var(--cyan)}.badge.violet{color:var(--violet);background:#28213e}.badge.amber{color:var(--amber);background:#35291b}.badge.intrusion{color:var(--red);background:#381a20}.badge.motion{color:var(--violet);background:#29213c}.storage{color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;padding:11px 16px}.storage:hover{background:#10232d}.storage>div:first-child{justify-content:space-between;font-size:10px;display:flex}.storage small{color:var(--muted);font-size:8px}.progress{background:#203440;border-radius:10px;height:4px;margin:7px 0 5px}.progress i{border-radius:inherit;background:linear-gradient(90deg,var(--cyan),#56edb0);height:100%;transition:width .25s;display:block}.alert{background:linear-gradient(90deg,#35171d,#1a141a);border:1px solid #a84750;border-radius:9px;align-items:center;gap:12px;margin-bottom:13px;padding:9px 12px;display:flex}.alert>b{background:var(--red);color:#21080b;border-radius:50%;place-items:center;width:27px;height:27px;display:grid}.alert div{flex:1}.alert strong,.alert small{display:block}.alert strong{color:#ff7b85;letter-spacing:.12em;font-size:10px}.alert small{color:#c99ca2;margin-top:3px;font-size:9px}.alert button{color:#ffabb1;cursor:pointer;background:#381a1f;border:1px solid #7e3b42;border-radius:6px;padding:7px 11px;font-size:9px}.alert.notification{background:linear-gradient(90deg,#123124,#101d19);border-color:#2d7453}.alert.notification>b{background:var(--green);color:#082015}.alert.notification strong{color:#73efae}.alert.notification small{color:#91c9ab}.alert.notification button{color:#9ff1bf;background:#153527;border-color:#34694f}.content{display:block}.cameras{border:1px solid var(--line);background:#0b161fcc;border-radius:10px;overflow:hidden}.toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:58px;padding:0 16px;display:flex}.toolbar h2,.events-head h2{margin:0;font-size:14px}.toolbar span{color:var(--muted);font-size:9px}.grid-controls{background:#07121a;border-radius:7px;gap:4px;padding:3px;display:flex}.grid-controls button{min-width:29px;height:26px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:5px;font-size:9px}.grid-controls button.selected{color:var(--cyan);background:#16313d}.camera-grid{gap:7px;padding:9px;display:grid}.grid-1{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-9{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-16{grid-template-columns:repeat(4,minmax(0,1fr))}.native-camera-grid{aspect-ratio:16/9;background:#071018;border:1px solid #243a47;border-radius:7px;margin:9px;position:relative;overflow:hidden}.native-player{z-index:1;width:100%;height:100%;position:absolute;inset:0}.native-player>div{width:100%!important;height:100%!important}.stable-live-mosaic{z-index:1;object-fit:fill;background:#071018;width:100%;height:100%;display:block;position:absolute;inset:0}.native-overlays{z-index:3;pointer-events:none;display:grid;position:absolute;inset:0}.native-grid-1 .native-overlays{grid-template-rows:1fr;grid-template-columns:1fr}.native-grid-4 .native-overlays{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr))}.native-grid-9 .native-overlays{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr))}.native-grid-16 .native-overlays{grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr))}.native-camera-overlay{color:#fff;text-align:left;cursor:pointer;pointer-events:auto;background:0 0;border:2px solid #0000;min-width:0;padding:0;position:relative;overflow:hidden}.native-camera-overlay:hover{border-color:var(--cyan);box-shadow:inset 0 0 0 1px #20d5e866}.native-camera-overlay.motion-active{border-color:#a982ff;box-shadow:inset 0 0 0 1px #a982ff88,inset 0 0 22px #8b62e52e}.native-camera-overlay.yolo-active{outline-offset:-4px;outline:1px solid #20d5e888}.native-camera-overlay .connecting{color:var(--amber)}.native-event-pill{z-index:4;color:#d4b9ff;letter-spacing:.08em;white-space:nowrap;pointer-events:none;background:#2a193ddd;border:1px solid #724b91;border-radius:10px;max-width:88%;padding:3px 7px;font-size:6px;font-weight:800;position:absolute;top:21px;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #0008}.native-event-pill.person{color:#8cf5ff;background:#0d4048e8;border-color:#187984}.native-event-pill.vehicle{color:#ffd28d;background:#493317e8;border-color:#8b6229}.native-event-pill.animal{color:#83f0b4;background:#123d2be8;border-color:#287a50}.native-event-pill.intrusion{color:#ff9fa7;background:#571b23ee;border-color:#a93e49}.motion-live-pill{z-index:5;color:#d8c0ff;letter-spacing:.08em;pointer-events:none;background:#24173ce8;border:1px solid #7251ad;border-radius:10px;align-items:center;gap:4px;padding:3px 6px;font-size:6px;display:flex;position:absolute;bottom:22px;left:7px;box-shadow:0 2px 12px #0009}.motion-live-pill i{background:#b993ff;border-radius:50%;width:5px;height:5px;animation:1s ease-in-out infinite motion-pulse;box-shadow:0 0 8px #b993ff}.motion-live-pill b{font-size:inherit}.motion-live-pill em{color:#a98bcc;font-style:normal}.native-grid-1 .motion-live-pill{padding:5px 9px;font-size:9px;bottom:34px;left:12px}.native-grid-1 .motion-live-pill i{width:7px;height:7px}@keyframes motion-pulse{50%{opacity:.35;transform:scale(.7)}}.yolo-live-pill{z-index:5;color:#82edf7;letter-spacing:.08em;pointer-events:none;background:#0c3540e8;border:1px solid #247481;border-radius:10px;align-items:center;gap:4px;padding:3px 6px;font-size:6px;display:flex;position:absolute;bottom:22px;right:7px;box-shadow:0 2px 12px #0009}.yolo-live-pill i{background:var(--cyan);width:5px;height:5px;box-shadow:0 0 8px var(--cyan);border-radius:50%;animation:.75s ease-in-out infinite motion-pulse}.yolo-live-pill b{font-size:inherit}.native-grid-1 .yolo-live-pill{padding:5px 9px;font-size:9px;bottom:34px;right:12px}.native-grid-1 .yolo-live-pill i{width:7px;height:7px}.native-player-error{z-index:5;color:#ffabb1;text-align:center;background:#24141ae8;border:1px solid #7e3b42;border-radius:8px;align-content:center;place-items:center;gap:6px;display:grid;position:absolute;inset:35% 18%}.native-player-error strong{font-size:12px}.native-player-error span{color:#c99ca2;font-size:9px}.native-player-error button{color:#ffc0c5;cursor:pointer;pointer-events:auto;background:#3d1d24;border:1px solid #8b4650;border-radius:7px;padding:7px 11px;font-size:8px}.desktop-live-fullscreen-button{z-index:10;color:#dffcff;cursor:pointer;background:#08202bea;border:1px solid #2b6271;border-radius:8px;min-height:34px;padding:7px 11px;font-size:9px;font-weight:800;position:absolute;top:10px;right:10px;box-shadow:0 4px 16px #0009}.native-camera-grid.mobile-live-fullscreen{z-index:200!important;aspect-ratio:auto!important;background:#000!important;border:0!important;border-radius:0!important;width:100vw!important;height:100vh!important;margin:0!important;position:fixed!important;inset:0!important}.native-camera-grid.mobile-live-fullscreen .stable-live-mosaic{object-fit:contain}.native-camera-grid.mobile-live-fullscreen .native-overlays{inset:0}.camera{aspect-ratio:16/9;color:#fff;cursor:pointer;text-align:left;background:#101c23;border:1px solid #243a47;border-radius:6px;padding:0;position:relative;overflow:hidden}.camera:hover{border-color:var(--cyan);box-shadow:0 0 0 1px #20d5e844}.camera img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.scene{opacity:.65;background:linear-gradient(145deg,#263c44 0 34%,#12232b 35% 65%,#3a4a45 66%);position:absolute;inset:0}.scene-1 .scene{background:linear-gradient(22deg,#0f2429 0 40%,#42545c 41% 58%,#172930 59%)}.scene-2 .scene{background:linear-gradient(160deg,#172f3b,#37464c 47%,#122128 48%)}.scene-3 .scene{background:linear-gradient(12deg,#3b3f36,#152a32 55%,#293f47)}.scene-4 .scene{background:linear-gradient(110deg,#11242c,#4a5250 40%,#182b32 41%)}.scene-5 .scene{background:linear-gradient(35deg,#1d3338,#101e26 48%,#405259 49%)}.scene span{background:#9cb0aa33;width:75%;height:3px;position:absolute;top:35%;left:5%;transform:rotate(-18deg)}.scene span+span{width:65%;top:62%;left:27%}.scene b{background:#071218aa;border:1px solid #7f969855;width:18%;height:34%;position:absolute;bottom:18%;left:50%}.overlay{z-index:2;justify-content:space-between;align-items:center;padding:6px 8px;font-size:7px;display:flex;position:absolute;left:0;right:0}.overlay.top{background:linear-gradient(#071015cc,#0000);top:0}.overlay.bottom{background:linear-gradient(#0000,#071015e8);padding-top:23px;bottom:0}.overlay.bottom strong{font-size:9px}.overlay.bottom span{color:#9eb2bc}.live{color:var(--green)}.offline{color:var(--red)}.detect{z-index:3;border:1px solid var(--cyan);pointer-events:none;width:15%;height:51%;position:absolute;top:22%;left:45%;box-shadow:0 0 8px #20d5e844}.detect.vehicle{border-color:var(--amber);width:39%;height:22%;top:53%;left:22%;box-shadow:0 0 8px #ffb34a44}.detect.animal{border-color:var(--green);width:23%;height:28%;top:48%;left:56%;box-shadow:0 0 8px #49e49744}.detect i{color:#001114;background:var(--cyan);white-space:nowrap;padding:2px 4px;font-size:6px;font-style:normal;position:absolute;top:-12px;left:-1px}.detect.vehicle i{background:var(--amber)}.detect.animal i{background:var(--green)}.events{flex-direction:column;max-height:680px;display:flex}.events-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px;display:flex}.events-head>b{min-width:26px;color:var(--cyan);text-align:center;background:#102a33;border:1px solid #28505d;border-radius:12px;padding:5px 7px;font-size:9px}.filters{border-bottom:1px solid var(--line);gap:4px;padding:9px;display:flex;overflow-x:auto}.filters button{white-space:nowrap;color:var(--muted);cursor:pointer;background:#101f29;border:1px solid #0000;border-radius:12px;padding:5px 8px;font-size:8px}.filters button.active{color:var(--cyan);background:#102a32;border-color:#275460}.event-list{flex:1;padding:6px 9px;overflow:auto}.event{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #182b37;grid-template-columns:54px 1fr auto;align-items:center;gap:10px;padding:10px 5px;display:grid;position:relative}.event:before{content:"";opacity:0;background:#286b76;border-radius:3px;width:2px;transition:opacity .15s;position:absolute;top:9px;bottom:9px;left:0}.event:hover{background:#10212b}.event:hover:before{opacity:1}.event-intrusion:before{background:var(--red);opacity:.7}.event-vehicle:before{background:var(--amber)}.event-animal:before{background:var(--green)}.event-motion:before{background:var(--violet)}.event-thumbnail{width:54px;height:40px;color:var(--cyan);background:#0a141c;border:1px solid #294454;border-radius:7px;place-items:center;overflow:hidden;margin:0!important;display:grid!important}.event-thumbnail img{object-fit:cover;width:100%;height:100%;display:block}.event-thumbnail b{font-size:14px}.event-thumbnail.intrusion{color:var(--red);border-color:#71363d}.event-thumbnail.vehicle{color:var(--amber);border-color:#65502f}.event-thumbnail.animal{color:var(--green);border-color:#315d45}.event-thumbnail.motion{color:var(--violet);border-color:#514273}.event strong,.event span,.event small{display:block}.event strong{font-size:10px}.event span{color:#a8bbc4;margin:3px 0;font-size:9px}.event small{color:var(--muted);font-size:8px}.event>i{color:#557080;text-align:right;min-width:28px;font-size:19px;font-style:normal}.event>i small{color:#4e8293;letter-spacing:.06em;margin-bottom:1px;font-size:6px;font-style:normal}.all-events{border:1px solid var(--line);color:var(--cyan);cursor:pointer;background:#10232d;border-radius:7px;margin:8px;padding:10px;font-size:9px}.all-events:hover{background:#12303b;border-color:#2d5a68}.all-events:disabled{opacity:.55;cursor:default}.empty{text-align:center;color:var(--muted);padding:35px 10px;font-size:10px}.scrim{display:none}.detection-backdrop{z-index:60;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#02080dd9;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.detection-panel{background:#0a151ed9;border:1px solid #294454;border-radius:14px;flex-direction:column;width:min(1120px,96vw);max-height:92vh;display:flex;overflow:hidden;box-shadow:0 28px 90px #000b}.detection-panel-head{border-bottom:1px solid var(--line);background:linear-gradient(110deg,#102733,#0a171f);justify-content:space-between;align-items:flex-start;padding:20px 22px;display:flex}.detection-panel-head p{color:var(--cyan);letter-spacing:.22em;margin:0 0 5px;font-size:9px}.detection-panel-head h2{margin:0;font-size:21px}.detection-panel-head span{color:var(--muted);margin-top:6px;font-size:10px;display:block}.detection-panel-head>button{border:1px solid var(--line);color:#a8bdc8;cursor:pointer;background:#0c1b25;border-radius:8px;width:34px;height:34px;font-size:22px}.detection-camera-list{gap:8px;padding:12px 16px;display:grid;overflow:auto}.detection-camera{background:#0c1a24;border:1px solid #1c3341;border-radius:10px;grid-template-columns:190px minmax(0,1fr);align-items:center;gap:14px;padding:11px 12px;display:grid}.detection-camera-name{align-items:center;gap:10px;min-width:0;display:flex}.detection-camera-name strong,.detection-camera-name small{display:block}.detection-camera-name strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.detection-camera-name small{color:var(--muted);margin-top:4px;font-size:8px}.detection-switches{grid-template-columns:repeat(7,minmax(88px,1fr));gap:6px;display:grid}.motion-sensitivity{color:#b8d0db;background:#0d202a;border:1px solid #2b4857;border-radius:8px;min-height:47px;padding:6px 7px}.motion-sensitivity b{margin-bottom:5px;font-size:8px;display:block}.motion-sensitivity select{width:100%;color:var(--cyan);background:#07141c;border:0;border-radius:5px;outline:1px solid #244552;padding:3px 5px;font-size:8px}.color-sensitivity{background:#10251e;border-color:#285241}.color-sensitivity select{color:var(--green);outline-color:#2d5b47}.detection-switch{color:#849ba8;text-align:left;cursor:pointer;background:#09151d;border:1px solid #203744;border-radius:8px;min-height:47px;padding:7px 7px 7px 38px;position:relative}.detection-switch>i{background:#263946;border-radius:10px;width:22px;height:13px;position:absolute;top:8px;left:8px}.detection-switch>i span{background:#78909d;border-radius:50%;width:9px;height:9px;transition:transform .18s;position:absolute;top:2px;left:2px}.detection-switch b,.detection-switch small{display:block}.detection-switch b{font-size:9px}.detection-switch small{color:#627b89;margin-top:3px;font-size:7px;line-height:1.2}.detection-switch.active{color:#e9fbff;background:#102a32;border-color:#27616a}.detection-switch.active>i{background:#176b76}.detection-switch.active>i span{background:var(--cyan);transform:translate(9px);box-shadow:0 0 8px #20d5e888}.detection-switch:disabled{opacity:.65;cursor:wait}.white-light-mode{background:#241e14;border:1px solid #66502d;border-radius:8px;grid-column:span 2;grid-template-columns:minmax(90px,1fr) minmax(190px,1.6fr);align-items:center;gap:8px;min-height:47px;padding:6px 7px;display:grid}.white-light-mode>div:first-child b,.white-light-mode>div:first-child small{display:block}.white-light-mode>div:first-child b{color:#ffd27c;font-size:9px}.white-light-mode>div:first-child small{color:#a88b59;margin-top:3px;font-size:7px}.white-light-options{background:#0b1419;border:1px solid #5b4928;border-radius:6px;grid-template-columns:repeat(3,1fr);padding:2px;display:grid}.white-light-options button{color:#806f50;cursor:pointer;background:0 0;border:0;border-radius:4px;min-height:29px;font-size:8px;font-weight:700}.white-light-options button.active{color:#fff4d8;background:#8b651f;box-shadow:0 0 8px #ffbd4755}.white-light-options button:disabled{cursor:not-allowed}.white-light-mode.unsupported{opacity:.58;background:#0b171e;border-color:#263a44}.white-light-mode.unsupported .white-light-options{border-color:#263a44}.white-light-mode.unsupported>div:first-child b{color:#849ba8}.alert-settings-panel{border-color:#5c3037}.alert-settings-panel .detection-panel-head{background:linear-gradient(110deg,#331923,#0a171f)}.alert-settings-panel .detection-panel-head p{color:var(--red)}.alert-setting-camera{transition:opacity .15s,border-color .15s}.alert-setting-camera.enabled{border-color:#493039}.alert-setting-camera.disabled .alert-trigger{opacity:.55}.alert-setting-switches{grid-template-columns:repeat(6,minmax(92px,1fr));gap:6px;display:grid}.alert-master{color:#d8a4a9;background:#21161b;border-color:#5b343a}.alert-master.active,.alert-trigger.active{color:#fff0f1;background:#32191d;border-color:#71363d}.alert-master.active>i,.alert-trigger.active>i{background:#8a303a}.alert-master.active>i span,.alert-trigger.active>i span{background:var(--red);box-shadow:0 0 8px #ff596788}.alert-settings-note{background:#1d1418;border-top-color:#4d2c32}.alert-settings-note b{color:var(--red)}.detection-note{border-top:1px solid var(--line);color:#8da5b2;background:#08131b;align-items:center;gap:9px;padding:11px 20px;font-size:9px;display:flex}.detection-note b{color:var(--cyan);font-size:13px}.storage-panel{background:#0a151e;border:1px solid #294454;border-radius:14px;flex-direction:column;width:min(620px,96vw);max-height:94vh;display:flex;overflow:hidden;box-shadow:0 28px 90px #000b}.storage-form{gap:18px;padding:20px 22px;display:grid;overflow:auto}.storage-form label>b{margin-bottom:7px;font-size:10px;display:block}.storage-form label>input:not([type=range]){width:100%;color:var(--text);background:#07131b;border:1px solid #294454;border-radius:8px;outline:0;padding:12px}.storage-form label>input:not([type=range]):focus{border-color:var(--cyan);box-shadow:0 0 0 2px #20d5e822}.storage-form label>small{color:var(--muted);margin-top:7px;font-size:8px;line-height:1.4;display:block}.storage-range{border:1px solid var(--line);background:#0c1a24;border-radius:10px;padding:14px}.storage-range>span,.storage-range>div{justify-content:space-between;align-items:center;display:flex}.storage-range>span b{font-size:10px}.storage-range>span strong{color:var(--cyan);font-size:16px}.storage-range input{width:100%;accent-color:var(--cyan);margin:15px 0 8px}.storage-range>div small{color:var(--muted);font-size:8px}.storage-facts{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.storage-facts div{border:1px solid var(--line);background:#091720;border-radius:8px;padding:11px}.storage-facts span,.storage-facts strong{display:block}.storage-facts span{color:var(--muted);font-size:8px}.storage-facts strong{margin-top:5px;font-size:11px}.storage-warning,.storage-error{border-radius:8px;margin:0;padding:10px 12px;font-size:9px;line-height:1.45}.storage-warning{color:#e4c681;background:#2b2416;border:1px solid #5b4928}.storage-error{color:#ff9ea6;background:#32191d;border:1px solid #873b43}.storage-actions{border-top:1px solid var(--line);background:#08131b;justify-content:flex-end;gap:8px;padding:14px 22px;display:flex}.storage-actions button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#0d1c26;border-radius:7px;padding:10px 15px}.storage-actions button.primary{color:#dffcff;background:#14505a;border-color:#277381}.storage-actions button:disabled{opacity:.55;cursor:wait}.event-detail-panel{background:#0a151e;border:1px solid #294454;border-radius:14px;flex-direction:column;width:min(900px,96vw);max-height:94vh;display:flex;overflow:hidden;box-shadow:0 28px 90px #000b}.event-detail-body{padding:18px 20px;overflow:auto}.event-detail-media{aspect-ratio:16/9;background:#050c11;border:1px solid #294454;border-radius:10px;position:relative;overflow:hidden}.event-detail-media video,.event-detail-media img{object-fit:contain;background:#050c11;width:100%;height:100%;display:block}.fullscreen-media-button{z-index:8;color:#e8f9ff;cursor:pointer;background:#071b25e8;border:1px solid #356170;border-radius:8px;min-height:34px;padding:7px 10px;font-size:9px;font-weight:800;position:absolute;top:9px;right:9px;box-shadow:0 4px 15px #0009}.fullscreen-media-frame.fullscreen-media-active{z-index:260!important;aspect-ratio:auto!important;background:#000!important;border:0!important;border-radius:0!important;width:100vw!important;height:100vh!important;margin:0!important;position:fixed!important;inset:0!important}.fullscreen-media-frame.fullscreen-media-active video,.fullscreen-media-frame.fullscreen-media-active img{background:#000;object-fit:contain!important;width:100%!important;height:100%!important}.fullscreen-media-frame.fullscreen-media-active .fullscreen-media-button{top:calc(10px + env(safe-area-inset-top));right:calc(10px + env(safe-area-inset-right))}.event-no-media{color:var(--muted);align-content:center;place-items:center;gap:12px;display:grid;position:absolute;inset:0}.event-no-media b{width:52px;height:52px;color:var(--cyan);background:#10232d;border:1px solid #294454;border-radius:14px;place-items:center;font-size:22px;display:grid}.event-no-media span{font-size:10px}.event-media-warning{color:#e4c681;background:#2b2416;border:1px solid #5b4928;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;margin:10px 0 0;padding:9px 11px;font-size:9px;display:flex}.event-media-warning button{color:#f0d494;cursor:pointer;background:#3a2f1b;border:1px solid #756039;border-radius:6px;padding:6px 9px;font-size:8px}.event-detail-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.event-detail-facts div{border:1px solid var(--line);background:#091720;border-radius:8px;padding:11px 12px}.event-detail-facts span,.event-detail-facts strong{display:block}.event-detail-facts span{color:var(--muted);font-size:8px}.event-detail-facts strong{margin-top:5px;font-size:10px}.event-detail-facts .fact-intrusion{color:var(--red)}.event-detail-facts .fact-person{color:var(--cyan)}.event-detail-facts .fact-vehicle{color:var(--amber)}.event-detail-facts .fact-animal{color:var(--green)}.event-detail-facts .fact-motion{color:var(--violet)}.event-log-screen{z-index:50;background:radial-gradient(circle at 50% -20%,#173145 0,#0000 38%),#071018;flex-direction:column;padding:22px 26px;display:flex;position:fixed;inset:0}.event-log-screen-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding-bottom:17px;display:flex}.event-log-screen-head p{color:var(--cyan);letter-spacing:.24em;margin:0 0 5px;font-size:9px}.event-log-screen-head h1{margin:0;font-size:25px}.event-log-screen-head span{color:var(--muted);margin-top:6px;font-size:10px;display:block}.event-log-screen-head>button{color:#a8bdc8;cursor:pointer;background:#0c1b25;border:1px solid #294454;border-radius:9px;width:38px;height:38px;font-size:24px}.event-log-summary{grid-template-columns:repeat(4,minmax(120px,1fr));gap:9px;margin:14px 0;display:grid}.event-log-summary>div{border:1px solid var(--line);background:#0b1821;border-radius:9px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:10px 12px;display:grid}.event-log-summary span{color:var(--muted);font-size:9px}.event-log-summary strong{font-size:16px}.event-log-toolbar{border:1px solid var(--line);background:#0a161f;border-radius:9px;justify-content:space-between;align-items:center;display:flex}.event-log-toolbar .filters{border:0}.event-log-toolbar>span{color:var(--muted);padding:0 13px;font-size:9px}.event-log-list{background:#09151d;border:1px solid #1b3341;border-radius:10px;flex-direction:column;flex:1;min-height:0;margin:12px 0 8px;display:flex;overflow:hidden}.event-log-list-head,.event-log-row{grid-template-columns:82px minmax(120px,1fr) minmax(150px,1.3fr) minmax(150px,1fr) minmax(90px,.65fr) 82px 22px;align-items:center;gap:12px;display:grid}.event-log-list-head{color:#67818e;letter-spacing:.08em;text-transform:uppercase;background:#0d1d27;border-bottom:1px solid #27404d;min-height:34px;padding:0 12px;font-size:8px;font-weight:700}.event-log-list-body{min-height:0;overflow:auto}.event-log-row{width:100%;min-height:62px;color:var(--text);text-align:left;cursor:pointer;background:#09151d;border:0;border-bottom:1px solid #172b36;padding:8px 12px;transition:background .15s,border-color .15s;position:relative}.event-log-row:last-child{border-bottom:0}.event-log-row:before{content:"";opacity:.75;background:#286b76;border-radius:0 3px 3px 0;width:3px;position:absolute;top:8px;bottom:8px;left:0}.event-log-row:hover,.event-log-row:focus-visible{background:#10232d;outline:0}.event-log-row:hover:before,.event-log-row:focus-visible:before{width:4px}.event-log-row.event-intrusion:before{background:var(--red)}.event-log-row.event-vehicle:before{background:var(--amber)}.event-log-row.event-animal:before{background:var(--green)}.event-log-row.event-motion:before{background:var(--violet)}.event-log-row .event-thumbnail{width:70px;height:44px}.event-log-row>span:not(.event-thumbnail){min-width:0;display:block}.event-log-row strong,.event-log-row small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.event-log-row strong{font-size:10px}.event-log-row small{color:var(--muted);margin-top:4px;font-size:8px}.event-row-kind strong{color:#dceaf0}.event-row-camera strong{font-size:9px}.event-row-time strong{font-weight:600}.event-row-confidence strong{color:var(--cyan);font-size:11px}.event-row-media{color:#78909c;text-align:center;border:1px solid #29414d;border-radius:5px;justify-self:start;padding:5px 7px;font-size:8px;font-weight:700}.event-row-media.has-video{color:#55d3e8;background:#102c36;border-color:#256879}.event-row-media.has-image{color:#9bb0b9;border-color:#384d59}.event-row-open{color:#557080;text-align:right;font-size:21px}.event-log-list-body .empty{min-height:120px;color:var(--muted);place-items:center;font-size:10px;display:grid}.event-log-footer{border-top:1px solid var(--line);justify-content:center;padding-top:4px;display:flex}.event-log-footer .all-events{min-width:240px}.event-detail-backdrop{z-index:80}.alerts-screen{background:radial-gradient(circle at 50% -25%,#351b26 0,#0000 40%),#071018}.alerts-screen-head p{color:var(--red)}.alerts-summary{grid-template-columns:repeat(4,minmax(120px,1fr));gap:9px;margin:14px 0;display:grid}.alerts-summary>div{border:1px solid var(--line);background:#0b1821;border-radius:9px;padding:11px 13px}.alerts-summary span,.alerts-summary strong,.alerts-summary small{display:block}.alerts-summary span{color:var(--muted);font-size:8px}.alerts-summary strong{margin:4px 0;font-size:18px}.alerts-summary small{color:#607987;font-size:8px}.alerts-summary .critical{background:#24151a;border-color:#71363d}.alerts-summary .critical strong{color:var(--red)}.alerts-summary .warning{background:#241e14;border-color:#66502d}.alerts-summary .warning strong{color:var(--amber)}.camera-fault-strip{color:#dfbd7b;background:#251e13;border:1px solid #66502d;border-radius:8px;align-items:center;gap:10px;margin-bottom:10px;padding:9px 11px;display:flex}.camera-fault-strip>b{background:var(--amber);color:#2b1b06;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.camera-fault-strip>div{flex:1;min-width:0}.camera-fault-strip strong,.camera-fault-strip span{display:block}.camera-fault-strip strong{font-size:9px}.camera-fault-strip span{color:#b99a63;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:8px;overflow:hidden}.camera-fault-strip>small{color:#987e52;font-size:8px}.alerts-toolbar{border:1px solid var(--line);background:#0a161f;border-radius:9px;align-items:center;gap:10px;padding:7px 9px;display:flex}.alert-filters{gap:5px;display:flex}.alert-filters button,.alert-settings-button,.acknowledge-all{color:#78909c;cursor:pointer;background:#0c1b25;border:1px solid #294454;border-radius:6px;padding:7px 10px;font-size:8px}.alert-filters button.active{color:#ff9ea6;background:#32191d;border-color:#71363d}.alerts-toolbar>span{color:var(--muted);margin-left:auto;font-size:8px}.alert-settings-button{color:#e2a1a7;border-color:#4d343a}.acknowledge-all{color:#ff9ea6;border-color:#5f3439}.acknowledge-all:disabled{opacity:.4;cursor:default}.alerts-list-head,.alert-list-row{grid-template-columns:82px 100px minmax(140px,1.2fr) minmax(150px,1fr) 90px 72px 105px 22px;align-items:center;gap:12px;display:grid}.alert-list-row{cursor:pointer;background:#09151d;border-bottom:1px solid #172b36;min-height:62px;padding:8px 12px;transition:background .15s,opacity .15s;position:relative}.alert-list-row:before{content:"";background:var(--red);border-radius:0 3px 3px 0;width:3px;position:absolute;top:8px;bottom:8px;left:0}.alert-list-row:hover,.alert-list-row:focus-visible{background:#10232d;outline:0}.alert-list-row.acknowledged{opacity:.68}.alert-list-row.acknowledged:before{background:#48606c}.alert-list-row .event-thumbnail{width:70px;height:44px}.alert-list-row>span{min-width:0;display:block}.alert-list-row strong,.alert-list-row small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.alert-list-row strong{font-size:9px}.alert-list-row small{color:var(--muted);margin-top:4px;font-size:8px}.alert-severity strong{color:var(--red);letter-spacing:.05em}.alert-severity.person strong{color:var(--cyan)}.alert-severity.vehicle strong{color:var(--amber)}.alert-severity.animal strong{color:var(--green)}.alert-severity.motion strong{color:var(--violet)}.alert-row-state{color:#ff9ea6;background:#32191d;border:1px solid #71363d;border-radius:5px;justify-self:start;padding:5px 7px;font-size:8px;font-weight:700}.alert-row-state.acknowledged{color:#8299a4;background:0 0;border-color:#38515d}.alert-ack-button{color:#ff9ea6;cursor:pointer;background:#32191d;border:1px solid #71363d;border-radius:6px;padding:7px 8px;font-size:8px}.alert-ack-button:disabled{color:#5f7783;cursor:default;background:#101d24;border-color:#2c414c}.recordings-summary{grid-template-columns:repeat(4,minmax(120px,1fr));gap:9px;margin:14px 0;display:grid}.recordings-summary>div{border:1px solid var(--line);background:#0b1821;border-radius:9px;padding:11px 13px}.recordings-summary span,.recordings-summary strong{display:block}.recordings-summary span{color:var(--muted);font-size:8px}.recordings-summary strong{margin-top:5px;font-size:15px}.recordings-toolbar{border:1px solid var(--line);background:#0a161f;border-radius:9px;align-items:flex-end;gap:9px;padding:10px 12px;display:flex}.recordings-toolbar label{gap:5px;display:grid}.recordings-toolbar label span{color:var(--muted);font-size:8px}.recordings-toolbar select,.recordings-toolbar input{min-height:32px;color:var(--text);background:#08141c;border:1px solid #294454;border-radius:7px;padding:6px 9px;font-size:9px}.recordings-toolbar>button{color:#d7b77c;cursor:pointer;background:#241d14;border:1px solid #4d3d2b;border-radius:7px;min-height:32px;padding:6px 10px;font-size:9px}.recordings-toolbar>small{color:var(--muted);margin-left:auto;padding:8px 0;font-size:9px}.recordings-list-head,.recording-row{grid-template-columns:82px minmax(120px,1.2fr) minmax(150px,1.2fr) minmax(125px,.9fr) minmax(85px,.65fr) 68px 80px 86px 22px}.recording-row:before{background:var(--cyan)}.recording-row.active:before{background:var(--red);box-shadow:0 0 8px #ff5b65}.recording-list-preview{color:var(--cyan);background:#071018;place-items:center;position:relative;display:grid!important}.recording-list-preview img{object-fit:cover;width:100%;height:100%;display:block}.recording-list-preview>b{font-size:20px}.recording-row-camera strong{font-size:9px}.recording-row-kinds{flex-wrap:wrap;gap:4px;display:flex!important}.recording-row-kinds b{color:var(--cyan);background:#14303a;border-radius:8px;padding:4px 6px;font-size:7px}.recording-row-kinds b.intrusion{color:var(--red);background:#381a20}.recording-row-kinds b.vehicle{color:var(--amber);background:#352819}.recording-row-kinds b.animal{color:var(--green);background:#183126}.recording-row-kinds b.motion{color:var(--violet);background:#29213c}.recording-row-time strong,.recording-row-duration strong,.recording-row-size strong{font-weight:600}.recording-row-events strong,.recording-row-events small{display:inline}.recording-row-events small{margin-left:3px}.recording-row-status{color:#9cb0b8;text-align:center;border:1px solid #38515d;border-radius:5px;justify-self:start;padding:5px 7px;font-size:8px;font-weight:700}.recording-row-status.active{color:#ff9ea6;background:#32191d;border-color:#71363d}.recordings-footer{border-top:1px solid var(--line);justify-content:center;padding-top:5px;display:flex}.recordings-footer button{min-width:240px;color:var(--cyan);cursor:pointer;background:#10232d;border:1px solid #28505d;border-radius:7px;padding:9px 13px;font-size:9px}.recording-active-note{color:#ff9ea6;background:#32191d;border:1px solid #71363d;border-radius:7px;margin-top:10px;padding:9px 11px;font-size:9px}.recording-detail-actions a{color:var(--cyan);background:#10232d;border:1px solid #28505d;border-radius:7px;align-items:center;margin-right:auto;padding:10px 15px;font-size:10px;text-decoration:none;display:inline-flex}.nvr-web-screen{background:radial-gradient(circle at 50% -30%,#163746 0,#0000 42%),#071018}.nvr-web-toolbar{border:1px solid var(--line);background:#0a161f;border-radius:9px;justify-content:space-between;align-items:center;gap:14px;margin:14px 0 10px;padding:10px 12px;display:flex}.nvr-web-device{align-items:center;gap:10px;min-width:0;display:flex}.nvr-web-device strong,.nvr-web-device span{display:block}.nvr-web-device strong{font-size:10px}.nvr-web-device span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-family:monospace;font-size:8px;overflow:hidden}.nvr-web-actions{gap:8px;display:flex}.nvr-web-actions button,.nvr-web-actions a{color:#9bb2bd;cursor:pointer;background:#10232d;border:1px solid #294454;border-radius:7px;justify-content:center;align-items:center;min-height:32px;padding:7px 11px;font-size:8px;text-decoration:none;display:inline-flex}.nvr-web-actions a{color:var(--cyan);border-color:#27616a}.nvr-web-actions button:disabled{opacity:.45;cursor:default}.nvr-web-frame{background:#050c11;border:1px solid #294454;border-radius:10px;flex:1;min-height:0;overflow:hidden;box-shadow:0 18px 55px #0005}.nvr-web-frame iframe{background:#fff;border:0;width:100%;height:100%;display:block}.nvr-web-empty{height:100%;color:var(--muted);align-content:center;place-items:center;gap:8px;display:grid}.nvr-web-empty b{width:48px;height:48px;color:var(--cyan);background:#10232d;border:1px solid #294454;border-radius:12px;place-items:center;font-size:22px;display:grid}.nvr-web-empty strong{color:var(--text);font-size:11px}.nvr-web-empty span{font-size:9px}.nvr-web-note{color:#718b98;align-items:center;gap:8px;padding:9px 4px 0;font-size:8px;display:flex}.nvr-web-note b{color:var(--cyan)}.zones-layout{flex:1;grid-template-columns:220px minmax(0,1fr);gap:12px;min-height:0;margin-top:14px;display:grid}.zone-camera-list{border:1px solid var(--line);background:#0a161f;border-radius:10px;padding:8px;overflow:auto}.zone-camera-list>div{border-bottom:1px solid var(--line);justify-content:space-between;padding:6px 5px 10px;display:flex}.zone-camera-list>div strong{font-size:10px}.zone-camera-list>div span{color:var(--muted);font-size:8px}.zone-camera-list>button{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:9px 7px;display:grid}.zone-camera-list>button:hover{background:#10212b}.zone-camera-list>button.selected{background:#102a32;border-color:#28616d}.zone-camera-list>button span,.zone-camera-list>button b,.zone-camera-list>button small{display:block}.zone-camera-list>button b{font-size:9px}.zone-camera-list>button small{color:var(--muted);margin-top:3px;font-size:8px}.zone-camera-list>button em{color:var(--cyan);background:#17353e;border-radius:7px;padding:3px 5px;font-size:6px;font-style:normal}.zone-editor{border:1px solid var(--line);background:#0a161f;border-radius:10px;min-width:0;padding:12px;overflow:auto}.zone-editor-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.zone-editor-head strong,.zone-editor-head span{display:block}.zone-editor-head strong{font-size:11px}.zone-editor-head span{color:var(--muted);margin-top:4px;font-size:8px}.zone-editor-head>button{color:var(--cyan);cursor:pointer;background:#10232d;border:1px solid #294454;border-radius:7px;padding:7px 10px;font-size:8px}.zone-canvas{cursor:crosshair;-webkit-user-select:none;user-select:none;background:#050c11;border:1px solid #315160;border-radius:9px;width:100%;position:relative;overflow:hidden}.zone-canvas>img{pointer-events:none;width:100%;height:auto;display:block}.zone-fill{pointer-events:none;background:#20d5e82b;position:absolute;inset:0}.zone-edge{z-index:2;background:var(--cyan);transform-origin:0;pointer-events:none;height:2px;position:absolute;box-shadow:0 0 7px #20d5e8}.zone-point{z-index:3;color:#fff;cursor:pointer;background:#0e6975;border:2px solid #b5f9ff;border-radius:50%;place-items:center;width:24px;height:24px;padding:0;font-size:8px;font-weight:800;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 9px #000b}.zone-point:hover{background:#a63441;border-color:#ffb4ba}.zone-frame-error{color:#e3bd7b;text-align:center;background:#071018e8;place-items:center;padding:20px;font-size:10px;display:grid;position:absolute;inset:0}.zone-instructions{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:9px;display:grid}.zone-instructions span{border:1px solid var(--line);color:var(--muted);border-radius:7px;padding:8px;font-size:8px;line-height:1.35}.zone-instructions b{color:var(--cyan)}.zone-message{color:#8df3fc;background:#102a32;border:1px solid #28616d;border-radius:7px;margin:9px 0 0;padding:8px 10px;font-size:9px}.zone-message.warning{color:#e4c681;background:#2b2416;border-color:#5b4928}.zone-actions{justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.zone-actions button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#0d1c26;border-radius:7px;padding:9px 12px;font-size:9px}.zone-actions button.primary{color:#dffcff;background:#14505a;border-color:#277381}.zone-actions button:disabled{opacity:.45;cursor:not-allowed}@media (width<=1050px){.stats{grid-template-columns:repeat(4,1fr)}.storage{border-top:1px solid var(--line);grid-column:1/-1}}@media (width<=900px){.detection-camera{grid-template-columns:1fr}.detection-switches,.alert-setting-switches{grid-template-columns:repeat(3,minmax(95px,1fr))}}@media (width<=760px){.sidebar{overscroll-behavior:contain;padding-bottom:calc(25px + env(safe-area-inset-bottom));scrollbar-gutter:stable;transition:transform .2s;overflow:hidden auto;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar .brand,.sidebar nav,.sidebar .center-id,.sidebar .engine{flex-shrink:0}.workspace{width:100%;margin-left:0;padding:0 10px 18px}header{gap:10px;min-height:72px}.menu-btn{color:var(--text);background:0 0;border:0;font-size:22px;display:block}.title{flex:1}.title h1{font-size:18px}.clock{display:none}.arm{padding:10px;font-size:0}.arm span{margin:0;font-size:14px}.stats{grid-template-columns:repeat(2,1fr);overflow:hidden}.stat{border-bottom:1px solid var(--line);padding:11px}.storage{grid-column:1/-1}.alert small{line-height:1.35}.alert button{font-size:0}.alert button:after{content:"✓";font-size:13px}.grid-9,.grid-16{grid-template-columns:repeat(2,minmax(0,1fr))}.scrim{z-index:15;background:#02070cb3;border:0;display:block;position:fixed;inset:0}.detection-backdrop{padding:8px}.detection-panel{max-height:96vh}.detection-switches{grid-template-columns:repeat(2,minmax(0,1fr))}.detection-panel-head{padding:15px}.detection-camera-list{padding:8px}.detection-camera{padding:9px}.detection-note{padding:10px 14px}.storage-form{padding:15px}.storage-facts{grid-template-columns:1fr}.storage-actions{padding:12px 15px}.event-detail-body{padding:10px}.event-detail-facts{grid-template-columns:1fr}.event-detail-actions{flex-wrap:wrap}.event-detail-actions a{margin-right:auto}.event-log-screen{padding:12px}.event-log-screen-head h1{font-size:20px}.event-log-screen-head span{display:none}.event-log-summary,.recordings-summary{grid-template-columns:repeat(2,1fr);margin:9px 0}.event-log-toolbar{display:block}.event-log-toolbar>span{padding:0 10px 9px;display:block}.event-log-list{margin-top:8px}.event-log-list-head{display:none}.event-log-row{grid-template-rows:auto auto auto;grid-template-columns:60px minmax(0,1fr) auto;gap:3px 10px;min-height:78px;padding:8px 10px}.event-log-row .event-thumbnail{grid-area:1/1/4;width:56px;height:46px}.event-row-kind{grid-area:1/2}.event-row-kind small{margin-left:6px;display:inline}.event-row-camera{grid-area:2/2}.event-row-camera strong,.event-row-camera small{display:inline}.event-row-camera small{margin-left:6px}.event-row-time{grid-area:3/2}.event-row-time strong,.event-row-time small{display:inline}.event-row-time small{margin-left:6px}.event-row-confidence{text-align:right;grid-area:1/3}.event-row-media{grid-area:2/3;justify-self:end}.event-row-open{grid-area:3/3}.recording-row{grid-template-rows:repeat(4,auto);grid-template-columns:60px minmax(0,1fr) auto;min-height:92px}.recording-row .recording-list-preview{grid-area:1/1/5;width:56px;height:46px}.recording-row-camera{grid-area:1/2}.recording-row-camera strong,.recording-row-camera small{display:inline}.recording-row-camera small{margin-left:6px}.recording-row-kinds{grid-area:2/2}.recording-row-time{grid-area:3/2}.recording-row-time strong,.recording-row-time small{display:inline}.recording-row-time small{margin-left:6px}.recording-row-duration{grid-area:4/2}.recording-row-events{text-align:right;grid-area:1/3}.recording-row-size{text-align:right;grid-area:2/3}.recording-row-status{grid-area:3/3;justify-self:end}.recording-row .event-row-open{grid-area:4/3}.event-log-footer .all-events{width:100%;min-width:0}.recordings-toolbar{grid-template-columns:1fr 1fr;display:grid}.recordings-toolbar label select,.recordings-toolbar label input{width:100%}.recordings-toolbar>small{margin:0}.recording-detail-actions a{order:3;justify-content:center;width:100%}.zones-screen{overflow:auto}.zones-layout{grid-template-columns:1fr;overflow:visible}.zone-camera-list{grid-template-columns:repeat(2,1fr);max-height:190px;display:grid}.zone-camera-list>div{grid-column:1/-1}.zone-instructions{grid-template-columns:1fr}.zone-actions{flex-wrap:wrap}.zone-actions button.primary{flex:1}.alerts-summary{grid-template-columns:repeat(2,1fr);margin:9px 0}.camera-fault-strip>small{display:none}.alerts-toolbar{grid-template-columns:1fr auto;display:grid}.alert-filters{grid-column:1/-1}.alerts-toolbar>span{margin:0}.alert-list-row{grid-template-rows:repeat(4,auto);grid-template-columns:60px minmax(0,1fr) auto;gap:3px 10px;min-height:92px;padding:8px 10px}.alert-list-row .event-thumbnail{grid-area:1/1/5;width:56px;height:46px}.alert-severity{grid-area:1/2}.alert-severity strong,.alert-severity small{display:inline}.alert-severity small{margin-left:6px}.alert-row-camera{grid-area:2/2}.alert-row-camera strong,.alert-row-camera small{display:inline}.alert-row-camera small{margin-left:6px}.alert-row-time{grid-area:3/2}.alert-row-time strong,.alert-row-time small{display:inline}.alert-row-time small{margin-left:6px}.alert-list-row .event-row-media{grid-area:4/2;justify-self:start}.alert-row-state{grid-area:1/3;justify-self:end}.alert-ack-button{grid-area:2/3/4}.alert-list-row .event-row-open{grid-area:4/3}.alert-setting-switches{grid-template-columns:repeat(2,minmax(0,1fr))}.alerts-toolbar{grid-template-columns:1fr 1fr}.alerts-toolbar>span{grid-column:1/-1}.alert-settings-button,.acknowledge-all{width:100%}.nvr-web-toolbar{margin:9px 0;display:grid}.nvr-web-actions{grid-template-columns:1fr 1fr;display:grid}.nvr-web-actions button,.nvr-web-actions a{width:100%}.nvr-web-note{line-height:1.4}.nvr-web-frame{min-height:480px}}@media (width<=430px){.camera-grid{gap:5px;padding:6px}.grid-4,.grid-9,.grid-16{grid-template-columns:repeat(2,minmax(0,1fr))}.native-camera-grid{margin:6px}.overlay.bottom span{display:none}}.mobile-bottom-nav{display:none}.pwa-install-card{z-index:110;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b1923f2;border:1px solid #2b5867;border-radius:14px;grid-template-columns:48px minmax(0,1fr) auto auto;align-items:center;gap:11px;width:min(430px,100vw - 24px);padding:11px 11px 11px 12px;display:grid;position:fixed;bottom:18px;right:18px;box-shadow:0 18px 55px #000b}.pwa-install-card img{border-radius:12px;width:48px;height:48px}.pwa-install-card strong,.pwa-install-card span{display:block}.pwa-install-card strong{font-size:11px}.pwa-install-card span{color:var(--muted);margin-top:4px;font-size:9px;line-height:1.35}.pwa-install-action{color:var(--cyan);cursor:pointer;background:#123e48;border:1px solid #247481;border-radius:8px;padding:9px 11px;font-size:9px;font-weight:800}.pwa-install-close{color:#78909c;cursor:pointer;background:0 0;border:0;width:28px;height:28px;padding:0;font-size:20px}.mobile-offline-banner{z-index:120;color:#ffd18c;background:#352315;border:1px solid #7d5130;border-top:0;border-radius:0 0 9px 9px;padding:8px 13px;font-size:9px;position:fixed;top:0;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0008}@media (width<=760px){html,body{overscroll-behavior:none}.workspace{padding-bottom:calc(82px + env(safe-area-inset-bottom))}.mobile-single-live{aspect-ratio:16/9;touch-action:pan-y;background:#020609}.mobile-single-live .stable-live-mosaic{object-fit:contain}.mobile-single-live .native-overlays{bottom:46px}.mobile-single-live .native-camera-overlay{cursor:grab}.mobile-live-controls{z-index:8;pointer-events:auto;background:linear-gradient(90deg,#07131bf5,#0c202af5);border-top:1px solid #24414f;grid-template-columns:auto 42px minmax(0,1fr) 42px auto;align-items:center;gap:4px;min-height:46px;padding:4px 6px;display:grid;position:absolute;bottom:0;left:0;right:0}.mobile-live-controls>button{height:36px;color:var(--cyan);cursor:pointer;background:#102832;border:1px solid #2a4e5d;border-radius:8px;font-size:25px;line-height:1}.mobile-live-controls>span{text-align:center;min-width:0;padding:0 5px}.mobile-live-controls b,.mobile-live-controls small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mobile-live-controls b{font-size:9px}.mobile-live-controls small{color:var(--muted);margin-top:3px;font-size:7px}.mobile-live-controls .mobile-fullscreen-button{color:#dffcff;width:auto;padding:0 10px;font-size:8px;font-weight:800}.mobile-live-controls .mobile-overview-button{color:#dffcff;width:auto;padding:0 9px;font-size:8px;font-weight:800}.mobile-live-fullscreen{z-index:200!important;aspect-ratio:auto!important;background:#000!important;border:0!important;border-radius:0!important;width:100vw!important;height:100vh!important;margin:0!important;position:fixed!important;inset:0!important}.mobile-live-fullscreen .native-overlays{bottom:calc(50px + env(safe-area-inset-bottom))}.mobile-live-fullscreen .mobile-live-controls{min-height:calc(50px + env(safe-area-inset-bottom));padding-bottom:calc(4px + env(safe-area-inset-bottom))}.mobile-live-fullscreen .stable-live-mosaic{object-fit:contain}.mobile-bottom-nav{z-index:55;padding:6px 7px calc(6px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#08131bee;border-top:1px solid #24414f;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 34px #0009}.mobile-bottom-nav button{color:#718995;cursor:pointer;background:0 0;border:0;border-radius:9px;align-content:center;place-items:center;gap:3px;min-width:0;min-height:50px;padding:4px 2px;display:grid;position:relative}.mobile-bottom-nav button span{font-size:17px;line-height:1}.mobile-bottom-nav button b{letter-spacing:.04em;font-size:7px}.mobile-bottom-nav button.active{color:var(--cyan);background:#102b35}.mobile-bottom-nav button.alarm span{color:var(--red)}.mobile-bottom-nav button i{background:var(--red);color:#fff;border:2px solid #08131b;border-radius:10px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:7px;font-style:normal;font-weight:800;display:grid;position:absolute;top:2px;right:calc(50% - 20px)}.event-log-screen{bottom:calc(64px + env(safe-area-inset-bottom))}.pwa-install-card{right:12px;bottom:calc(76px + env(safe-area-inset-bottom));grid-template-columns:44px minmax(0,1fr) auto auto;padding:9px}.pwa-install-card img{width:44px;height:44px}}.recordings-screen>.status{color:var(--cyan);background:#10232d;border:1px solid #28505d;border-radius:8px;margin:-5px 0 10px;padding:9px 12px;font-size:9px}.recordings-screen>.status.error{color:#ff9ea6;background:#32191d;border-color:#71363d}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.motion-live-pill i,.yolo-live-pill i{animation:none!important}}.event-filter-controls{align-items:flex-end;gap:8px;min-width:0;display:flex}.event-filter-controls .filters{min-width:0;padding:8px}.camera-list-filter{flex:none;gap:4px;padding:7px 0;display:grid}.camera-list-filter>span{color:var(--muted);font-size:7px;font-weight:700}.camera-list-filter select{min-width:205px;min-height:30px;color:var(--text);background:#08141c;border:1px solid #294454;border-radius:7px;outline:0;padding:5px 8px;font-size:8px}.camera-list-filter select:focus{border-color:var(--cyan)}.clear-list-filters{color:#d7b77c;white-space:nowrap;cursor:pointer;background:#241d14;border:1px solid #55442d;border-radius:7px;min-height:30px;padding:5px 9px;font-size:8px}.alerts-toolbar .camera-list-filter{padding:0}.alerts-toolbar .clear-list-filters{color:#d7b77c;border-color:#55442d}@media (width<=900px){.event-log-toolbar{align-items:stretch}.event-filter-controls{flex-wrap:wrap}.event-filter-controls .filters{flex:100%}.alerts-toolbar{flex-wrap:wrap}.alerts-toolbar>span{margin-left:0}.alerts-toolbar .alert-settings-button{margin-left:auto}}@media (width<=760px){.event-filter-controls{grid-template-columns:minmax(0,1fr) auto;padding:0 9px 9px;display:grid}.event-filter-controls .filters{grid-column:1/-1;margin:0 -9px}.camera-list-filter{min-width:0}.camera-list-filter select{width:100%;min-width:0}.event-log-toolbar>span{padding:0 10px 9px}.alerts-toolbar .camera-list-filter,.alerts-toolbar .clear-list-filters{grid-column:1/-1}.alerts-toolbar .alert-settings-button{margin-left:0}}.event-log-toolbar:has(.advanced-event-filters){flex-direction:column;align-items:stretch;padding:10px;display:flex}.event-log-toolbar:has(.advanced-event-filters)>span{align-self:flex-end;padding:8px 2px 0}.advanced-event-filters{gap:9px;width:100%;display:grid;position:relative}.event-kind-chips{gap:5px;padding-bottom:2px;display:flex;overflow-x:auto}.event-kind-chips button,.event-confidence-presets button{color:#829ca7;white-space:nowrap;cursor:pointer;background:#0c2029;border:1px solid #25414d;border-radius:8px;min-height:30px;padding:5px 9px;font-size:8px;font-weight:800}.event-kind-chips button.active,.event-confidence-presets button.active{color:var(--cyan);background:#10313b;border-color:#2e7480}.event-filter-fields{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.event-filter-fields>label{flex:0 170px;gap:4px;display:grid}.event-filter-fields label>span,.event-camera-picker summary>span{color:var(--muted);font-size:7px;font-weight:800}.event-filter-fields select,.event-filter-fields input{width:100%;min-height:32px;color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#07141b;border:1px solid #294955;border-radius:8px;outline:0;padding:6px 8px;font-size:8px}.event-filter-fields select:focus,.event-filter-fields input:focus{border-color:var(--cyan)}.event-camera-picker{flex:250px;min-width:220px;position:relative}.event-camera-picker summary{cursor:pointer;background:#07141b;border:1px solid #294955;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;min-height:32px;padding:6px 9px;list-style:none;display:flex}.event-camera-picker summary::-webkit-details-marker{display:none}.event-camera-picker summary:after{content:"⌄";color:var(--cyan);font-size:11px}.event-camera-picker[open] summary{border-color:var(--cyan);border-radius:8px 8px 0 0}.event-camera-picker summary b{color:#dcecf2;margin-left:auto;font-size:8px}.event-camera-picker>div{background:#07141bf5;border:1px solid #2b6470;border-radius:0 0 9px 9px;max-height:260px;padding:6px;position:static;overflow:auto;box-shadow:0 18px 40px #000b}.event-camera-picker>div button{color:#9cb1ba;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;width:100%;min-height:31px;padding:5px 7px;font-size:8px;display:flex}.event-camera-picker>div button:hover{background:#102630}.event-camera-picker>div button.active{color:#e5fbff;background:#10313b;border-color:#28616d}.event-camera-picker>div button i{width:16px;height:16px;color:var(--cyan);border:1px solid #34515c;border-radius:4px;place-items:center;font-size:8px;font-style:normal;display:grid}.event-confidence-filter{background:#08151d;border:1px solid #1f3946;border-radius:9px;grid-template-columns:190px minmax(140px,1fr) auto auto;align-items:center;gap:9px;padding:8px 10px;display:grid}.event-confidence-filter>div:first-child{justify-content:space-between;align-items:center;gap:8px;display:flex}.event-confidence-filter span{color:var(--muted);font-size:8px}.event-confidence-filter strong{color:var(--cyan);font-size:10px}.event-confidence-filter>input{width:100%;accent-color:var(--cyan)}.event-confidence-presets{gap:4px;display:flex}.event-confidence-presets button{min-height:27px;padding:4px 7px;font-size:7px}.event-confidence-filter>small{color:#69828e;font-size:7px;line-height:1.3}.advanced-event-filters>.clear-list-filters{justify-self:start}.viewer-filters:has(.advanced-event-filters){display:block;overflow:visible}@media (width<=900px){.event-confidence-filter{grid-template-columns:180px minmax(120px,1fr) auto}.event-confidence-filter>small{grid-column:1/-1}}@media (width<=760px){.event-log-toolbar:has(.advanced-event-filters){padding:8px}.event-filter-fields{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.event-filter-fields>label,.event-camera-picker{flex:none;min-width:0}.event-camera-picker{grid-column:1/-1}.event-camera-picker>div{max-height:210px;position:static}.event-confidence-filter{grid-template-columns:1fr;gap:7px}.event-confidence-presets{overflow-x:auto}.event-confidence-presets button{flex:1}.advanced-event-filters>.clear-list-filters{width:100%}.viewer-filters:has(.advanced-event-filters){padding:8px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.auth-screen{min-height:100vh;color:var(--text);background:radial-gradient(circle at 50% 10%,#153448 0,#0000 35%),linear-gradient(145deg,#061018,#091720);place-items:center;padding:24px;display:grid}.auth-card{background:#0a1822f2;border:1px solid #25404f;border-radius:18px;width:min(100%,430px);padding:34px;box-shadow:0 28px 80px #0009,0 0 0 1px #20d5e80a}.auth-card.compact{justify-content:center;align-items:center;gap:15px;padding:28px;display:flex}.auth-brand{align-items:center;gap:13px;margin-bottom:38px;display:flex}.auth-brand strong{letter-spacing:.18em;font-size:17px;display:block}.auth-brand small{color:var(--cyan);letter-spacing:.34em;margin-top:2px;font-size:9px;display:block}.eyebrow{color:var(--cyan);letter-spacing:.25em;margin:0 0 7px;font-size:9px;font-weight:700}.auth-card h1{letter-spacing:-.04em;margin:0;font-size:30px}.auth-copy{color:#91a7b4;margin:10px 0 24px;font-size:13px;line-height:1.55}.auth-card form{gap:15px;display:grid}.auth-card label{color:#bfd0d8;letter-spacing:.05em;gap:7px;font-size:10px;font-weight:700;display:grid}.auth-card label span{color:#698593;font-weight:400}.auth-card input{width:100%;color:var(--text);background:#08131b;border:1px solid #294452;border-radius:9px;outline:none;padding:13px 14px;font-size:13px}.auth-card input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #20d5e81f}.auth-card input::placeholder{color:#496473}.login-button,.refresh-qr{color:#031117;letter-spacing:.05em;cursor:pointer;background:linear-gradient(135deg,#20d5e8,#29b8cf);border:0;border-radius:9px;padding:14px;font-size:11px;font-weight:800;box-shadow:0 8px 22px #20d5e82b}.login-button:disabled{opacity:.6;cursor:wait}.auth-error{color:#ff9ba4;background:#30171c;border:1px solid #873d47;border-radius:8px;padding:10px 12px;font-size:11px;line-height:1.4}.auth-divider{align-items:center;gap:12px;margin:22px 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#1d3342;flex:1;height:1px}.auth-divider span{color:#587382;letter-spacing:.16em;font-size:8px}.qr-hint{background:#0c202a;border:1px solid #1c3946;border-radius:10px;gap:12px;padding:13px;display:flex}.qr-hint>b{width:34px;height:34px;color:var(--cyan);background:#12313d;border-radius:8px;place-items:center;font-size:18px;display:grid}.qr-hint div{flex:1}.qr-hint strong,.qr-hint small{display:block}.qr-hint strong{font-size:11px}.qr-hint small{color:#78929f;margin-top:4px;font-size:9px;line-height:1.45}.secure-note{text-align:center;color:#637e8b;margin-top:20px;font-size:9px}.auth-spinner{border:2px solid #284450;border-top-color:var(--cyan);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}.remote-login-card .auth-brand{margin-bottom:32px}.remote-login-card .secure-note{margin-bottom:0}.pair-button{color:var(--cyan);cursor:pointer;background:#0e2731;border:1px solid #24515d;border-radius:8px;padding:10px 12px;font-size:9px;font-weight:700}.pair-button:hover{background:#143541}.logout-button{border:1px solid var(--line);color:#8ca3af;cursor:pointer;background:#0c1822;border-radius:8px;width:36px;height:36px;font-size:16px}.logout-button:hover{color:var(--red);border-color:#6b3540}.center-id{background:#0b1b25;border:1px solid #193440;border-radius:8px;margin-top:auto;margin-bottom:10px;padding:10px 12px}.center-id span,.center-id strong{display:block}.center-id span{letter-spacing:.18em;color:#607e8d;font-size:7px}.center-id strong{letter-spacing:.08em;color:#b9d0da;margin-top:4px;font-family:monospace;font-size:11px}.center-id+.engine{margin-top:0}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#02070bd9;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.pairing-modal{text-align:center;background:#0b1a24;border:1px solid #2a4b59;border-radius:16px;width:min(100%,420px);padding:30px;position:relative;box-shadow:0 26px 80px #000c}.pairing-modal h2{margin:4px 0 8px;font-size:23px}.pairing-modal>p:not(.eyebrow){color:#86a0ad;max-width:330px;margin:0 auto 20px;font-size:11px;line-height:1.5}.modal-close{color:#8ca3af;cursor:pointer;background:#132631;border:0;border-radius:50%;width:32px;height:32px;font-size:20px;position:absolute;top:12px;right:13px}.pairing-qr{width:220px;height:220px;image-rendering:pixelated;background:#fff;border-radius:12px;margin:0 auto 17px;padding:10px;display:block}.serial-chip{background:#08141c;border:1px solid #25424f;border-radius:9px;padding:10px}.serial-chip span,.serial-chip strong{display:block}.serial-chip span{letter-spacing:.17em;color:#64808e;font-size:7px}.serial-chip strong{letter-spacing:.12em;margin-top:4px;font-family:monospace;font-size:15px}.expiry-note{color:#7894a1;justify-content:center;align-items:center;gap:7px;margin:15px 0;font-size:9px;display:flex}.expiry-note i{background:var(--green);width:7px;height:7px;box-shadow:0 0 9px var(--green);border-radius:50%}.refresh-qr{width:100%}@media (width<=900px){.pair-button{width:36px;height:36px;padding:0;font-size:0}.pair-button:first-letter{font-size:16px}.actions{gap:7px}}@media (width<=520px){.auth-screen{padding:0}.auth-card{border:0;border-radius:0;flex-direction:column;justify-content:center;width:100%;min-height:100vh;padding:28px 22px;display:flex}.auth-card.compact{min-height:100vh}.pairing-modal{padding:28px 18px}.pairing-qr{width:210px;height:210px}.pair-button{display:none}.logout-button{width:34px;height:34px}.center-id{display:block}}.nvr-setup-screen{z-index:1000;background:radial-gradient(circle at 18% 10%,#19d6be1f,#0000 34%),linear-gradient(145deg,#071017,#0b1721 55%,#071017);place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow:auto}.nvr-setup-card{background:#0a1721f5;border:1px solid #7ea2b83b;border-radius:20px;width:min(620px,100%);padding:34px;box-shadow:0 28px 80px #0000007a}.nvr-setup-card h1{margin:4px 0 10px;font-size:30px}.nvr-setup-card form{gap:14px;margin-top:22px;display:grid}.nvr-setup-card label{color:#cfdae1;gap:7px;font-size:13px;font-weight:700;display:grid}.nvr-setup-card label span{color:#78909e;font-weight:500}.nvr-setup-card input{color:#f1f7fa;width:100%;font:inherit;background:#08151e;border:1px solid #2a414f;border-radius:9px;outline:none;padding:13px 14px}.nvr-setup-card input:focus{border-color:#19d6be;box-shadow:0 0 0 3px #19d6be1f}.nvr-fields{grid-template-columns:1fr 150px;gap:14px;display:grid}.nvr-info{background:#19d6be0f;border:1px solid #19d6be2e;border-radius:10px;align-items:center;gap:12px;margin-top:20px;padding:13px;display:flex}.nvr-info>b{color:#051113;background:#19d6be;border-radius:6px;padding:7px;font-size:11px}.nvr-info div{gap:3px;display:grid}.nvr-info small{color:#8ca1ad;line-height:1.4}.cancel-setup{color:#8ca1ad;cursor:pointer;background:0 0;border:0;width:100%;margin-top:14px}@media (width<=600px){.nvr-setup-card{padding:24px 18px}.nvr-fields{grid-template-columns:1fr}}.nvr-native-screen{z-index:60;background:radial-gradient(circle at 54% -25%,#173b4b 0,#0000 40%),#071018;overflow:hidden}.nvr-native-head{flex:none}.nvr-native-head-actions{align-items:center;gap:8px;display:flex}.nvr-native-head-actions>button{position:static}.nvr-native-refresh{padding:0 12px;width:auto!important;height:34px!important;color:var(--cyan)!important;background:#102b35!important;border-color:#285b67!important;font-size:8px!important}.nvr-native-refresh:disabled{opacity:.55}.nvr-native-statusbar{border:1px solid var(--line);background:#0a161fcc;border-radius:9px;grid-template-columns:minmax(260px,1.5fr) repeat(3,minmax(100px,.55fr)) auto;align-items:center;min-height:56px;margin:12px 0 0;display:grid;overflow:hidden}.nvr-native-statusbar>div{border-right:1px solid var(--line);align-items:center;gap:10px;height:100%;padding:9px 13px;display:flex}.nvr-native-statusbar>div:first-child span,.nvr-native-statusbar>div:first-child b,.nvr-native-statusbar>div:first-child small{display:block}.nvr-native-statusbar>div:first-child b{font-size:9px}.nvr-native-statusbar>div:first-child small{color:var(--muted);margin-top:4px;font-family:monospace;font-size:8px}.nvr-native-statusbar>div:not(:first-child){gap:3px;display:grid}.nvr-native-statusbar>div:not(:first-child) span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:7px}.nvr-native-statusbar>div:not(:first-child) strong{font-size:14px}.nvr-native-statusbar>button{height:34px;color:var(--cyan);cursor:pointer;background:#102a34;border:1px solid #285764;border-radius:7px;margin:0 10px;padding:0 12px;font-size:8px}.nvr-native-message{color:#8cf1c2;background:#112b25;border:1px solid #2a6958;border-radius:7px;align-items:center;gap:9px;margin-top:9px;padding:8px 11px;font-size:9px;display:flex}.nvr-native-message.error{color:#ff9ea6;background:#32191d;border-color:#71363d}.nvr-native-message>b{background:#235544;border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.nvr-native-message.error>b{background:#71363d}.nvr-native-message>span{flex:1}.nvr-native-message>button{color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:5px;padding:5px 8px;font-size:8px}.nvr-mobile-nav-button,.nvr-mobile-nav-backdrop,.nvr-mobile-nav-title{display:none}.nvr-native-layout{flex:1;grid-template-columns:224px minmax(0,1fr);gap:12px;min-height:0;margin-top:12px;display:grid}.nvr-native-subnav{border:1px solid var(--line);background:#09151ecc;border-radius:10px;flex-direction:column;min-height:0;padding:9px;display:flex;overflow:auto}.nvr-native-subnav>div{border-bottom:1px solid var(--line);margin-bottom:5px;padding:8px 8px 12px}.nvr-native-subnav>div strong,.nvr-native-subnav>div span{display:block}.nvr-native-subnav>div strong{color:#6f8d9b;letter-spacing:.15em;font-size:7px}.nvr-native-subnav>div span{color:var(--green);margin-top:5px;font-size:8px}.nvr-native-subnav>button{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:9px 8px;display:grid}.nvr-native-subnav>button:hover{background:#10222c}.nvr-native-subnav>button.active{box-shadow:inset 3px 0 var(--cyan);background:linear-gradient(90deg,#123440,#10232d);border-color:#28616d}.nvr-native-subnav>button>i{color:#7895a4;background:#10232d;border-radius:7px;place-items:center;width:28px;height:28px;font-size:12px;font-style:normal;display:grid}.nvr-native-subnav>button.active>i{color:var(--cyan);background:#15424c}.nvr-native-subnav>button span,.nvr-native-subnav>button b,.nvr-native-subnav>button small{min-width:0;display:block}.nvr-native-subnav>button b{font-size:9px}.nvr-native-subnav>button small{color:#607a87;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:7px;overflow:hidden}.nvr-native-subnav>button em{color:#496574;font-size:15px;font-style:normal}.nvr-native-subnav>button.active em{color:var(--cyan)}.nvr-native-content{border:1px solid var(--line);background:#09151dcc;border-radius:10px;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.nvr-native-section-head{border-bottom:1px solid var(--line);background:#0b1922;justify-content:space-between;align-items:center;min-height:62px;padding:10px 15px;display:flex}.nvr-native-section-head p,.nvr-native-section-head h2,.nvr-native-section-head span{margin:0}.nvr-native-section-head p{color:var(--cyan);letter-spacing:.16em;font-size:7px}.nvr-native-section-head h2{margin-top:4px;font-size:15px}.nvr-native-section-head span{color:var(--muted);margin-top:4px;font-size:8px;display:block}.nvr-native-loading{color:#85a2af;border:1px solid #2a4d58;border-radius:7px;align-items:center;gap:8px;padding:7px 9px;display:flex}.nvr-native-loading i{border:2px solid #2a4d58;border-top-color:var(--cyan);border-radius:50%;width:12px;height:12px;animation:.8s linear infinite nvr-spin}.nvr-native-loading span{margin:0;font-size:8px}@keyframes nvr-spin{to{transform:rotate(360deg)}}.nvr-native-pane{flex:1;min-height:0;padding:13px;overflow:auto}.nvr-overview-grid{grid-template-columns:1.25fr repeat(2,minmax(180px,.8fr));gap:9px;display:grid}.nvr-health-card{border:1px solid var(--line);background:linear-gradient(145deg,#0d1d26,#0a161f);border-radius:9px;flex-direction:column;justify-content:center;min-height:83px;padding:13px 14px;display:flex}.nvr-health-card>span,.nvr-health-card>strong,.nvr-health-card>small{display:block}.nvr-health-card>span{color:#66808e;letter-spacing:.1em;font-size:7px}.nvr-health-card>strong{margin:6px 0 5px;font-size:10px}.nvr-health-card>small{color:var(--muted);font-size:7px}.nvr-health-card.primary{background:linear-gradient(145deg,#112c26,#0b1c20);border-color:#276555;grid-template-columns:42px 1fr;align-items:center;gap:12px;display:grid}.nvr-health-card.primary span,.nvr-health-card.primary strong,.nvr-health-card.primary small{display:block}.nvr-health-card.primary span{color:var(--green);letter-spacing:.12em;font-size:7px}.nvr-health-card.primary strong{margin:5px 0;font-size:11px}.nvr-health-card.primary small{color:#78a793;font-size:8px}.nvr-health-icon{width:42px;height:42px;color:var(--green);background:#153e30;border:1px solid #2f8062;border-radius:50%;place-items:center;font-size:19px;display:grid;box-shadow:0 0 20px #49e49722}.nvr-native-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:9px;display:grid}.nvr-native-card-grid.network{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}.nvr-native-card{border:1px solid var(--line);background:linear-gradient(145deg,#0c1b24,#09151d);border-radius:9px;min-height:180px;padding:13px}.nvr-native-card>header,.nvr-native-form-card>header{border-bottom:1px solid #1b303b;justify-content:space-between;align-items:flex-start;padding-bottom:10px;display:flex}.nvr-native-card>header span,.nvr-native-card>header h3,.nvr-native-form-card>header span,.nvr-native-form-card>header h3{margin:0;display:block}.nvr-native-card>header span,.nvr-native-form-card>header span{color:#65808e;letter-spacing:.12em;font-size:7px}.nvr-native-card>header h3,.nvr-native-form-card>header h3{margin-top:4px;font-size:10px}.nvr-native-card>header>i,.nvr-native-form-card>header>i{width:28px;height:28px;color:var(--cyan);background:#12313b;border-radius:7px;place-items:center;font-size:9px;font-style:normal;display:grid}.nvr-native-card dl{margin:8px 0 0}.nvr-native-card dl>div{border-bottom:1px solid #152933;justify-content:space-between;align-items:center;gap:10px;padding:7px 0;display:flex}.nvr-native-card dl>div:last-child{border-bottom:0}.nvr-native-card dt{color:var(--muted);font-size:7px}.nvr-native-card dd{text-align:right;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:8px;font-weight:700;overflow:hidden}.nvr-native-card dd.good{color:var(--green)}.nvr-native-card dd.warn{color:var(--amber)}.nvr-native-card>p{color:#b1c2ca;margin:12px 0 8px;font-size:9px;line-height:1.5}.nvr-native-card>small{color:var(--muted);font-size:8px;line-height:1.45;display:block}.nvr-channel-meter{align-items:flex-end;gap:4px;margin:17px 0 8px;display:flex}.nvr-channel-meter strong{color:var(--cyan);font-size:24px}.nvr-channel-meter span{color:var(--muted);padding-bottom:3px;font-size:9px}.nvr-meter{background:#1c303a;border-radius:8px;height:5px;overflow:hidden}.nvr-meter i{border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--green));height:100%;display:block;box-shadow:0 0 9px #20d5e888}.nvr-native-card>.nvr-meter+small{color:var(--muted);margin-top:8px;font-size:7px;display:block}.nvr-pane-intro{border:1px solid var(--line);background:#0b1a23;border-radius:8px;justify-content:space-between;align-items:center;min-height:54px;margin-bottom:9px;padding:8px 12px;display:flex}.nvr-pane-intro strong,.nvr-pane-intro span{display:block}.nvr-pane-intro strong{font-size:10px}.nvr-pane-intro div>span{color:var(--muted);margin-top:5px;font-size:8px}.nvr-native-pill{color:var(--cyan);background:#102b35;border:1px solid #285764;border-radius:12px;padding:6px 9px;font-size:7px!important}.nvr-camera-sync-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.nvr-camera-sync-actions>.nvr-native-pill{color:var(--cyan);margin:0}.nvr-camera-sync{color:#9ff4cf;cursor:pointer;background:linear-gradient(145deg,#174a3b,#12352f);border:1px solid #2e7d69;border-radius:7px;min-height:30px;padding:6px 10px;font-size:7px;font-weight:700}.nvr-camera-sync:hover{background:linear-gradient(145deg,#1b5b47,#154037);border-color:#47ad8c}.nvr-camera-sync:disabled{opacity:.55;cursor:wait}.nvr-camera-table{border:1px solid var(--line);background:#08141c;border-radius:9px;overflow:hidden}.nvr-camera-table-head,.nvr-camera-row{grid-template-columns:minmax(160px,1.35fr) 80px minmax(130px,1fr) 85px minmax(140px,1.1fr) 72px;align-items:center;gap:10px;display:grid}.nvr-camera-table-head{color:#67818e;letter-spacing:.08em;text-transform:uppercase;background:#0d1d26;border-bottom:1px solid #29404c;min-height:32px;padding:0 11px;font-size:7px;font-weight:700}.nvr-camera-row{border-bottom:1px solid #172b35;min-height:59px;padding:7px 11px}.nvr-camera-row:last-child{border-bottom:0}.nvr-camera-row>span{min-width:0}.nvr-camera-row span b,.nvr-camera-row span small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.nvr-camera-row span b{font-size:8px}.nvr-camera-row span small{color:var(--muted);margin-top:4px;font-size:7px}.nvr-camera-name{grid-template-rows:auto auto;grid-template-columns:10px auto;align-items:center;gap:0 8px;display:grid!important}.nvr-camera-name .dot{grid-row:1/3}.nvr-camera-name b,.nvr-camera-name small{grid-column:2}.nvr-camera-row .state{color:#8299a4;border:1px solid #355360;border-radius:9px;justify-self:start;padding:4px 7px;font-size:7px}.nvr-camera-row .state.online{color:var(--green);background:#102920;border-color:#28604b}.nvr-camera-row .state.offline{color:var(--amber);background:#2a2114;border-color:#674f2c}.nvr-ai-tags{flex-wrap:wrap;gap:3px;display:flex}.nvr-ai-tags i{color:var(--cyan);background:#15323c;border-radius:7px;padding:3px 5px;font-size:6px;font-style:normal}.nvr-camera-row>button{color:var(--cyan);cursor:pointer;background:#102a34;border:1px solid #285764;border-radius:6px;padding:6px 8px;font-size:7px}.nvr-camera-name-value,.nvr-camera-name-editor{grid-column:2;align-items:center;gap:5px;min-width:0;display:flex!important}.nvr-camera-name-value small{flex:1;min-width:0;margin:3px 0 0!important}.nvr-camera-name-value button,.nvr-camera-name-editor button{width:22px;height:22px;color:var(--cyan);cursor:pointer;background:#102a34;border:1px solid #285764;border-radius:5px;flex:none;place-items:center;padding:0;font-size:9px;display:grid}.nvr-camera-name-value button:hover,.nvr-camera-name-editor button:hover{background:#153844;border-color:#3b8797}.nvr-camera-name-editor{margin-top:3px}.nvr-camera-name-editor input{width:100%;min-width:0;height:25px;color:var(--text);background:#06131b;border:1px solid #347b88;border-radius:5px;outline:0;padding:4px 6px;font-size:8px}.nvr-camera-name-editor input:focus{border-color:var(--cyan);box-shadow:0 0 0 2px #20d5e820}.nvr-camera-name-editor button.save{color:var(--green);background:#153c2e;border-color:#2d765b}.nvr-camera-name-editor button:disabled{opacity:.45;cursor:wait}.nvr-disk-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.nvr-disk-card{border:1px solid var(--line);background:#0b1922;border-radius:9px;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;min-height:83px;padding:12px;display:grid}.nvr-disk-icon{width:42px;height:42px;color:var(--cyan);background:#102b35;border:1px solid #285764;border-radius:9px;place-items:center;font-size:17px;display:grid}.nvr-disk-card span,.nvr-disk-card strong,.nvr-disk-card small{display:block}.nvr-disk-card span{color:#66818e;letter-spacing:.1em;font-size:7px}.nvr-disk-card strong{margin:5px 0;font-size:14px}.nvr-disk-card small{color:var(--muted);font-size:7px}.nvr-storage-native{background:linear-gradient(145deg,#0d2029,#0a171f);border:1px solid #285764;border-radius:9px;margin-top:9px;padding:13px}.nvr-storage-native header{justify-content:space-between;display:flex}.nvr-storage-native header span,.nvr-storage-native header h3{margin:0;display:block}.nvr-storage-native header span{color:var(--cyan);letter-spacing:.12em;font-size:7px}.nvr-storage-native header h3{margin-top:4px;font-size:10px}.nvr-storage-native header>strong{color:var(--cyan);font-size:16px}.nvr-meter.large{height:6px;margin:13px 0}.nvr-storage-native dl{grid-template-columns:1.5fr .7fr .7fr;gap:8px;margin:0;display:grid}.nvr-storage-native dl>div{background:#09151d;border:1px solid #1d3440;border-radius:7px;padding:8px}.nvr-storage-native dt,.nvr-storage-native dd{margin:0;display:block}.nvr-storage-native dt{color:var(--muted);font-size:7px}.nvr-storage-native dd{text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:8px;font-weight:700;overflow:hidden}.nvr-danger-note{color:#e4c681;background:#2b2416;border:1px solid #5b4928;border-radius:8px;align-items:center;gap:10px;margin-top:9px;padding:9px 11px;font-size:8px;display:flex}.nvr-danger-note>b{color:#ffcf71;background:#6a5226;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.nvr-danger-note>span{flex:1;line-height:1.45}.nvr-danger-note>button{color:#f0d494;cursor:pointer;background:#3a2f1b;border:1px solid #756039;border-radius:6px;padding:6px 9px;font-size:7px}.nvr-danger-note.network{color:#86afbc;background:#10242c;border-color:#28505d}.nvr-danger-note.network>b{color:var(--cyan);background:#17404c}.nvr-danger-note.network>button{color:var(--cyan);background:#102b35;border-color:#285764}.nvr-native-card dl.ports{grid-template-columns:repeat(2,1fr);gap:5px;display:grid}.nvr-native-card dl.ports>div{border:1px solid #18303a;border-radius:6px;padding:8px}.p2p-card>button{width:100%;color:var(--cyan);cursor:pointer;background:#102b35;border:1px solid #285764;border-radius:6px;margin-top:12px;padding:8px;font-size:8px}.p2p-card>button:disabled{opacity:.45}.nvr-p2p-state{background:#251e13;border:1px solid #544329;border-radius:7px;align-items:center;gap:9px;margin-top:13px;padding:10px;display:flex}.nvr-p2p-state.connected{background:#10291f;border-color:#285b49}.nvr-p2p-state span,.nvr-p2p-state b,.nvr-p2p-state small{display:block}.nvr-p2p-state b{font-size:8px}.nvr-p2p-state small{color:var(--muted);margin-top:4px;font-family:monospace;font-size:7px}.nvr-event-native-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;display:grid}.nvr-event-native{border:1px solid var(--line);background:#0b1922;border-radius:8px;grid-template-columns:29px 1fr;align-items:center;gap:8px;padding:10px;display:grid}.nvr-event-native>i{width:29px;height:29px;color:var(--cyan);background:#17323c;border-radius:7px;place-items:center;font-size:11px;font-style:normal;display:grid}.nvr-event-native span b,.nvr-event-native span small{display:block}.nvr-event-native span b{font-size:8px}.nvr-event-native span small{color:var(--muted);margin-top:3px;font-size:7px}.nvr-event-native em{color:#597580;text-align:right;grid-column:1/-1;font-size:6px;font-style:normal}.nvr-event-native.violet>i{color:var(--violet);background:#29213c}.nvr-event-native.amber>i{color:var(--amber);background:#352819}.nvr-event-native.green>i{color:var(--green);background:#183126}.nvr-event-native.red>i{color:var(--red);background:#381a20}.nvr-event-flow{background:#0b1a23;border:1px solid #284451;border-radius:9px;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:8px;margin-top:9px;padding:12px;display:grid}.nvr-event-flow span{align-items:center;gap:8px;display:flex}.nvr-event-flow span b{width:24px;height:24px;color:var(--cyan);background:#15424c;border-radius:50%;place-items:center;font-size:8px;display:grid}.nvr-event-flow span small{font-size:7px}.nvr-event-flow>i{color:#456370;font-size:15px}.nvr-card-action{width:100%;color:var(--cyan);cursor:pointer;background:#102b35;border:1px solid #285764;border-radius:6px;margin-top:12px;padding:8px;font-size:7px}.nvr-user-hero{background:linear-gradient(145deg,#102b24,#0b1b1f);border:1px solid #285b49;border-radius:9px;grid-template-columns:52px 1fr auto;align-items:center;gap:13px;padding:14px;display:grid}.nvr-user-avatar{width:52px;height:52px;color:var(--green);background:#174632;border:1px solid #34795e;border-radius:50%;place-items:center;font-size:20px;font-weight:800;display:grid}.nvr-user-hero span,.nvr-user-hero h3,.nvr-user-hero small{margin:0;display:block}.nvr-user-hero span{color:var(--green);letter-spacing:.12em;font-size:7px}.nvr-user-hero h3{margin:5px 0;font-size:15px}.nvr-user-hero small{color:#779b8c;font-size:8px}.nvr-native-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.nvr-native-form-card{border:1px solid var(--line);background:linear-gradient(145deg,#0c1b24,#09151d);border-radius:9px;padding:13px}.nvr-native-form-card>label{gap:5px;margin-top:10px;display:grid}.nvr-native-form-card>label>span,.nvr-inline-fields label>span{color:var(--muted);font-size:7px}.nvr-native-form-card input,.nvr-native-form-card select{width:100%;min-height:32px;color:var(--text);background:#08141c;border:1px solid #294454;border-radius:7px;padding:6px 9px;font-size:8px}.nvr-form-actions{justify-content:flex-end;gap:7px;margin-top:12px;display:flex}.nvr-form-actions button{color:#9bb0b9;cursor:pointer;background:#10232d;border:1px solid #38505d;border-radius:6px;padding:8px 10px;font-size:7px}.nvr-form-actions button.primary{color:#dffcff;background:#14505a;border-color:#277381}.nvr-form-actions button:disabled{opacity:.45}.nvr-clock-preview{background:#102a34;border:1px solid #285764;border-radius:7px;margin-top:10px;padding:10px}.nvr-clock-preview span,.nvr-clock-preview strong{display:block}.nvr-clock-preview span{color:var(--muted);font-size:7px}.nvr-clock-preview strong{color:var(--cyan);letter-spacing:.05em;margin-top:6px;font-family:monospace;font-size:14px}.nvr-check-row{background:#0a171f;border:1px solid #1c3440;border-radius:7px;align-items:center;gap:9px;padding:8px;display:flex!important}.nvr-check-row input{width:14px!important;min-height:14px!important}.nvr-check-row span,.nvr-check-row b,.nvr-check-row small{display:block}.nvr-check-row b{font-size:8px}.nvr-check-row small{color:var(--muted);margin-top:3px;font-size:7px}.nvr-inline-fields{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px;display:grid}.nvr-inline-fields label{gap:5px;display:grid}.system-info{min-height:0}.nvr-native-pane.advanced{flex-direction:column;display:flex;overflow:hidden}.nvr-advanced-toolbar{border:1px solid var(--line);background:#0b1a23;border-radius:8px;align-items:center;gap:8px;padding:9px 11px;display:flex}.nvr-advanced-toolbar>div{flex:1;min-width:0}.nvr-advanced-toolbar b,.nvr-advanced-toolbar span{display:block}.nvr-advanced-toolbar b{font-size:9px}.nvr-advanced-toolbar span{color:var(--muted);margin-top:4px;font-size:7px}.nvr-advanced-toolbar button,.nvr-advanced-toolbar a{min-height:30px;color:var(--cyan);cursor:pointer;background:#102b35;border:1px solid #285764;border-radius:6px;justify-content:center;align-items:center;padding:6px 9px;font-size:7px;text-decoration:none;display:inline-flex}.nvr-advanced-frame{background:#fff;border:1px solid #294454;border-radius:9px;flex:1;min-height:360px;margin-top:8px;overflow:hidden}.nvr-advanced-frame iframe{border:0;width:100%;height:100%;display:block}.nvr-native-empty{min-height:90px;color:var(--muted);border:1px dashed #29404c;border-radius:8px;place-items:center;font-size:8px;display:grid}@media (width<=1100px){.nvr-native-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nvr-event-native-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.nvr-camera-table-head,.nvr-camera-row{grid-template-columns:minmax(150px,1.3fr) 70px minmax(120px,1fr) 75px minmax(120px,1fr) 65px}}@media (width<=820px){.nvr-native-screen{padding:10px;overflow-y:auto}.nvr-native-statusbar{grid-template-columns:1fr repeat(2,.45fr)}.nvr-native-statusbar>div:nth-of-type(4){display:none}.nvr-native-statusbar>button{grid-column:1/-1;width:calc(100% - 20px);margin-bottom:8px}.nvr-mobile-nav-button{z-index:6;width:100%;min-height:56px;color:var(--text);text-align:left;background:linear-gradient(135deg,#102f3a,#0b2029);border:1px solid #2b6673;border-radius:9px;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;margin-top:10px;padding:8px 12px;display:grid;position:sticky;top:0;box-shadow:0 8px 20px #0008}.nvr-mobile-nav-button>i{width:36px;height:36px;color:var(--cyan);background:#16424e;border-radius:8px;place-items:center;font-size:18px;font-style:normal;display:grid}.nvr-mobile-nav-button span,.nvr-mobile-nav-button small,.nvr-mobile-nav-button b{display:block}.nvr-mobile-nav-button small{color:var(--cyan);letter-spacing:.12em;font-size:7px}.nvr-mobile-nav-button b{margin-top:4px;font-size:11px}.nvr-mobile-nav-button>em{color:var(--cyan);font-size:22px;font-style:normal}.nvr-mobile-nav-backdrop{z-index:89;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#02070dcc;border:0;display:block;position:fixed;inset:0}.nvr-native-layout{flex:none;margin-top:10px;display:block;overflow:visible}.nvr-native-subnav{z-index:90;background:#08151e;border:0;border-right:1px solid #2b5f6b;border-radius:0;width:min(86vw,340px);min-height:100%;padding:12px;transition:transform .22s;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-105%);box-shadow:18px 0 45px #000b}.nvr-native-subnav.mobile-open{transform:translate(0)}.nvr-native-subnav>div{padding:8px 8px 14px}.nvr-mobile-nav-title{justify-content:space-between;align-items:center;margin-bottom:14px!important;display:flex!important}.nvr-mobile-nav-title>strong{color:var(--cyan)!important;font-size:9px!important}.nvr-mobile-nav-title>button{color:#c9e7ee;background:#102832;border:1px solid #315866;border-radius:8px;width:34px;height:34px;font-size:22px}.nvr-native-subnav>button{min-height:58px;margin-bottom:4px;padding:9px}.nvr-native-subnav>button b{font-size:10px}.nvr-native-subnav>button small{font-size:8px}.nvr-native-content{min-height:600px;overflow:visible}.nvr-native-pane{overflow:visible}.nvr-overview-grid{grid-template-columns:1fr}.nvr-health-card.primary{grid-row:auto}.nvr-camera-table-head{display:none}.nvr-camera-row{grid-template-rows:repeat(3,auto);grid-template-columns:1fr auto;gap:5px}.nvr-camera-name{grid-column:1}.nvr-camera-row .state{grid-area:1/2}.nvr-camera-row>span:nth-child(3){grid-area:2/1}.nvr-camera-row>span:nth-child(4){grid-area:3/1}.nvr-ai-tags{grid-area:2/2}.nvr-camera-row>button{grid-area:3/2}.nvr-event-flow{grid-template-columns:1fr}.nvr-event-flow>i{display:none}}@media (width<=560px){.nvr-native-head-actions .nvr-native-refresh{display:none}.nvr-native-statusbar{grid-template-columns:1fr 1fr}.nvr-native-statusbar>div:first-child{grid-column:1/-1}.nvr-native-statusbar>div:nth-of-type(3){display:none}.nvr-native-subnav,.nvr-native-card-grid,.nvr-native-card-grid.network,.nvr-native-form-grid,.nvr-disk-grid{grid-template-columns:1fr}.nvr-event-native-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nvr-storage-native dl{grid-template-columns:1fr}.nvr-advanced-toolbar{flex-wrap:wrap}.nvr-advanced-toolbar>div{flex-basis:100%}.nvr-pane-intro{align-items:flex-start;gap:8px}.nvr-camera-sync-actions{flex-direction:column;align-items:flex-end}.nvr-camera-sync{white-space:nowrap}}@media (prefers-reduced-motion:reduce){.nvr-native-loading i{animation:none}}.nas-screen{z-index:145;color:#e8f6fb;background:#071119}.nas-head{min-height:92px}.nas-head-actions{align-items:center;gap:10px;display:flex}.nas-head-actions>button,.nas-advanced-toolbar>button,.nas-advanced-toolbar>a{color:#bfe9f4;cursor:pointer;background:#0b1b25;border:1px solid #244859;border-radius:8px;padding:10px 14px;font-weight:700;text-decoration:none}.nas-head-actions>button:last-child{padding:9px 13px;font-size:25px;line-height:22px}.nas-overall{text-transform:uppercase;border:1px solid #285064;border-radius:999px;align-items:center;gap:8px;padding:8px 13px;font-size:12px;font-weight:800;display:flex}.nas-overall i{background:#2de99c;border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px #2de99c}.nas-overall.warning{color:#ffc866;border-color:#785a28}.nas-overall.warning i{background:#ffb847;box-shadow:0 0 12px #ffb847}.nas-overall.critical{color:#ff8992;border-color:#76323a}.nas-overall.critical i{background:#ff5969;box-shadow:0 0 12px #ff5969}.nas-layout{grid-template-columns:276px minmax(0,1fr);height:calc(100vh - 92px);min-height:0;display:grid}.nas-sections{background:#08151e;border-right:1px solid #173441;flex-direction:column;min-height:0;padding:16px 12px;display:flex}.nas-device-card{background:#0b1c26;border:1px solid #1c3c4b;border-radius:10px;align-items:center;gap:11px;margin-bottom:15px;padding:13px;display:flex}.nas-device-card>div{flex:1;gap:2px;min-width:0;display:grid}.nas-device-card b{font-size:13px}.nas-device-card small{color:#7197a7;font-size:10px}.nas-device-icon{color:#7795a0;border:1px solid #2c5260;border-radius:9px;place-items:center;width:38px;height:38px;font-size:9px;font-weight:900;display:grid}.nas-device-icon.online{color:#06150f;background:#2de99c;border-color:#2de99c;box-shadow:0 0 18px #2de99c33}.nas-sections nav{gap:4px;display:grid;overflow:auto}.nas-sections nav button{color:#8baab6;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;grid-template-columns:34px 1fr auto;align-items:center;padding:10px 9px;display:grid}.nas-sections nav button:hover{color:#dff7ff;background:#0d202b}.nas-sections nav button.active{color:#36d9ef;background:#103142;box-shadow:inset 3px 0 #35d9ef}.nas-sections nav button>i{font-style:normal;font-weight:900}.nas-sections nav button span{gap:2px;display:grid}.nas-sections nav button b{font-size:12px}.nas-sections nav button small{color:#688b99;font-size:9px}.nas-sections nav button em{font-style:normal}.nas-side-foot{word-break:break-all;border-top:1px solid #183541;gap:4px;margin-top:auto;padding:15px 8px 2px;display:grid}.nas-side-foot span{letter-spacing:1.3px;color:#527885;font-size:8px}.nas-side-foot b{color:#b6d7df;font-size:10px}.nas-side-foot small{color:#49d99d;font-size:9px}.nas-content{background:radial-gradient(circle at 80% 0,#0e2a35 0,#0000 30%),#071119;padding:22px 26px 36px;overflow:auto}.nas-loading,.nas-empty{color:#789aa7;place-content:center;justify-items:center;gap:12px;min-height:220px;display:grid}.nas-loading i{border:3px solid #234653;border-top-color:#35d9ef;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite nas-spin}@keyframes nas-spin{to{transform:rotate(360deg)}}.nas-message{color:#ff9ba4;background:#2a1118;border:1px solid #6f3039;border-radius:9px;align-items:center;gap:10px;margin-bottom:14px;padding:12px 14px;display:flex}.nas-message>b{color:#25070c;background:#ff5969;border-radius:50%;place-items:center;width:23px;height:23px;display:grid}.nas-hero{background:linear-gradient(120deg,#0b2230,#0a1821);border:1px solid #1b4453;border-radius:13px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:16px;padding:22px 24px;display:flex}.nas-hero>div:first-child>span,.nas-pane-title span,.nas-info-card header span,.nas-login-copy span,.nas-advanced-toolbar span{letter-spacing:1.6px;color:#36d9ef;font-size:9px;font-weight:800}.nas-hero h2,.nas-pane-title h2,.nas-advanced-toolbar h2{margin:4px 0;font-size:25px}.nas-hero p,.nas-pane-title p,.nas-advanced-toolbar p{color:#789daa;margin:0;font-size:12px}.nas-hero-state{background:#2b1219;border:1px solid #6b3039;border-radius:10px;align-items:center;gap:12px;min-width:230px;padding:13px 16px;display:flex}.nas-hero-state>i{color:#2a0910;background:#ff5969;border-radius:50%;place-items:center;width:36px;height:36px;font-style:normal;font-weight:900;display:grid}.nas-hero-state.online{background:#0b281e;border-color:#1d634b}.nas-hero-state.online>i{color:#042217;background:#2de99c}.nas-hero-state span{gap:3px;display:grid}.nas-hero-state b{font-size:12px}.nas-hero-state small{color:#7093a0;word-break:break-all;font-size:9px}.nas-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.nas-stat-grid article,.nas-info-card,.nas-usage-card,.nas-login-card,.nas-migration-card,.nas-raid-card,.nas-disk-grid article,.nas-monitor-note{background:#0a1a24;border:1px solid #193c4a;border-radius:11px}.nas-stat-grid article{gap:5px;padding:15px;display:grid}.nas-stat-grid span{letter-spacing:1.2px;color:#638b99;font-size:8px}.nas-stat-grid strong{color:#e9fbff;font-size:20px}.nas-stat-grid small{color:#648795;font-size:9px}.nas-usage-card{margin-bottom:12px;padding:17px}.nas-usage-card header{justify-content:space-between;align-items:center;display:flex}.nas-usage-card header span{letter-spacing:1.3px;color:#648a98;font-size:8px}.nas-usage-card h3{margin:3px 0 11px;font-size:14px}.nas-usage-card header>b{color:#35d9ef;font-size:18px}.nas-progress{background:#102f3c;border-radius:999px;height:7px;overflow:hidden}.nas-progress>i{border-radius:inherit;background:linear-gradient(90deg,#25dfbb,#39ccef);height:100%;transition:width .35s;display:block}.nas-usage-card footer,.nas-migration-card footer{color:#688c99;justify-content:space-between;margin-top:8px;font-size:9px;display:flex}.nas-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px;display:grid}.nas-info-card{padding:17px}.nas-info-card h3{margin:4px 0 12px;font-size:15px}.nas-info-card dl,.nas-disk-grid dl{margin:0;display:grid}.nas-info-card dl div,.nas-disk-grid dl div{border-top:1px solid #15323d;justify-content:space-between;gap:15px;padding:9px 0;display:flex}.nas-info-card dt,.nas-disk-grid dt{color:#708f9b;font-size:10px}.nas-info-card dd,.nas-disk-grid dd{text-align:right;color:#d5ecf2;word-break:break-all;margin:0;font-size:10px}.nas-login-card{margin-top:13px;padding:18px}.nas-login-copy{align-items:flex-start;gap:14px;display:flex}.nas-login-copy>i{font-size:20px;font-style:normal}.nas-login-copy h3{margin:4px 0;font-size:16px}.nas-login-copy p{color:#7194a0;margin:0;font-size:10px}.nas-login-fields{grid-template-columns:2fr .7fr 1.2fr 1.6fr;gap:9px;margin:15px 0 10px;display:grid}.nas-login-fields label{gap:5px;display:grid}.nas-login-fields label span{color:#789ba8;font-size:9px}.nas-login-fields input{color:#dff7ff;background:#07141c;border:1px solid #244957;border-radius:7px;min-width:0;padding:10px}.nas-login-card>button{color:#04202a;cursor:pointer;background:#31cce2;border:0;border-radius:8px;padding:11px 16px;font-weight:900}.nas-login-card>button:disabled{opacity:.5;cursor:default}.nas-login-error{color:#ff8992;font-size:10px}.nas-pane-title{border-bottom:1px solid #193845;justify-content:space-between;align-items:center;margin-bottom:16px;padding:3px 2px 17px;display:flex}.nas-pane-title>b{color:#44dded;background:#0b2a37;border:1px solid #246274;border-radius:999px;padding:8px 13px;font-size:11px}.nas-raid-card{align-items:center;gap:17px;margin-bottom:12px;padding:18px;display:flex}.nas-raid-card>i{color:#301d02;background:#ffb847;border-radius:13px;place-items:center;width:54px;height:54px;font-style:normal;font-weight:900;display:grid}.nas-raid-card>i.healthy{color:#032318;background:#2de99c}.nas-raid-card>div{flex:1}.nas-raid-card span{letter-spacing:1.3px;color:#6c919e;font-size:8px}.nas-raid-card h3{margin:3px 0;font-size:18px}.nas-raid-card p{color:#7295a2;margin:0;font-size:10px}.nas-raid-card>b{color:#39e09f;font-size:11px}.nas-disk-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.nas-disk-grid article{padding:16px}.nas-disk-grid header{align-items:center;gap:10px;display:flex}.nas-disk-grid header>i{color:#50ddec;background:#163746;border-radius:8px;place-items:center;width:30px;height:30px;font-style:normal;font-weight:900;display:grid}.nas-disk-grid header>span{flex:1;display:grid}.nas-disk-grid header b{font-size:11px}.nas-disk-grid header small{color:#72929e;font-size:9px}.nas-disk-grid header em{border-radius:999px;padding:5px 8px;font-size:8px;font-style:normal}.nas-disk-grid header em.good{color:#44e3a6;background:#123b2c}.nas-disk-grid header em.bad{color:#ff8992;background:#3b1920}.nas-disk-grid h3{color:#cce7ed;margin:14px 0 8px;font-size:12px}.nas-migration-card{margin-bottom:14px;padding:19px}.nas-migration-card header{justify-content:space-between;display:flex}.nas-migration-card header span{letter-spacing:1.4px;color:#6e929f;font-size:9px}.nas-migration-card h3{margin:3px 0 10px;font-size:32px}.nas-migration-card header>i{color:#42ddec;background:#113542;border-radius:50%;place-items:center;width:45px;height:45px;font-size:22px;font-style:normal;display:grid}.nas-migration-card.running header>i{animation:1.3s ease-in-out infinite nas-pulse}.nas-migration-card.failed header>i{color:#ff8992;background:#451820}@keyframes nas-pulse{50%{box-shadow:0 0 0 8px #35d9ef16}}.nas-migration-card p{color:#7898a4;margin:12px 0 0;font-size:10px}.nas-area-list{gap:8px;display:grid}.nas-area-list article{background:#091922;border:1px solid #183a47;border-radius:9px;grid-template-columns:minmax(0,1fr) 100px 90px;align-items:center;gap:12px;padding:12px 14px;display:grid}.nas-area-list article>div:first-child{gap:3px;display:grid}.nas-area-list b{font-size:11px}.nas-area-list small{color:#668894;word-break:break-all;font-size:8px}.nas-area-list article>span,.nas-area-list article>strong{text-align:right;font-size:10px}.nas-area-list article>.nas-progress{grid-column:1/-1;height:4px}.nas-warning-list{gap:8px;display:grid}.nas-warning-list article{background:#0a1a23;border:1px solid #21414e;border-radius:9px;align-items:center;gap:13px;padding:13px 15px;display:flex}.nas-warning-list article>i{color:#71d9e8;background:#153844;border-radius:50%;place-items:center;width:31px;height:31px;font-style:normal;font-weight:900;display:grid}.nas-warning-list article>div{gap:3px;display:grid}.nas-warning-list b{text-transform:uppercase;font-size:10px}.nas-warning-list span{color:#86a4ae;font-size:10px}.nas-warning-list article.warning{background:#281e0d;border-color:#72562a}.nas-warning-list article.warning>i{color:#301d02;background:#ffb847}.nas-warning-list article.critical{background:#291218;border-color:#74323a}.nas-warning-list article.critical>i{color:#2c070d;background:#ff5969}.nas-warning-list article.healthy{background:#0a271d;border-color:#246149}.nas-warning-list article.healthy>i{color:#032319;background:#2de99c}.nas-monitor-note{border-color:#235469;gap:5px;margin-top:13px;padding:15px;display:grid}.nas-monitor-note b{color:#3cd9ec;font-size:11px}.nas-monitor-note span{color:#7396a3;font-size:10px}.nas-advanced-toolbar{align-items:center;gap:10px;margin-bottom:12px;display:flex}.nas-advanced-toolbar>div{flex:1}.nas-advanced-toolbar h2{font-size:21px}.nas-advanced-frame{background:#fff;border:1px solid #204655;border-radius:10px;height:calc(100vh - 245px);min-height:480px;overflow:hidden}.nas-advanced-frame iframe{background:#fff;border:0;width:100%;height:100%}.nas-remote-advanced{text-align:center;border:1px dashed #315363;border-radius:12px;place-content:center;justify-items:center;min-height:390px;padding:30px;display:grid}.nas-remote-advanced>i{color:#3ad7e9;font-size:40px;font-style:normal}.nas-remote-advanced h3{margin:10px 0 4px}.nas-remote-advanced p{color:#7295a2;max-width:560px;font-size:11px}.nas-remote-advanced a{color:#041d27;background:#31cce2;border-radius:8px;margin-top:9px;padding:11px 16px;font-weight:900;text-decoration:none}.nas-danger-note{color:#deb967;background:#281e0d;border:1px solid #71562b;border-radius:8px;align-items:center;gap:10px;margin-top:10px;padding:12px 14px;font-size:10px;display:flex}.nas-danger-note>b{color:#2d1a00;background:#ffb847;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}@media (width<=900px){.nas-head{min-height:auto}.nas-head-actions .nas-overall,.nas-head-actions>button:not(:last-child){display:none}.nas-layout{grid-template-columns:1fr;height:calc(100dvh - 76px)}.nas-sections{border-bottom:1px solid #173441;border-right:0;padding:8px;display:block}.nas-device-card,.nas-side-foot{display:none}.nas-sections nav{gap:5px;display:flex;overflow-x:auto}.nas-sections nav button{text-align:center;grid-template-columns:1fr;justify-items:center;min-width:58px;padding:8px 7px;display:grid}.nas-sections nav button span small,.nas-sections nav button em{display:none}.nas-sections nav button span b{white-space:nowrap;font-size:8px}.nas-content{padding:14px 10px 100px}.nas-hero{padding:17px;display:grid}.nas-hero-state{min-width:0}.nas-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nas-overview-grid,.nas-disk-grid{grid-template-columns:1fr}.nas-login-fields{grid-template-columns:1fr 90px}.nas-area-list article{grid-template-columns:minmax(0,1fr) 75px}.nas-area-list article>strong{display:none}.nas-advanced-toolbar{flex-wrap:wrap;align-items:flex-start}.nas-advanced-toolbar>div{flex-basis:100%}.nas-advanced-frame{height:calc(100dvh - 280px);min-height:360px}}.yolo-training-screen{z-index:65;color:var(--text);background:radial-gradient(circle at 55% -18%,#123d45 0,#0000 38%),#071018;flex-direction:column;padding:20px 24px;display:flex;position:fixed;inset:0}.yolo-training-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:15px;display:flex}.yolo-training-head p,.yolo-training-head h1,.yolo-training-head span{margin:0;display:block}.yolo-training-head p{color:var(--cyan);letter-spacing:.22em;font-size:8px}.yolo-training-head h1{margin-top:5px;font-size:24px}.yolo-training-head span{color:var(--muted);margin-top:6px;font-size:9px}.yolo-training-head-actions{align-items:center;gap:7px;display:flex}.manual-training-input{display:none}.yolo-training-head button,.yolo-training-head a{min-height:34px;color:var(--cyan);cursor:pointer;background:#102a34;border:1px solid #285764;border-radius:7px;justify-content:center;align-items:center;padding:7px 11px;font-size:8px;text-decoration:none;display:inline-flex}.yolo-training-head .manual-training-button{color:#83efbd;background:#123529;border-color:#2b705d}.yolo-training-head .live-training-open-button{color:#8ff3fb;background:#103640;border-color:#287481}.yolo-training-head .yolo-close-button{color:#a8bdc8;background:#0c1b25;border-color:#314753;width:36px;padding:0;font-size:22px}.yolo-training-head button:disabled{opacity:.55}.yolo-training-stats{grid-template-columns:repeat(4,minmax(120px,1fr));gap:8px;margin:12px 0;display:grid}.yolo-training-stats>div{border:1px solid var(--line);background:#0b1922;border-radius:8px;grid-template-columns:1fr auto;gap:3px;padding:9px 12px;display:grid}.yolo-training-stats span,.yolo-training-stats small{color:var(--muted);font-size:7px}.yolo-training-stats strong{color:var(--cyan);grid-area:1/2/3;align-self:center;font-size:18px}.yolo-training-stats small{grid-column:1}.yolo-training-stats .deduplicated{background:#0d211c;border-color:#2d5d4b}.yolo-training-stats .deduplicated strong{color:var(--green)}.yolo-training-message{color:#8cf1c2;background:#112b25;border:1px solid #2a6958;border-radius:7px;align-items:center;gap:8px;margin-bottom:9px;padding:8px 10px;font-size:8px;display:flex}.yolo-training-message b{background:#235544;border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.yolo-training-message.error{color:#ff9ea6;background:#32191d;border-color:#71363d}.yolo-training-message.error b{background:#71363d}.auto-training-status{background:#0a1d27;border:1px solid #1c5260;border-radius:8px;grid-template-columns:minmax(240px,1fr) minmax(160px,320px) auto;align-items:center;gap:8px 20px;margin:0 0 10px;padding:11px 13px;display:grid}.auto-training-status>div:first-child{align-items:center;gap:9px;display:flex}.auto-training-status>div:first-child>i{background:#28c9dc;border-radius:50%;width:8px;height:8px;box-shadow:0 0 10px #28c9dc}.auto-training-status>div:first-child span{gap:2px;display:grid}.auto-training-status small{color:#819da8;font-size:7px}.auto-training-status>small{grid-column:1/-1}.auto-training-status>strong{color:#5fe3ef;font-size:8px}.auto-training-status.training>div:first-child>i{background:#55dfa2;animation:1.2s infinite autoTrainingPulse;box-shadow:0 0 10px #55dfa2}.auto-training-status.paused>div:first-child>i{box-shadow:none;background:#f0a858}.auto-training-progress{background:#030b0f;border-radius:8px;height:5px;overflow:hidden}.auto-training-progress>i{background:linear-gradient(90deg,#22bdcf,#62e3a6);height:100%;display:block}@keyframes autoTrainingPulse{50%{opacity:.35}}.yolo-training-event-log{background:#081720;border:1px solid #1d3b49;border-radius:9px;flex:none;margin:0 0 10px;overflow:hidden}.yolo-training-event-log>header{background:#0b1d27;border:0;grid-template-columns:minmax(190px,1fr) auto 32px;align-items:center;gap:12px;min-height:42px;padding:7px 10px;display:grid}.yolo-training-event-log>header strong,.yolo-training-event-log>header span{display:block}.yolo-training-event-log>header span{color:var(--muted);margin-top:3px;font-size:7px}.yolo-training-event-log>header>button{color:#b7d1da;cursor:pointer;background:#102832;border:1px solid #294b59;border-radius:7px;width:30px;height:30px;font-size:18px}.yolo-log-legend{align-items:center;gap:5px;display:flex}.yolo-log-legend i{border:1px solid;border-radius:9px;padding:4px 6px;font-size:6px;font-style:normal;font-weight:800}.yolo-log-legend .started{color:#48b8ff;background:#102a3d}.yolo-log-legend .paused{color:#ffc35c;background:#332817}.yolo-log-legend .error{color:#ff6c78;background:#35181e}.yolo-log-legend .model{color:#55e69d;background:#123124}.yolo-training-event-list{border-top:1px solid #1d3440;max-height:132px;overflow:auto}.yolo-training-event-list article{border-bottom:1px solid #132b36;grid-template-columns:7px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:38px;padding:6px 10px;display:grid;position:relative}.yolo-training-event-list article:last-child{border-bottom:0}.yolo-training-event-list article>i{border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px}.yolo-training-event-list article.started{color:#48b8ff}.yolo-training-event-list article.paused{color:#ffc35c}.yolo-training-event-list article.error{color:#ff6c78}.yolo-training-event-list article.model{color:#55e69d}.yolo-training-event-list article div{min-width:0}.yolo-training-event-list article strong,.yolo-training-event-list article span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.yolo-training-event-list article span{color:#839da8;margin-top:3px;font-size:7px}.yolo-training-event-list time{color:#66828e;white-space:nowrap;font-size:7px}.yolo-training-event-list>p{color:var(--muted);text-align:center;margin:0;padding:13px;font-size:8px}.yolo-training-layout{flex:1;grid-template-columns:235px minmax(0,1fr);gap:10px;min-height:0;display:grid}.yolo-category-panel,.yolo-label-workspace{border:1px solid var(--line);background:#09151dcc;border-radius:10px;min-height:0;overflow:hidden}.yolo-category-panel{flex-direction:column;display:flex}.yolo-category-panel>header{border-bottom:1px solid var(--line);background:#0b1b24;padding:12px}.yolo-category-panel>header strong,.yolo-category-panel>header span{display:block}.yolo-category-panel>header span{color:var(--muted);margin-top:5px;font-size:7px;line-height:1.4}.yolo-category-panel>div{min-height:0;padding:7px;overflow:auto}.yolo-category-panel button{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;grid-template-columns:24px 1fr;align-items:center;gap:8px;padding:7px;display:grid}.yolo-category-panel button:hover{background:#10222c}.yolo-category-panel button.selected{background:#10333c;border-color:#247481}.yolo-category-panel button>i{width:24px;height:24px;color:var(--cyan);background:#0c1b24;border:1px solid #294552;border-radius:6px;place-items:center;font-size:9px;font-style:normal;display:grid}.yolo-category-panel button.selected>i{background:#14515b;border-color:#287984;box-shadow:0 0 12px #20d5e833}.yolo-category-panel button b,.yolo-category-panel button small{display:block}.yolo-category-panel button small{color:var(--muted);margin-top:3px;font-size:6px}.yolo-category-panel button:disabled{opacity:.5;cursor:default}.yolo-label-workspace{flex-direction:column;display:flex}.yolo-candidate-head{border-bottom:1px solid var(--line);background:#0b1922;grid-template-columns:1.2fr .7fr auto;align-items:center;gap:12px;min-height:54px;padding:8px 12px;display:grid}.yolo-candidate-head>div span,.yolo-candidate-head>div strong,.yolo-candidate-head>div small{display:block}.yolo-candidate-head>div span{color:var(--cyan);letter-spacing:.1em;font-size:6px}.yolo-candidate-head>div strong{margin-top:3px;font-size:9px}.yolo-candidate-head>div small{color:var(--muted);margin-top:3px;font-size:7px}.dedup-active{color:var(--green);background:#10271f;border:1px solid #2b624e;border-radius:12px;align-items:center;gap:6px;padding:6px 8px;font-size:7px;display:flex!important}.dedup-active i{background:var(--green);width:6px;height:6px;box-shadow:0 0 8px var(--green);border-radius:50%}.yolo-image-stage{background:radial-gradient(circle,#122a35,#071118 65%);flex:1;align-content:center;place-items:center;min-height:0;padding:12px;display:grid;overflow:auto}.yolo-image-annotator{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;background:#03090d;border:1px solid #315462;border-radius:9px;width:min(100%,960px);max-height:calc(100vh - 300px);position:relative;overflow:hidden;box-shadow:0 18px 45px #0007}.yolo-image-annotator img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.yolo-image-annotator.drawing{border-color:var(--cyan)}.yolo-training-box{border:2px solid var(--cyan);pointer-events:none;background:#20d5e80d;position:absolute;box-shadow:0 0 12px #20d5e855}.yolo-training-box b{background:var(--cyan);color:#001217;white-space:nowrap;padding:3px 6px;font-size:7px;position:absolute;top:-18px;left:-2px}.yolo-image-stage>p{color:#78929e;margin:10px 0 0;font-size:8px}.yolo-image-stage>p b{color:var(--cyan)}.yolo-training-actions{border-top:1px solid var(--line);background:#08131b;justify-content:flex-end;align-items:center;gap:8px;padding:10px 12px;display:flex}.yolo-training-actions>div{margin-right:auto}.yolo-training-actions span,.yolo-training-actions strong{display:block}.yolo-training-actions span{color:var(--muted);font-size:7px}.yolo-training-actions strong{color:var(--cyan);margin-top:3px;font-size:9px}.yolo-training-actions .yolo-suggestion{color:#88a2ad;margin-top:4px;font-size:7px;display:block}.yolo-training-actions .yolo-suggestion.thinking{color:#5fdce9}.yolo-training-actions .yolo-suggestion.accepted{color:var(--green)}.yolo-training-actions .yolo-suggestion.uncertain{color:#e8ae65}.yolo-training-actions button{color:#9bb0b9;cursor:pointer;background:#10232d;border:1px solid #394f5a;border-radius:7px;min-height:32px;padding:7px 11px;font-size:8px}.yolo-training-actions button.primary{color:#dffcff;background:#14505a;border-color:#277381}.yolo-training-actions button:disabled{opacity:.5;cursor:not-allowed}.yolo-training-empty{text-align:center;align-content:center;place-items:center;min-height:100%;padding:30px;display:grid}.yolo-training-empty>i{width:60px;height:60px;color:var(--green);background:#153c2d;border:1px solid #2e795e;border-radius:50%;place-items:center;font-size:24px;font-style:normal;display:grid;box-shadow:0 0 28px #49e49722}.yolo-training-empty h2{margin:14px 0 8px;font-size:17px}.yolo-training-empty p{max-width:520px;color:var(--muted);margin:0;font-size:9px;line-height:1.55}.yolo-training-empty button{color:var(--cyan);cursor:pointer;background:#102a34;border:1px solid #285764;border-radius:7px;margin-top:16px;padding:9px 13px;font-size:8px}@media (width<=820px){.yolo-training-screen{padding:12px}.yolo-training-stats{grid-template-columns:repeat(2,1fr)}.yolo-training-layout{grid-template-rows:max-content minmax(600px,auto);grid-template-columns:1fr;overflow:auto}.yolo-category-panel{height:210px;min-height:210px;max-height:210px}.yolo-category-panel>div{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.yolo-label-workspace{min-height:600px}.yolo-candidate-head{grid-template-columns:1fr 1fr}.dedup-active{grid-column:1/-1;justify-self:start}.yolo-image-annotator{max-height:none}}@media (width<=560px){.yolo-training-screen{padding:calc(9px + env(safe-area-inset-top)) 8px calc(9px + env(safe-area-inset-bottom))}.yolo-training-head{grid-template-columns:minmax(0,1fr) 36px;align-items:start;gap:8px;padding-bottom:10px;display:grid;position:relative}.yolo-training-head>div:first-child{min-width:0;padding-right:2px}.yolo-training-head h1{font-size:20px}.yolo-training-head span{display:none}.yolo-training-head-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:7px;width:100%;display:grid}.yolo-training-head .live-training-open-button{grid-area:1/1/auto/-1;min-height:38px}.yolo-training-head .manual-training-button,.yolo-training-head .chatgpt-package-button{grid-row:2;width:100%;min-width:0;min-height:38px;padding:8px 6px}.yolo-training-head .yolo-refresh-button{display:none}.yolo-training-head .yolo-close-button{position:absolute;top:0;right:0}.auto-training-status{grid-template-columns:minmax(0,1fr) auto;gap:7px 10px}.auto-training-status>div:first-child{min-width:0}.auto-training-status>.auto-training-progress{grid-area:2/1/auto/-1}.auto-training-status>strong{grid-area:1/2;align-self:center}.auto-training-status>small{grid-area:3/1/auto/-1;line-height:1.35}.yolo-training-event-log>header{grid-template-columns:minmax(0,1fr) 32px;gap:7px}.yolo-log-legend{grid-area:2/1/auto/-1;grid-template-columns:repeat(4,1fr);width:100%;display:grid}.yolo-log-legend i{text-align:center}.yolo-training-event-log>header>button{grid-area:1/2}.yolo-training-event-list{max-height:124px}.yolo-training-event-list article{grid-template-columns:7px minmax(0,1fr)}.yolo-training-event-list time{grid-column:2;margin-top:-3px}.yolo-category-panel>div{grid-template-columns:1fr}.yolo-training-actions{flex-wrap:wrap}.yolo-training-actions>div{width:100%;margin:0}.yolo-training-actions button{flex:1}}.yolo-category-panel{overflow:auto}.yolo-category-panel>.yolo-main-groups{flex:none;overflow:visible}.yolo-other-categories{border-top:1px solid var(--line);background:#08151d;padding:10px!important;display:block!important;overflow:visible!important}.yolo-other-categories>strong,.yolo-other-categories>span{display:block}.yolo-other-categories>span{color:var(--muted);margin:4px 0 8px;font-size:7px;line-height:1.35}.yolo-other-categories>div{gap:3px;display:grid}.yolo-other-categories form{grid-template-columns:minmax(0,1fr) auto;gap:5px;margin-top:8px;display:grid}.yolo-other-categories input{min-width:0;color:var(--text);background:#061118;border:1px solid #294552;border-radius:7px;padding:8px;font-size:8px}.yolo-other-categories form button{width:auto;color:var(--cyan);text-align:center;background:#10333c;border-color:#27616a;padding:7px 9px;font-size:7px;display:block}.chatgpt-training-backdrop{z-index:90;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#02070cdd;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.chatgpt-training-dialog{background:#091720;border:1px solid #285766;border-radius:13px;width:min(680px,96vw);max-height:94vh;overflow:auto;box-shadow:0 30px 90px #000c}.chatgpt-training-dialog>header{border-bottom:1px solid var(--line);background:linear-gradient(110deg,#10323c,#091720);min-height:72px;padding:14px 16px}.chatgpt-training-dialog header p,.chatgpt-training-dialog header h2{margin:0}.chatgpt-training-dialog header p{color:var(--cyan);letter-spacing:.18em;font-size:8px}.chatgpt-training-dialog header h2{margin-top:5px;font-size:18px}.chatgpt-training-dialog header>button{color:#a8bdc8;cursor:pointer;background:#0c1b25;border:1px solid #294552;border-radius:8px;width:34px;height:34px;font-size:22px}.chatgpt-training-steps{gap:9px;padding:15px;display:grid}.chatgpt-training-steps article{border:1px solid var(--line);background:#0b1b24;border-radius:9px;align-items:center;gap:10px;padding:10px;display:flex}.chatgpt-training-steps article>b{width:27px;height:27px;color:var(--cyan);background:#14515b;border-radius:50%;place-items:center;font-size:10px;display:grid}.chatgpt-training-steps article strong,.chatgpt-training-steps article span{display:block}.chatgpt-training-steps article strong{font-size:9px}.chatgpt-training-steps article span{color:var(--muted);margin-top:3px;font-size:8px;line-height:1.35}.chatgpt-training-steps button,.chatgpt-import-tools label{color:#9bb0b9;text-align:center;cursor:pointer;background:#10232d;border:1px solid #294552;border-radius:7px;min-height:34px;padding:8px 11px;font-size:8px}.chatgpt-training-steps button.primary{color:#dffcff;background:#14505a;border-color:#277381}.chatgpt-training-steps button:disabled{opacity:.5;cursor:default}.chatgpt-import-tools{grid-template-columns:1fr 1fr;gap:7px;display:grid}.chatgpt-import-tools label{place-items:center;display:grid}.chatgpt-import-tools input{display:none}.chatgpt-training-steps textarea{resize:vertical;color:#dffcff;background:#050e14;border:1px solid #294552;border-radius:8px;outline:none;width:100%;padding:10px;font:8px/1.45 monospace}.chatgpt-training-steps textarea:focus{border-color:#287984}.chatgpt-import-preview{background:#112b25;border:1px solid #2a6958;border-radius:8px;gap:5px;padding:11px;display:grid}.chatgpt-import-preview>strong{color:#8cf1c2;font-size:10px}.chatgpt-import-preview>span,.chatgpt-import-preview>small{color:#a6cdbd;font-size:8px}.chatgpt-import-preview>button{margin-top:5px}.live-training-backdrop{z-index:105;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#02070ce8;place-items:center;padding:14px;display:grid;position:fixed;inset:0}.live-training-dialog{background:#08151d;border:1px solid #2a5e6d;border-radius:14px;flex-direction:column;width:min(1080px,98vw);max-height:96vh;display:flex;overflow:hidden;box-shadow:0 35px 100px #000d}.live-training-dialog>header{background:linear-gradient(110deg,#10343e,#091720);border-bottom:1px solid #21404d;justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:13px 16px;display:flex}.live-training-dialog>header p,.live-training-dialog>header h2,.live-training-dialog>header span{margin:0;display:block}.live-training-dialog>header p{color:var(--cyan);letter-spacing:.18em;font-size:7px}.live-training-dialog>header h2{margin-top:4px;font-size:18px}.live-training-dialog>header span{color:var(--muted);margin-top:4px;font-size:8px}.live-training-dialog>header>button{color:#b8cbd3;cursor:pointer;background:#0c1b25;border:1px solid #31505c;border-radius:8px;flex:none;width:34px;height:34px;font-size:22px}.live-training-toolbar{background:#091a23;border-bottom:1px solid #1d3541;align-items:flex-end;gap:9px;padding:9px 12px;display:flex}.live-training-toolbar label{gap:4px;min-width:260px;display:grid}.live-training-toolbar label span,.live-training-categories>strong,.live-training-categories label span{color:var(--muted);font-size:7px}.live-training-toolbar select,.live-training-categories select{min-height:32px;color:var(--text);background:#061119;border:1px solid #2a4c59;border-radius:7px;padding:6px 9px;font-size:8px}.live-training-toolbar>strong{color:#72ebf5;letter-spacing:.08em;background:#0d333c;border:1px solid #26616d;border-radius:10px;margin-left:auto;padding:8px 10px;font-size:7px}.live-training-toolbar>strong.frozen{color:#ffd177;background:#332817;border-color:#7b6131}.live-training-toolbar>button{color:#e5c47d;cursor:pointer;background:#292216;border:1px solid #5e4c2d;border-radius:7px;min-height:32px;padding:6px 9px;font-size:8px}.live-training-body{grid-template-columns:minmax(0,1fr) 230px;gap:10px;min-height:0;padding:10px;display:grid;overflow:auto}.live-training-stage{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;background:#020609;border:2px solid #236775;border-radius:10px;align-self:center;min-width:0;position:relative;overflow:hidden;box-shadow:0 18px 45px #0008}.live-training-stage.frozen{border-color:#d19b3e}.live-training-stage img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.live-training-hint{color:#9cecf3;white-space:nowrap;pointer-events:none;background:#06151de8;border:1px solid #2a6875;border-radius:12px;padding:7px 10px;font-size:8px;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.live-training-box{pointer-events:none;background:#20d5e814;border:2px solid #23d9e8;position:absolute;box-shadow:0 0 15px #20d5e866}.live-training-box b{color:#001217;white-space:nowrap;background:#23d9e8;padding:3px 6px;font-size:7px;position:absolute;top:-20px;left:-2px}.live-training-categories{background:#0a1b24;border:1px solid #1f3d49;border-radius:9px;align-self:start;gap:8px;padding:11px;display:grid}.live-training-categories>strong{color:#dbeaf0;font-size:9px}.live-training-categories>div{grid-template-columns:1fr 1fr;gap:5px;display:grid}.live-training-categories button{color:#a5bbc4;cursor:pointer;background:#0b2029;border:1px solid #294956;border-radius:7px;min-height:34px;padding:6px;font-size:8px}.live-training-categories button.selected{color:#8ef3fb;background:#12404a;border-color:#287b86}.live-training-categories label{gap:5px;display:grid}.live-training-error{color:#ff9da6;background:#32191d;border:1px solid #7b3840;border-radius:7px;margin:0 10px 8px;padding:8px 10px;font-size:8px}.live-training-dialog>footer{background:#07131b;border-top:1px solid #1d3541;justify-content:flex-end;gap:8px;min-height:54px;padding:10px 12px;display:flex}.live-training-dialog>footer button{color:#aabdc5;cursor:pointer;background:#10232d;border:1px solid #354e59;border-radius:7px;min-width:120px;padding:8px 12px;font-size:8px}.live-training-dialog>footer button.primary{color:#e3fcff;background:#14505a;border-color:#277481}.live-training-dialog>footer button:disabled{opacity:.45;cursor:default}@media (width<=560px){.yolo-category-panel{height:310px;min-height:310px;max-height:310px}.yolo-category-panel>.yolo-main-groups{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.chatgpt-training-backdrop{padding:7px}.chatgpt-training-dialog{max-height:98vh}.chatgpt-import-tools{grid-template-columns:1fr}}@media (width<=700px){.live-training-backdrop{padding:0}.live-training-dialog{border:0;border-radius:0;width:100vw;height:100dvh;max-height:100dvh}.live-training-dialog>header{min-height:calc(70px + env(safe-area-inset-top));padding-top:calc(11px + env(safe-area-inset-top))}.live-training-dialog>header span{display:none}.live-training-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:end;display:grid}.live-training-toolbar label{min-width:0}.live-training-toolbar>strong{margin:0}.live-training-toolbar>button{grid-column:1/-1}.live-training-body{padding:8px;display:block}.live-training-stage{width:100%;margin:0 auto}.live-training-categories{margin-top:8px}.live-training-dialog>footer{padding-bottom:calc(10px + env(safe-area-inset-bottom))}.live-training-dialog>footer button{flex:1;min-width:0}.live-training-hint{text-overflow:ellipsis;max-width:90%;overflow:hidden}}.live-other-category-add{grid-template-columns:minmax(0,1fr) auto;gap:5px;display:grid}.live-other-category-add input{min-width:0;min-height:32px;color:var(--text);background:#061119;border:1px solid #2a4c59;border-radius:7px;outline:0;padding:6px 9px;font-size:8px}.live-other-category-add input:focus{border-color:var(--cyan)}.live-other-category-add button{white-space:nowrap;min-height:32px;padding:6px 8px}.live-other-category-add button:disabled{opacity:.45;cursor:default}.yolo-training-screen{overflow:hidden}.yolo-training-head p{font-size:10px}.yolo-training-head h1{font-size:26px}.yolo-training-head span{font-size:11px}.yolo-training-head button,.yolo-training-head a{min-height:40px;padding:9px 13px;font-size:11px}.yolo-training-stats span,.yolo-training-stats small{font-size:10px}.yolo-training-stats strong{font-size:21px}.yolo-training-message{font-size:11px}.auto-training-status small{font-size:10px}.auto-training-status>strong{font-size:11px}.yolo-model-number{color:#75eef7;white-space:nowrap;background:#103943;border:1px solid #2d7782;border-radius:10px;margin-left:7px;padding:3px 7px;font-size:10px;font-style:normal;display:inline-flex}.yolo-training-event-log>header{grid-template-columns:minmax(220px,1fr) auto auto;min-height:48px}.yolo-training-event-log>header strong{font-size:14px}.yolo-training-event-log>header span{font-size:11px}.yolo-training-event-log>header>button{width:auto;min-width:74px;height:34px;padding:0 10px;font-size:10px}.yolo-log-legend i{padding:6px 9px;font-size:10px}.yolo-training-event-list{max-height:180px}.yolo-training-event-list article{min-height:46px}.yolo-training-event-list article strong{font-size:12px}.yolo-training-event-list article span,.yolo-training-event-list time{font-size:11px}.yolo-training-layout{grid-template-columns:clamp(260px,22vw,320px) minmax(0,1fr);gap:12px}.yolo-category-panel>header{padding:14px}.yolo-category-panel>header strong{font-size:14px}.yolo-category-panel>header span{font-size:10px}.yolo-category-panel>div{padding:9px}.yolo-category-panel button{grid-template-columns:30px 1fr;gap:10px;padding:9px}.yolo-category-panel button>i{width:30px;height:30px;font-size:12px}.yolo-category-panel button b{font-size:12px}.yolo-category-panel button small{font-size:9px}.yolo-other-categories>strong{font-size:12px}.yolo-other-categories>span{font-size:10px}.yolo-other-categories input{min-height:38px;font-size:11px}.yolo-other-categories form button{min-height:38px;font-size:10px}.yolo-candidate-head{min-height:66px;padding:10px 14px}.yolo-candidate-head>div span{font-size:9px}.yolo-candidate-head>div strong{font-size:13px}.yolo-candidate-head>div small,.dedup-active{font-size:10px}.yolo-image-stage>p{text-align:center;font-size:11px;line-height:1.45}.yolo-training-box b{padding:4px 7px;font-size:10px;top:-23px}.yolo-training-actions{gap:10px;padding:12px 14px}.yolo-training-actions span{font-size:10px}.yolo-training-actions strong{font-size:13px}.yolo-training-actions .yolo-suggestion{font-size:10px}.yolo-training-actions button{min-height:42px;padding:9px 14px;font-size:11px}.yolo-quick-category{display:none}@media (height<=820px) and (width>=1101px){.yolo-training-screen{padding:12px 16px}.yolo-training-head{padding-bottom:9px}.yolo-training-head h1{font-size:21px}.yolo-training-head span{margin-top:3px}.yolo-training-head button,.yolo-training-head a{min-height:34px;padding:7px 10px}.yolo-training-stats{margin:7px 0}.yolo-training-stats>div{padding:6px 10px}.yolo-training-stats small{display:none}.auto-training-status{margin-bottom:6px;padding:7px 10px}.auto-training-status>small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.yolo-training-event-log{margin-bottom:7px}.yolo-training-event-log>header{min-height:38px;padding:5px 9px}.yolo-training-event-list{max-height:126px}.yolo-category-panel>header{padding:9px 11px}.yolo-category-panel button{padding:6px 8px}.yolo-candidate-head{min-height:55px;padding:7px 11px}.yolo-image-stage{padding:7px}.yolo-image-stage>p{margin-top:6px}.yolo-training-actions{padding:8px 11px}}@media (width<=1100px){.yolo-training-screen{padding:12px 14px;display:block;overflow:auto}.yolo-training-head{flex-wrap:wrap;align-items:flex-start}.yolo-training-head-actions{flex-wrap:wrap;justify-content:flex-end}.yolo-training-layout{flex-direction:column;gap:10px;min-height:auto;display:flex}.yolo-category-panel{flex:none;height:auto;min-height:0;max-height:none;overflow:visible}.yolo-category-panel>header{padding:9px 11px}.yolo-category-panel>header span{margin-top:2px}.yolo-category-panel>.yolo-main-groups{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:7px;display:grid}.yolo-category-panel button{grid-template-columns:26px minmax(0,1fr);gap:7px;padding:7px}.yolo-category-panel button>i{width:26px;height:26px}.yolo-other-categories>div{grid-template-columns:repeat(3,minmax(0,1fr))}.yolo-label-workspace{min-height:min(680px,78dvh);overflow:visible}.yolo-image-annotator{max-height:none}.yolo-training-actions{z-index:4;position:sticky;bottom:0;box-shadow:0 -10px 24px #02080dbb}.yolo-quick-category{gap:4px;min-width:210px;display:grid}.yolo-quick-category span{color:var(--muted);font-size:9px}.yolo-quick-category select{min-height:42px;color:var(--text);background:#071820;border:1px solid #2d5966;border-radius:7px;padding:8px 10px;font-size:11px}}@media (width<=700px){.yolo-training-screen{padding:calc(8px + env(safe-area-inset-top)) 7px calc(8px + env(safe-area-inset-bottom))}.yolo-training-head{grid-template-columns:minmax(0,1fr) 38px;gap:8px;display:grid}.yolo-training-head>div:first-child{min-width:0}.yolo-training-head p{font-size:9px}.yolo-training-head h1{font-size:21px}.yolo-training-head>div:first-child>span{display:none}.yolo-training-head-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:6px;width:100%;display:grid}.yolo-training-head .live-training-open-button{grid-column:1/-1}.yolo-training-head .yolo-close-button{top:calc(8px + env(safe-area-inset-top));position:absolute;right:7px}.yolo-training-head .yolo-refresh-button{display:none}.yolo-training-head button,.yolo-training-head a{width:100%;min-width:0;min-height:40px;padding:8px 5px}.yolo-training-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:8px 0}.yolo-training-stats>div{padding:7px 9px}.yolo-training-stats small{display:none}.yolo-training-stats strong{font-size:18px}.auto-training-status{grid-template-columns:minmax(0,1fr) auto;gap:7px;margin-bottom:7px;padding:9px}.auto-training-status>.auto-training-progress{grid-area:2/1/auto/-1}.auto-training-status>small{white-space:normal;grid-column:1/-1;line-height:1.35}.yolo-training-event-log{margin-bottom:7px}.yolo-training-event-log>header{grid-template-columns:minmax(0,1fr) auto;gap:7px;min-height:44px}.yolo-training-event-log>header span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.yolo-log-legend{display:none}.yolo-training-event-list{max-height:180px}.yolo-training-event-list article{grid-template-columns:7px minmax(0,1fr)}.yolo-training-event-list time{grid-column:2}.yolo-category-panel>header span{display:none}.yolo-category-panel>.yolo-main-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.yolo-category-panel button small{display:none}.yolo-other-categories>div{grid-template-columns:repeat(2,minmax(0,1fr));max-height:150px;overflow:auto}.yolo-label-workspace{min-height:0}.yolo-candidate-head{grid-template-columns:1fr auto;gap:7px;min-height:56px;padding:8px 9px}.yolo-candidate-head>div:nth-child(2){display:none}.dedup-active{padding:7px;font-size:0}.dedup-active i{margin:0}.yolo-image-stage{padding:5px;display:block}.yolo-image-stage>p{margin:7px 3px 4px;font-size:10px}.yolo-training-actions{grid-template-columns:1fr 1fr;gap:7px;padding:9px;display:grid}.yolo-training-actions>div{grid-column:1/-1;width:100%;margin:0}.yolo-training-actions>div .yolo-suggestion{white-space:normal}.yolo-quick-category{grid-column:1/-1;min-width:0}.yolo-training-actions button{width:100%;min-height:44px}}.training-review-open-button{color:#e5e4ff!important;background:#26295a!important;border-color:#6d68d8!important}.training-review-entry{background:linear-gradient(110deg,#232454,#0a1821 62%);border-color:#5557a2;margin-top:10px}.training-review-entry>div:first-child span{color:#aaa7ff}.training-review-entry>button{background:#343779;border-color:#7470dc}.training-review-entry>button:hover{background:#444899}.training-review-backdrop{z-index:90;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#02070cf5;padding:8px;position:fixed;inset:0}.training-review-dialog{background:radial-gradient(circle at 55% -20%,#292b63 0,#0000 38%),#070e17;border:1px solid #5557a2;border-radius:13px;flex-direction:column;width:100%;height:100%;min-height:0;display:flex;overflow:hidden;box-shadow:0 30px 110px #000e}.training-review-head{background:#10142b;border-bottom:1px solid #393b73;flex:none;grid-template-columns:auto minmax(300px,1fr) auto;align-items:center;gap:14px;min-height:70px;padding:9px 13px;display:grid}.training-review-head>button,.training-review-summary button{color:#dedfff;cursor:pointer;background:#252957;border:1px solid #53579a;border-radius:8px;min-height:38px;padding:8px 12px;font-size:10px;font-weight:800}.training-review-head p,.training-review-head h2,.training-review-head span{margin:0;display:block}.training-review-head p{color:#aaa7ff;letter-spacing:.16em;font-size:8px;font-weight:800}.training-review-head h2{color:#f1f0ff;margin-top:3px;font-size:20px}.training-review-head>div:nth-child(2)>span{color:#9296b8;margin-top:3px;font-size:9px}.training-review-summary{align-items:center;gap:7px;display:flex}.training-review-summary>span{color:#858cab;background:#0c1325;border:1px solid #343866;border-radius:8px;place-items:center;min-width:70px;padding:5px 8px;font-size:8px;display:grid}.training-review-summary>span b{color:#c7c5ff;font-size:15px}.training-review-summary button{width:38px;padding:0;font-size:21px}.training-review-filters{background:#0b1121;border-bottom:1px solid #292d55;flex:none;align-items:end;gap:8px;padding:8px 11px;display:flex}.training-review-filters label{gap:3px;display:grid}.training-review-filters label span{color:#7f86a5;font-size:8px}.training-review-filters select,.training-review-filters button{color:#dddfff;background:#151a37;border:1px solid #41477c;border-radius:7px;min-height:35px;padding:7px 10px;font-size:9px}.training-review-filters button{cursor:pointer}.training-review-filters>strong{color:#a6a9d0;white-space:nowrap;margin-left:auto;padding:9px 10px;font-size:9px}.training-review-message{color:#8ff0c9;background:#0d342b;border-bottom:1px solid #286e58;flex:none;padding:7px 12px;font-size:9px}.training-review-message.error{color:#ffb7be;background:#3a1720;border-color:#7c3540}.training-review-body{flex:1;grid-template-columns:270px minmax(0,1fr);min-height:0;display:grid}.training-review-list{background:#080e1a;border-right:1px solid #30345f;min-height:0;padding:7px;overflow:auto}.training-review-list>button{color:#d9dcf5;text-align:left;cursor:pointer;background:#11182b;border:1px solid #282f55;border-radius:8px;grid-template-columns:82px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;margin-bottom:6px;padding:5px;display:grid;position:relative}.training-review-list>button:hover,.training-review-list>button.selected{background:#232750;border-color:#7c78e6}.training-review-list>button.pending{box-shadow:inset 3px 0 #e2ab43}.training-review-list>button.rejected{opacity:.66;box-shadow:inset 3px 0 #d55c6a}.training-review-list>button.approved{box-shadow:inset 3px 0 #48c995}.training-review-list>button>span{background:#02060b;border-radius:5px;height:54px;overflow:hidden}.training-review-list img{object-fit:cover;width:100%;height:100%}.training-review-list button div{min-width:0}.training-review-list button b,.training-review-list button small,.training-review-list button em{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.training-review-list button b{font-size:9px}.training-review-list button small{color:#a9acc8;margin-top:4px;font-size:8px}.training-review-list button em{color:#7d84a4;margin-top:4px;font-size:7px;font-style:normal}.training-review-list button>i{color:#ffc0c6;background:#67373d;border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;font-style:normal;display:grid}.training-review-empty{color:#79809d;align-content:center;place-items:center;gap:8px;min-height:160px;font-size:10px;display:grid}.training-review-empty b{color:#5ad3a0;font-size:26px}.training-review-editor{background:#070e17;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:auto}.training-review-meta{flex:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:8px 10px;display:grid}.training-review-meta>div{background:#0e1627;border:1px solid #292f56;border-radius:7px;padding:6px 8px}.training-review-meta span,.training-review-meta b{display:block}.training-review-meta span{color:#747c9c;font-size:7px}.training-review-meta b{color:#cdd0e9;margin-top:3px;font-size:9px}.training-review-meta b.approved{color:#5bddaa}.training-review-meta b.pending{color:#efbd5a}.training-review-warnings{flex-wrap:wrap;gap:5px;padding:0 10px 7px;display:flex}.training-review-warnings span{color:#f2c974;background:#342812;border:1px solid #7d5e2c;border-radius:6px;padding:5px 7px;font-size:8px}.training-review-stage-wrap{place-items:center;min-height:0;padding:6px 10px;display:grid}.training-review-stage{touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none;background:#02060b;border:1px solid #454b83;border-radius:8px;position:relative;overflow:hidden}.training-review-stage>img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.training-review-stage-wrap>p{color:#7d85a5;text-align:center;width:min(100%,1200px);margin:6px 0 0;font-size:8px}.training-review-box{cursor:move;touch-action:none;background:#33b8ca18;border:2px solid #58dce8;position:absolute;box-shadow:0 0 0 1px #001b22}.training-review-box.selected{background:#e2b9311c;border-color:#ffe168;box-shadow:0 0 12px #ffe16877}.training-review-box>b{color:#fff;white-space:nowrap;text-overflow:ellipsis;background:#087482;border-radius:4px 4px 0 0;max-width:180px;padding:3px 6px;font-size:8px;position:absolute;top:-22px;left:-2px;overflow:hidden}.training-review-box.selected>b{background:#9a7917}.training-review-resize{cursor:nwse-resize;background:#e5bd38;border:2px solid #fff;border-radius:3px;width:15px;height:15px;position:absolute;bottom:-7px;right:-7px}.training-review-controls{grid-template-columns:minmax(220px,.8fr) minmax(280px,1.2fr);gap:8px;padding:5px 10px 9px;display:grid}.training-review-objects,.training-review-category-edit{background:#0d1425;border:1px solid #2b3158;border-radius:8px;padding:8px}.training-review-objects header{color:#aeb2d3;justify-content:space-between;margin-bottom:6px;font-size:8px;display:flex}.training-review-objects>button{color:#cdd1ec;text-align:left;cursor:pointer;background:#141b31;border:1px solid #30365f;border-radius:6px;grid-template-columns:24px minmax(0,1fr) 24px;align-items:center;gap:6px;width:100%;margin-top:4px;padding:5px;font-size:8px;display:grid}.training-review-objects>button.selected{background:#292d5b;border-color:#8581eb}.training-review-objects button span{color:#7f86a7}.training-review-objects button i{color:#ff929c;place-items:center;font-size:15px;font-style:normal;display:grid}.training-review-category-edit{grid-template-columns:minmax(160px,1fr) auto;align-items:end;gap:7px;display:grid}.training-review-category-edit label{gap:4px;display:grid}.training-review-category-edit label span{color:#7d85a4;font-size:8px}.training-review-category-edit select,.training-review-category-edit button{color:#dedfff;background:#171d3a;border:1px solid #454b82;border-radius:7px;min-height:36px;padding:7px 9px;font-size:9px}.training-review-category-edit button{cursor:pointer}.training-review-suggestion{color:#aeb6d8;background:#1d2b3b;border-radius:6px;grid-column:1/-1;padding:6px 8px;font-size:8px}.training-review-suggestion.ok{color:#7ce2b4;border:1px solid #287956}.training-review-suggestion.warning{color:#eac775;border:1px solid #775c2a}.training-review-actions{z-index:3;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0d1327ef;border-top:1px solid #343861;justify-content:flex-end;gap:7px;padding:9px 10px;display:flex;position:sticky;bottom:0}.training-review-actions button{color:#d9dcf6;cursor:pointer;background:#1a2140;border:1px solid #484e80;border-radius:7px;min-height:38px;padding:8px 12px;font-size:9px;font-weight:700}.training-review-actions button.primary{color:#d9fff1;background:#17634f;border-color:#3dc39b}.training-review-actions button.danger{color:#ffc8ce;background:#4b2028;border-color:#a14753}.training-review-actions button:disabled{opacity:.5;cursor:default}.training-review-editor-empty{color:#8188a8;align-content:center;place-items:center;gap:8px;min-height:300px;font-size:10px;display:grid}.training-review-editor-empty b{color:#60d9aa;font-size:34px}.training-review-summary>span{min-width:88px}.training-review-list>button.unverified{box-shadow:inset 3px 0 #e2ab43}.training-review-list>button.verified{box-shadow:inset 3px 0 #48c995}.training-review-list button .training-review-state{color:#f1c766;white-space:nowrap;text-overflow:ellipsis;background:#332912;border:1px solid #715d2e;border-radius:4px;width:max-content;max-width:100%;margin-top:4px;padding:2px 5px;font-size:7px;line-height:1.2;display:inline-block;overflow:hidden}.training-review-list button .training-review-state.verified{color:#72e1b5;background:#12382e;border-color:#28775c}.training-review-list button .training-review-state.rejected{color:#ff9ca6;background:#3b1c23;border-color:#81404a}.training-review-meta b.verified{color:#5bddaa}.training-review-meta b.unverified{color:#efbd5a}.training-review-meta b.rejected{color:#ff7f8b}@media (width<=900px){.training-review-backdrop{padding:0}.training-review-dialog{border:0;border-radius:0}.training-review-head{padding:calc(7px + env(safe-area-inset-top)) 7px 7px;grid-template-columns:auto minmax(0,1fr)}.training-review-head>div:nth-child(2)>span{display:none}.training-review-head h2{font-size:16px}.training-review-summary{grid-column:1/-1;grid-template-columns:repeat(4,1fr);display:grid}.training-review-summary>span{min-width:0}.training-review-filters{align-items:end;overflow-x:auto}.training-review-filters label{min-width:140px}.training-review-filters>strong{display:none}.training-review-body{grid-template-columns:1fr}.training-review-list{border-bottom:1px solid #30345f;border-right:0;gap:6px;max-height:180px;display:flex}.training-review-list>button{min-width:210px;margin:0}.training-review-meta{grid-template-columns:repeat(2,1fr)}.training-review-stage{max-height:none}.training-review-controls{grid-template-columns:1fr}.training-review-actions{grid-template-columns:1fr 1fr;display:grid}.training-review-actions button{padding:7px 5px}.training-review-category-edit{grid-template-columns:1fr}.training-review-category-edit button,.training-review-suggestion{grid-column:1}.training-review-entry{margin-top:7px}}.yolo-progress-panel{background:#081820;border:1px solid #1d4653;border-radius:9px;flex:none;margin:0 0 10px;overflow:hidden}.yolo-progress-panel>header{background:#0b2029;justify-content:space-between;align-items:center;gap:12px;min-height:46px;padding:7px 10px;display:flex}.yolo-progress-panel>header strong,.yolo-progress-panel>header span{display:block}.yolo-progress-panel>header strong{color:#d9f6fa;font-size:12px}.yolo-progress-panel>header span{color:#7796a2;margin-top:3px;font-size:10px}.yolo-progress-panel>header button{color:#bce7ed;cursor:pointer;background:#102b35;border:1px solid #2a5361;border-radius:7px;min-width:74px;height:34px;padding:0 10px;font-size:10px}.yolo-progress-content{border-top:1px solid #17343f;padding:9px 10px}.yolo-progress-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.yolo-progress-cards article{background:#0b1c24;border:1px solid #1b3d48;border-radius:7px;grid-template-columns:1fr auto;gap:3px;padding:8px 10px;display:grid}.yolo-progress-cards span,.yolo-progress-cards small{color:#7897a2;font-size:11px}.yolo-progress-cards strong{color:#51deea;grid-area:1/2/3;align-self:center;font-size:20px}.yolo-progress-cards small{white-space:nowrap;text-overflow:ellipsis;grid-column:1;overflow:hidden}.yolo-progress-cards .positive strong{color:#55df9b}.yolo-progress-cards .negative strong{color:#ff7a85}.yolo-progress-details{grid-template-columns:minmax(0,1.6fr) minmax(220px,1fr);gap:8px;margin-top:8px;display:grid}.yolo-model-trend,.yolo-category-progress{background:#07151c;border:1px solid #183943;border-radius:7px;min-width:0;padding:8px 10px}.yolo-model-trend>header,.yolo-category-progress>header{justify-content:space-between;align-items:center;gap:8px;display:flex}.yolo-model-trend header strong,.yolo-category-progress header strong{color:#cbe9ed;font-size:13px}.yolo-model-trend header span,.yolo-category-progress header span{color:#708e99;font-size:11px}.yolo-trend-bars{background:repeating-linear-gradient(#0000 0 20px,#102932 21px);border-bottom:1px solid #22434d;align-items:flex-end;gap:7px;height:84px;margin-top:6px;padding-top:11px;display:flex}.yolo-trend-bars>div{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:3px;min-width:28px;height:100%;display:flex}.yolo-trend-bars>div>span{justify-content:center;align-items:flex-end;width:min(22px,75%);height:64px;display:flex;position:relative}.yolo-trend-bars>div>span>i{background:linear-gradient(#50e1ec,#208ca5);border-radius:4px 4px 0 0;width:100%;min-height:5px;box-shadow:0 0 8px #1ca4b866}.yolo-trend-bars>div>span>b{color:#a8e8ef;font-size:10px;position:absolute;top:-14px}.yolo-trend-bars>div>small{color:#91b5c0;font-size:10px}.yolo-trend-bars>p{color:#698590;text-align:center;align-self:center;width:100%;margin:0;font-size:9px}.yolo-category-progress>div{grid-template-columns:minmax(90px,.7fr) 1fr;align-items:center;gap:8px;margin-top:8px;display:grid}.yolo-category-progress>div>span{justify-content:space-between;gap:6px;display:flex}.yolo-category-progress>div>span b,.yolo-category-progress>div>span small{font-size:11px}.yolo-category-progress>div>span b{color:#b7d8dd}.yolo-category-progress>div>span small{color:#6f9099}.yolo-category-progress>div>i{background:#102c35;border-radius:5px;height:5px;overflow:hidden}.yolo-category-progress>div>i>b{background:linear-gradient(90deg,#21bcca,#5be09d);border-radius:5px;min-width:3px;height:100%;display:block}.yolo-progress-content>footer{color:#8baab4;gap:20px;margin-top:10px;font-size:10px;display:flex}.manual-training-entry{background:linear-gradient(110deg,#0d2d36,#0a1821 62%);border:1px solid #245d69;border-radius:12px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:22px;min-height:112px;padding:18px 20px;display:grid;box-shadow:0 18px 45px #0004}.manual-training-entry>div:first-child span,.manual-training-entry>div:first-child strong,.manual-training-entry>div:first-child p{margin:0;display:block}.manual-training-entry>div:first-child span{color:#55dce8;letter-spacing:.15em;font-size:9px;font-weight:800}.manual-training-entry>div:first-child strong{color:#e3f9fc;margin-top:5px;font-size:20px}.manual-training-entry>div:first-child p{color:#83a0aa;margin-top:5px;font-size:10px}.manual-training-entry-count{background:#081820;border:1px solid #204a57;border-radius:10px;place-items:center;min-width:92px;padding:9px 14px;display:grid}.manual-training-entry-count strong{color:#5ce4ef;font-size:24px}.manual-training-entry-count span{color:#7897a2;font-size:9px}.manual-training-entry>button{color:#e2fcff;cursor:pointer;background:#15515b;border:1px solid #32aebb;border-radius:8px;min-height:44px;padding:10px 16px;font-size:11px;font-weight:800}.manual-training-entry>button:hover{background:#1b6671}.manual-training-backdrop{z-index:80;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#030a0ff2;padding:10px;position:fixed;inset:0}.manual-training-dialog{background:radial-gradient(circle at 48% -20%,#123d45 0,#0000 38%),#071018;border:1px solid #2b6370;border-radius:13px;flex-direction:column;width:100%;height:100%;min-height:0;display:flex;overflow:hidden;box-shadow:0 30px 100px #000d}.manual-training-subhead{background:#0a1a23;border-bottom:1px solid #214550;flex:none;grid-template-columns:auto minmax(240px,1fr) auto;align-items:center;gap:14px;min-height:68px;padding:10px 14px;display:grid}.manual-training-subhead p,.manual-training-subhead h2,.manual-training-subhead span{margin:0;display:block}.manual-training-subhead p{color:#55dce8;letter-spacing:.16em;font-size:8px;font-weight:800}.manual-training-subhead h2{color:#e3f9fc;margin-top:3px;font-size:20px}.manual-training-subhead>div>span{color:#839da8;margin-top:3px;font-size:9px}.manual-training-back,.manual-training-subhead-actions button{color:#bdebf0;cursor:pointer;background:#102b35;border:1px solid #2c5966;border-radius:8px;min-height:38px;padding:8px 12px;font-size:10px;font-weight:700}.manual-training-back:hover,.manual-training-subhead-actions button:hover{background:#153c47;border-color:#3f98a5}.manual-training-subhead-actions{align-items:center;gap:7px;display:flex}.manual-training-subhead-actions>span{color:#7897a2;white-space:nowrap;background:#081820;border:1px solid #244956;border-radius:9px;align-items:baseline;gap:5px;padding:7px 10px;font-size:9px;display:flex}.manual-training-subhead-actions>span b{color:#59e3ed;font-size:15px}.manual-training-subhead-actions .manual-training-exit{color:#b8cbd3;width:38px;padding:0;font-size:22px}.manual-training-dialog>.yolo-training-layout{flex:1;min-height:0;padding:10px}.manual-training-dialog .yolo-image-annotator{width:min(100%,1400px);max-height:calc(100dvh - 210px)}@media (width<=700px){.yolo-progress-panel{margin-bottom:7px}.yolo-progress-panel>header{min-height:42px;padding:6px 9px}.yolo-progress-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.yolo-progress-cards article{padding:7px 8px}.yolo-progress-cards strong{font-size:18px}.yolo-progress-details{grid-template-columns:1fr}.yolo-trend-bars{height:76px;overflow-x:auto}.yolo-progress-content>footer{flex-wrap:wrap;gap:5px 12px}}@media (width<=900px){.manual-training-entry{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:14px}.manual-training-entry-count{display:none}.manual-training-entry>button{grid-column:1/-1;width:100%}.manual-training-backdrop{padding:0}.manual-training-dialog{border:0;border-radius:0;overflow:auto}.manual-training-subhead{z-index:8;padding:calc(8px + env(safe-area-inset-top)) 8px 8px;grid-template-columns:auto minmax(0,1fr);gap:8px;position:sticky;top:0}.manual-training-subhead>div:nth-child(2)>span{display:none}.manual-training-subhead h2{font-size:17px}.manual-training-subhead-actions{grid-column:1/-1;grid-template-columns:auto 1fr 1fr auto;width:100%;display:grid}.manual-training-subhead-actions>span{justify-content:center}.manual-training-subhead-actions button{padding:7px 8px}.manual-training-dialog>.yolo-training-layout{flex:none;padding:7px}.manual-training-dialog .yolo-label-workspace{min-height:calc(100dvh - 340px)}.manual-training-dialog .yolo-image-annotator{max-height:none}}.windows-remote-training-button{color:#8ff3f6;cursor:pointer;white-space:nowrap;background:#123d47;border:1px solid #36b8c5;border-radius:7px;flex:none;min-height:34px;margin-left:auto;padding:7px 11px;font-size:9px;font-weight:800}.windows-remote-training-button:hover:not(:disabled){background:#17515c;border-color:#60e2e9}.windows-remote-training-button:disabled{cursor:default;opacity:.55}.windows-remote-training-actions{align-items:center;gap:9px;margin-left:auto;display:flex}.windows-shutdown-option{color:#b6d1d9;cursor:pointer;white-space:nowrap;align-items:center;gap:6px;font-size:8px;font-weight:700;display:flex}.windows-shutdown-option input{accent-color:#2ed09b;width:15px;height:15px}.windows-shutdown-option small{color:#6f929e;font-size:7px;font-weight:500}.windows-remote-training-actions.offline{opacity:.72}.windows-remote-training-actions.offline .windows-shutdown-option{cursor:default}.windows-remote-training-actions.offline .windows-remote-training-button{color:#9aabb1;opacity:1;background:#17272d;border-color:#52626a}@media (width<=700px){.auto-training-status>div:first-child{grid-template-columns:auto minmax(0,1fr);width:100%;display:grid}.windows-remote-training-actions{grid-column:1/-1;width:100%;margin:3px 0 0;display:grid}.windows-remote-training-button{width:100%;min-height:40px}.windows-shutdown-option{white-space:normal;justify-content:center}}.settings-screen{z-index:80;color:#e9f6fb;background:#071018;padding:28px 34px 60px;position:fixed;inset:0;overflow:auto}.settings-screen-head{border-bottom:1px solid #173341;justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:22px;display:flex}.settings-screen-head p{color:#24c7da;letter-spacing:.14em;margin:0 0 5px;font:700 11px/1.2 sans-serif}.settings-screen-head h1{margin:0;font-size:clamp(25px,3vw,40px)}.settings-screen-head span{color:#8ea8b5;margin-top:7px;display:block}.settings-screen-head>button{color:#d7edf3;cursor:pointer;background:#0b1b24;border:1px solid #294755;border-radius:8px;width:42px;height:42px;font-size:26px}.settings-message{background:#102832;border-radius:8px;margin:18px 0;padding:13px 16px}.settings-message.success{color:#65e5b0;border:1px solid #1d765d}.settings-message.error{color:#ff8b95;border:1px solid #8e3841}.settings-loading{text-align:center;color:#8ea8b5;padding:50px}.notification-test-row{background:#0a1821;border:1px solid #173b49;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin:20px 0;padding:16px;display:flex}.notification-test-row>div{gap:4px;margin-right:auto;display:grid}.notification-test-row>.alarm-sound-summary{min-width:180px;margin-right:0}.notification-test-row span{color:#7e9ba8;font-size:12px}.notification-test-row button,.schedule-screen button{color:#d9eef5;cursor:pointer;background:#102631;border:1px solid #2a4a58;border-radius:7px;padding:10px 14px;font-weight:700}.notification-test-row button.danger{color:#ffb0b7;background:#3c171d;border-color:#a3434d}.notification-columns{grid-template-columns:1fr 1fr;gap:20px;display:grid}.notification-columns>section,.backup-settings{background:#091720;border:1px solid #183945;border-radius:11px;overflow:hidden}.notification-columns>section>header,.backup-settings>header{border-bottom:1px solid #17333f;padding:17px 19px}.notification-columns h2,.backup-settings h2{margin:0 0 5px;font-size:18px}.notification-columns header span,.backup-settings header span{color:#819ba7;font-size:12px}.notification-rule{border-bottom:1px solid #102a35;grid-template-columns:minmax(160px,1fr) minmax(270px,1.2fr);align-items:center;gap:16px;padding:13px 17px;display:grid}.notification-rule:last-child{border-bottom:0}.notification-rule>div:first-child{gap:4px;display:grid}.notification-rule small{color:#718b97;font-size:11px}.delivery-slider{background:#050d12;border-radius:8px;grid-template-columns:repeat(3,1fr);padding:3px;display:grid}.delivery-slider button{color:#76909c;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:9px 5px;font-size:11px}.delivery-slider button.active.notify{color:#60dbec;background:#123642}.delivery-slider button.active.mute{color:#d4dde2;background:#293139}.delivery-slider button.active.alarm{color:#fff;background:#6d1f28}.backup-settings{margin-top:20px}.backup-settings>header{justify-content:space-between;align-items:center;gap:20px;display:flex}.backup-settings header b{color:#f3a75a;text-transform:uppercase}.backup-settings header b.ok{color:#55dfa1}.backup-settings>div{grid-template-columns:220px 1fr 1fr;align-items:end;gap:18px;padding:18px;display:grid}.backup-settings label{color:#88a2ae;gap:7px;font-size:12px;display:grid}.backup-settings input[type=text],.backup-settings input:not([type]){width:100%}.backup-settings input{accent-color:#22c9dc}.backup-settings label>input:not([type=checkbox]):not([type=range]){color:#e8f5fa;background:#06131a;border:1px solid #274552;border-radius:7px;padding:11px}.backup-settings label>div{align-items:center;gap:12px;display:flex}.backup-settings input[type=range]{flex:1}.backup-toggle{grid-template-columns:20px 1fr;align-items:center;display:flex!important}.protection-mode-card{background:#0a1922;border:1px solid #1b3d4a;border-radius:11px;flex-wrap:wrap;align-items:center;gap:10px;margin:22px 0;padding:18px;display:flex}.protection-mode-card>div{gap:4px;margin-right:auto;display:grid}.protection-mode-card span,.protection-mode-card small{color:#7e9ba8}.protection-mode-card strong.on{color:#55e3a2}.protection-mode-card strong.off{color:#ff8993}.schedule-screen button.primary,.schedule-footer button.primary{color:#031015;background:#20bfd2;border-color:#20bfd2}.schedule-toolbar{justify-content:space-between;align-items:center;gap:16px;margin:24px 0 12px;display:flex}.schedule-toolbar>div{gap:4px;display:grid}.schedule-toolbar span{color:#7995a1;font-size:12px}.schedule-list{gap:9px;display:grid}.schedule-list article{background:#091720;border:1px solid #173744;border-radius:9px;grid-template-columns:1.2fr 1fr 1fr 1fr 42px;align-items:end;gap:12px;padding:14px;display:grid}.schedule-list label{color:#7f9aa6;gap:6px;font-size:11px;display:grid}.schedule-list input,.schedule-list select{color:#e7f3f7;background:#061219;border:1px solid #284753;border-radius:6px;padding:10px}.schedule-list article small{color:#79939f;align-self:center}.schedule-list article>button{padding:8px;font-size:20px}.schedule-empty{color:#86a4b0;border:1px dashed #24505f;border-radius:10px;place-items:center;gap:8px;padding:60px 20px;display:grid}.schedule-empty b{color:#2bd5e9;font-size:36px}.schedule-empty strong{color:#e8f5f9;font-size:20px}.schedule-footer{color:#819ca8;border-top:1px solid #173440;justify-content:space-between;align-items:center;gap:20px;margin-top:22px;padding-top:18px;display:flex}.training-state{color:#83a2ae;cursor:pointer;background:#0a1a22;border:1px solid #204552;border-radius:7px;gap:1px;min-width:92px;padding:7px 10px;display:grid}.training-state span{letter-spacing:.1em;font-size:8px}.training-state strong{color:#36ccde;font-size:10px}.training-state.training strong{color:#59e6ad}.training-state.paused strong{color:#f1ad5b}.tamper-setting-row{border-top:1px solid #193743;grid-template-columns:minmax(180px,1fr) minmax(180px,260px);gap:10px;margin-top:10px;padding-top:10px;display:grid}.recording-row-status.locked{color:#60d9ec}.recording-lock{color:#70e4f3!important;border-color:#247688!important}.recording-unlock{color:#f1bd75!important;border-color:#9b6a31!important}@media (width<=900px){.settings-screen{padding:18px 14px 90px}.notification-columns,.notification-rule,.backup-settings>div{grid-template-columns:1fr}.schedule-list article{grid-template-columns:1fr 1fr}.schedule-list article label:first-child{grid-column:1/-1}.schedule-list article>button{grid-area:3/2}.schedule-footer{flex-direction:column;align-items:stretch}.training-state{display:none}.tamper-setting-row{grid-template-columns:1fr}}.account-columns{grid-template-columns:minmax(320px,.85fr) minmax(440px,1.15fr);align-items:start;gap:20px;margin-top:22px;display:grid}.account-card{background:#091720;border:1px solid #183945;border-radius:12px;overflow:hidden;box-shadow:0 18px 55px #0004}.account-card>header{background:linear-gradient(115deg,#0e2430,#091720);border-bottom:1px solid #17333f;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;display:flex}.account-card>header p{color:#22cadc;letter-spacing:.18em;margin:0 0 5px;font-size:9px;font-weight:800}.account-card>header h2{margin:0;font-size:18px}.account-shield{color:#42d8e9;background:#0d313b;border:1px solid #267180;border-radius:10px;place-items:center;width:39px;height:39px;display:grid}.credentials-card form{gap:15px;padding:20px;display:grid}.credentials-card form>label:not(.show-passwords){color:#91aab5;gap:7px;font-size:11px;display:grid}.credentials-card input:not([type=checkbox]){color:#e9f7fb;background:#06131a;border:1px solid #274754;border-radius:8px;outline:0;width:100%;padding:12px}.credentials-card input:not([type=checkbox]):focus{border-color:#25cadd;box-shadow:0 0 0 3px #20d5e81a}.credentials-card label small{color:#688692;font-size:10px;line-height:1.4}.viewer-credentials-card input[readonly]{color:#55deec;letter-spacing:.08em;cursor:default;font-weight:800}.viewer-status{color:#bc8b91;letter-spacing:.08em;white-space:nowrap;border:1px solid #5b4044;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:900}.viewer-status.active{color:#69e3b5;background:#0d3029;border-color:#246b5a}.sessions-card{grid-column:1/-1}.show-passwords{color:#8fa8b3;cursor:pointer;align-items:center;gap:8px;font-size:11px;display:flex}.show-passwords input{accent-color:#21cadc}.account-security-note{color:#dcb482;background:#251b12;border:1px solid #69442a;border-radius:8px;align-items:flex-start;gap:10px;padding:12px;font-size:10px;line-height:1.45;display:flex}.account-security-note b{color:#170d05;background:#a66a2c;border-radius:50%;flex:none;place-items:center;width:19px;height:19px;display:grid}.account-primary{color:#031117;cursor:pointer;background:linear-gradient(135deg,#20d5e8,#2ab9d0);border:0;border-radius:8px;padding:13px 16px;font-size:11px;font-weight:900}.account-primary:disabled{opacity:.6;cursor:wait}.sessions-card>header>b{color:#55deec;text-align:center;background:#0e2a34;border:1px solid #26606d;border-radius:15px;min-width:32px;padding:7px;font-size:11px}.session-list{display:grid}.device-session{border-bottom:1px solid #142f3a;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:15px 18px;display:grid}.device-session.current{background:linear-gradient(90deg,#0e292e,#091720);box-shadow:inset 3px 0 #45dc9b}.device-icon{color:#51d7e6;background:#0c232d;border:1px solid #28505c;border-radius:10px;place-items:center;width:40px;height:40px;font-size:20px;display:grid}.device-session>div{gap:3px;min-width:0;display:grid}.device-session strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.device-session small{color:#78949f;font-size:10px}.remove-device,.current-device-actions button,.sessions-card footer button{color:#ff9ca5;cursor:pointer;background:#32171c;border:1px solid #7b343c;border-radius:7px;padding:9px 11px;font-size:10px;font-weight:800}.remove-device.confirming{color:#fff;background:#711f28;border-color:#d34c58}.remove-device:disabled{opacity:.6;cursor:wait}.current-device-actions{align-items:flex-end;gap:6px!important;display:flex!important}.current-device-actions b{color:#54e3a5;letter-spacing:.08em;font-size:8px}.current-device-actions button{color:#a6bec8;background:#0d222b;border-color:#35535e;padding:7px 9px}.session-empty{color:#78949f;text-align:center;margin:0;padding:42px 20px;font-size:12px}.sessions-card footer{background:#08131a;border-top:1px solid #17333f;justify-content:space-between;align-items:center;gap:15px;padding:14px 18px;display:flex}.sessions-card footer span{color:#78939e;font-size:10px;line-height:1.4}.sessions-card footer button{color:#61dae8;background:#0d252e;border-color:#28515d;flex:none}@media (width<=900px){.account-columns{grid-template-columns:1fr}.device-session{grid-template-columns:38px minmax(0,1fr)}.device-session>.remove-device,.current-device-actions{grid-column:2;justify-self:start;align-items:flex-start}}@media (width<=520px){.account-screen{padding-bottom:36px}.account-columns{margin-top:14px}.account-card>header,.credentials-card form{padding:15px}.device-session{padding:14px}.sessions-card footer{flex-direction:column;align-items:flex-start}}.viewer-shell,.viewer-login{--viewer-bg:#050d13;--viewer-panel:#091820;--viewer-line:#173744;--viewer-cyan:#30d4e5;color:#e9f8fb;background:radial-gradient(circle at 15% 0,#0b2a35 0,#0000 34rem),linear-gradient(150deg,#061018,#03090e 70%);min-height:100dvh}.viewer-login{place-items:center;padding:24px;display:grid}.viewer-login-card{text-align:center;background:linear-gradient(145deg,#0d222c,#07131a);border:1px solid #1c4553;border-radius:22px;width:min(100%,390px);padding:34px 28px 28px;box-shadow:0 34px 90px #000a,inset 0 1px #ffffff0d}.viewer-brand-mark{background:linear-gradient(145deg,#27d7e8,#087c8c);border:1px solid #3ee1f0;border-radius:17px;width:58px;height:58px;margin:0 auto 15px;transform:rotate(45deg);box-shadow:0 0 34px #24d7e84d}.viewer-brand-mark span{border:4px solid #031016;border-radius:50%;width:22px;height:22px;margin:17px;display:block}.viewer-login-card>p{color:var(--viewer-cyan);letter-spacing:.3em;margin:0;font-size:12px;font-weight:900}.viewer-login-card h1{letter-spacing:-.04em;margin:5px 0 7px;font-size:38px}.viewer-login-card>strong{color:#8faab5;font-size:13px;font-weight:500}.viewer-login-card form{text-align:left;gap:15px;margin:28px 0 20px;display:grid}.viewer-login-card label{color:#91aab4;gap:7px;font-size:11px;font-weight:700;display:grid}.viewer-login-card input{color:#effcff;width:100%;font:inherit;background:#050f15;border:1px solid #264a57;border-radius:10px;outline:0;padding:14px;font-size:15px}.viewer-login-card input[readonly]{color:#55deec;letter-spacing:.08em;font-weight:900}.viewer-login-card input:focus{border-color:var(--viewer-cyan);box-shadow:0 0 0 4px #28d5e51c}.viewer-login-card form button{color:#041015;cursor:pointer;background:linear-gradient(90deg,#22c7da,#42dce8);border:0;border-radius:10px;padding:15px;font-weight:900}.viewer-login-card form button:disabled{opacity:.55}.viewer-login-card>small{color:#607d89;font-size:10px}.viewer-login-error{color:#ff9ba4;background:#32171d;border:1px solid #8d3944;border-radius:9px;padding:11px;font-size:11px}.viewer-topbar{z-index:20;min-height:64px;padding:env(safe-area-inset-top) 18px 0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#061119ed;border-bottom:1px solid #173744;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.viewer-logo{align-items:center;gap:10px;display:flex}.viewer-logo>span{border:2px solid var(--viewer-cyan);border-radius:7px;width:23px;height:23px;transform:rotate(45deg);box-shadow:0 0 14px #2dd9e94d}.viewer-logo b,.viewer-logo small{display:block}.viewer-logo b{letter-spacing:.12em;font-size:13px}.viewer-logo small{color:var(--viewer-cyan);letter-spacing:.2em;margin-top:2px;font-size:8px}.viewer-connection{color:#8ea7b2;align-items:center;gap:7px;font-size:10px;display:flex}.viewer-connection i{background:#4be09b;border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px #4be09b}.viewer-connection i.offline{background:#f0a04b;box-shadow:0 0 12px #f0a04b}.viewer-topbar>button{color:#b9d0d7;cursor:pointer;background:#0b2029;border:1px solid #294955;border-radius:8px;padding:8px 11px;font-size:10px;font-weight:800}.viewer-system-load{color:#4be09b;background:#0a1d20;border:1px solid #285044;border-radius:8px;position:relative}.viewer-system-load summary{cursor:pointer;padding:8px 10px;font-size:9px;font-weight:800;list-style:none}.viewer-system-load summary::-webkit-details-marker{display:none}.viewer-system-load summary b{margin-left:4px}.viewer-system-load.warning{color:#f0a04b;border-color:#755a2d}.viewer-system-load.critical{color:#ff7180;border-color:#813a45}.viewer-system-load.offline{color:#78909a;border-color:#294955}.viewer-system-load>div{z-index:30;background:#071820;border:1px solid #294955;border-radius:9px;gap:7px;width:145px;padding:10px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 30px #000a}.viewer-system-load>div span{color:#88a3ad;justify-content:space-between;font-size:9px;display:flex}.viewer-system-load>div b{color:#e4f2f5}.viewer-main{width:min(100%,1540px);padding:18px 18px calc(86px + env(safe-area-inset-bottom));margin:0 auto}.viewer-live{background:#07131a;border:1px solid #173744;border-radius:15px;overflow:hidden;box-shadow:0 24px 70px #0007}.viewer-live>header,.viewer-section-head{justify-content:space-between;align-items:center;gap:20px;padding:16px 18px;display:flex}.viewer-live>header p,.viewer-section-head p{color:var(--viewer-cyan);letter-spacing:.19em;margin:0 0 4px;font-size:8px;font-weight:900}.viewer-live>header h1,.viewer-section-head h1{margin:0;font-size:19px}.viewer-live>header>span,.viewer-section-head>span{color:#78949f;font-size:10px}.viewer-live .native-camera-grid{border-width:1px 0 0;border-radius:0;margin:0}.viewer-section{background:#07131a;border:1px solid #173744;border-radius:15px;overflow:hidden;box-shadow:0 24px 70px #0007}.viewer-section-head{border-bottom:1px solid #173744}.viewer-filters{background:#08151d;border-bottom:1px solid #173744;align-items:flex-end;gap:9px;padding:10px 13px;display:flex;overflow-x:auto}.viewer-filter-chips{gap:5px;display:flex}.viewer-filter-chips button,.viewer-clear-filters{white-space:nowrap;color:#829ca7;cursor:pointer;background:#0c2029;border:1px solid #25414d;border-radius:8px;min-height:32px;padding:6px 9px;font-size:9px;font-weight:800}.viewer-filter-chips button.active{color:var(--viewer-cyan);background:#10313b;border-color:#2e7480}.viewer-filters label{flex:none;gap:4px;display:grid}.viewer-filters label>span{color:#75909b;font-size:8px;font-weight:800}.viewer-filters select,.viewer-filters input{color:#d9eef3;background:#07141b;border:1px solid #294955;border-radius:8px;outline:none;min-height:32px;padding:6px 9px;font-size:9px}.viewer-filters select:focus,.viewer-filters input:focus{border-color:var(--viewer-cyan)}.viewer-camera-filter select{width:min(310px,72vw)}.viewer-clear-filters{color:#d6b778;background:#241d14;border-color:#59472d}.viewer-recording-filters{flex-wrap:wrap;overflow-x:visible}.viewer-list{display:grid}.viewer-list-row{width:100%;min-height:86px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #122a34;grid-template-columns:104px minmax(0,1fr) auto 15px;align-items:center;gap:15px;padding:9px 15px;display:grid}.viewer-list-row:hover{background:#0c2029}.viewer-list-row.viewer-alert-active{box-shadow:inset 3px 0 #f65d69}.viewer-thumb{aspect-ratio:16/9;width:104px;color:var(--viewer-cyan);background:#061016;border:1px solid #24444f;border-radius:8px;place-items:center;display:grid;position:relative;overflow:hidden}.viewer-thumb img{object-fit:cover;width:100%;height:100%}.viewer-thumb b{font-size:20px}.viewer-list-copy{min-width:0}.viewer-list-copy strong,.viewer-list-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.viewer-list-copy strong{font-size:13px}.viewer-list-copy small{color:#7e9aa5;margin-top:5px;font-size:10px}.viewer-row-meta{text-align:right}.viewer-row-meta b,.viewer-row-meta small,.viewer-row-meta em{display:block}.viewer-row-meta b{color:#d6f6fa;font-size:11px}.viewer-row-meta small{color:#6f8d98;margin-top:5px;font-size:9px}.viewer-row-meta em{color:#ff8e98;text-transform:uppercase;margin-top:6px;font-size:8px;font-style:normal;font-weight:900}.viewer-list-row>i{color:#4b6975;font-size:25px;font-style:normal}.viewer-list-footer{border-top:1px solid #18313b;justify-content:center;padding:14px;display:flex}.viewer-list-footer button{min-width:260px;min-height:38px;color:var(--viewer-cyan);cursor:pointer;background:#0d2731;border:1px solid #2b5865;border-radius:9px;font-size:10px;font-weight:800}.viewer-list-footer button:disabled{opacity:.55;cursor:default}.viewer-empty,.viewer-loading{color:#78949f;justify-content:center;align-items:center;gap:13px;min-height:180px;padding:30px;font-size:12px;display:flex}.viewer-bottom-nav{z-index:25;min-height:calc(64px + env(safe-area-inset-bottom));padding:5px 8px env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#061119f2;border-top:1px solid #1a3d49;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.viewer-bottom-nav button{color:#66818c;cursor:pointer;background:0 0;border:0;border-radius:10px;align-content:center;place-items:center;gap:3px;display:grid;position:relative}.viewer-bottom-nav button.active{color:var(--viewer-cyan);background:#0d2832}.viewer-bottom-nav button>span{font-size:19px;line-height:1}.viewer-bottom-nav button>small{font-size:9px;font-weight:800}.viewer-bottom-nav button>b{color:#fff;background:#d74855;border-radius:9px;min-width:17px;padding:2px 4px;font-size:8px;position:absolute;top:4px;left:calc(50% + 12px)}.viewer-media-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.viewer-media-dialog{background:#07131a;border:1px solid #24505f;border-radius:15px;width:min(100%,980px);overflow:hidden;box-shadow:0 35px 100px #000}.viewer-media-dialog>header{justify-content:space-between;align-items:center;gap:20px;padding:14px 16px;display:flex}.viewer-media-dialog h2{margin:0;font-size:16px}.viewer-media-dialog header span{color:#78939e;margin-top:5px;font-size:10px;display:block}.viewer-media-dialog header button{color:#fff;cursor:pointer;background:#10232c;border:1px solid #31505c;border-radius:50%;width:34px;height:34px;font-size:22px}.viewer-media{aspect-ratio:16/9;background:#010305;place-items:center;display:grid}.viewer-media video,.viewer-media img{object-fit:contain;width:100%;height:100%}.viewer-media-dialog footer{color:#68838e;text-align:center;padding:11px 15px;font-size:9px}@media (width<=760px){.viewer-topbar{min-height:calc(56px + env(safe-area-inset-top));padding-left:11px;padding-right:11px}.viewer-connection span{display:none}.viewer-main{padding:9px 7px calc(76px + env(safe-area-inset-bottom))}.viewer-live,.viewer-section{border-radius:11px}.viewer-live>header{padding:11px 12px}.viewer-live>header>span{display:none}.viewer-live>header h1,.viewer-section-head h1{font-size:15px}.viewer-live .native-camera-grid{margin:0}.viewer-section-head{padding:13px}.viewer-filters{grid-template-columns:minmax(0,1fr) auto;align-items:end;padding:9px;display:grid;overflow:visible}.viewer-filter-chips{grid-column:1/-1;padding-bottom:2px;overflow-x:auto}.viewer-camera-filter select{width:100%}.viewer-recording-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.viewer-recording-filters .viewer-camera-filter,.viewer-recording-filters .viewer-clear-filters{grid-column:1/-1}.viewer-list-row{grid-template-columns:88px minmax(0,1fr) auto 9px;gap:9px;min-height:77px;padding:8px}.viewer-thumb{width:88px}.viewer-list-copy strong{font-size:11px}.viewer-list-copy small{font-size:8px}.viewer-row-meta b{font-size:9px}.viewer-media-backdrop{padding:7px}.viewer-media-dialog{border-radius:11px}}@media (width<=420px){.viewer-list-row{grid-template-columns:80px minmax(0,1fr) 12px}.viewer-thumb{width:80px}.viewer-row-meta{display:none}.viewer-topbar>button{padding:7px 8px}}.storage-manager-screen{z-index:70;color:var(--text);background:linear-gradient(150deg,#07131b,#030a0f);padding:24px 28px 110px;position:fixed;inset:0;overflow:auto}.storage-manager-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding-bottom:18px;display:flex}.storage-manager-head p,.storage-internal-limit p,.folder-browser header p{color:var(--cyan);letter-spacing:.18em;margin:0 0 5px;font-size:9px;font-weight:900}.storage-manager-head h1{margin:0;font-size:27px}.storage-manager-head span{color:var(--muted);margin-top:7px;font-size:10px;display:block}.storage-manager-head>button,.folder-browser header>button{color:#fff;cursor:pointer;background:#0d2029;border:1px solid #2a4b57;border-radius:50%;width:38px;height:38px;font-size:24px}.storage-overview{grid-template-columns:1fr 1fr;gap:14px;margin:20px 0;display:grid}.storage-overview article{background:linear-gradient(120deg,#0d2530,#091820);border:1px solid #1d4350;border-radius:12px;padding:17px 18px}.storage-overview article>div{justify-content:space-between;align-items:center;gap:15px;display:flex}.storage-overview span{color:#8ba5af;font-size:10px}.storage-overview strong{font-size:14px}.storage-overview i,.storage-manager-range>i,.storage-migration>i{background:#132e38;border-radius:5px;height:6px;margin:13px 0 8px;display:block;overflow:hidden}.storage-overview i span,.storage-manager-range>i span,.storage-migration>i span{border-radius:inherit;background:linear-gradient(90deg,#1ab4c6,#5de5d0);height:100%;display:block}.storage-overview small{color:#6f8c97;font-size:9px}.storage-migration{background:#0d2731;border:1px solid #285866;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;gap:9px;margin-bottom:14px;padding:13px 15px;display:grid}.storage-migration>div strong,.storage-migration>div span{display:block}.storage-migration>div strong{font-size:11px}.storage-migration>div span{color:#86a3ae;margin-top:4px;font-size:9px}.storage-migration>b{color:var(--cyan);font-size:12px}.storage-migration>i{grid-column:1/-1;margin:0}.storage-migration.failed{background:#2d181d;border-color:#7b3740}.storage-area-list{gap:11px;display:grid}.storage-area-row{background:#081720;border:1px solid #193a46;border-radius:12px;grid-template-columns:42px minmax(0,1fr);gap:14px;padding:16px;display:grid}.storage-area-number{width:38px;height:38px;color:var(--cyan);background:#0d303a;border:1px solid #286271;border-radius:11px;place-items:center;font-size:14px;font-weight:900;display:grid}.storage-area-main>header{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.storage-area-main h2{margin:0;font-size:15px}.storage-area-main header span{color:#75929d;margin-top:4px;font-size:9px;display:block}.storage-area-main header>b{color:#9eb6bf;white-space:nowrap;font-size:9px}.storage-path-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:9px;margin-top:13px;display:grid}.storage-path-row label>span{color:#78939e;margin-bottom:6px;font-size:8px;display:block}.storage-path-row input{color:#e5f6fa;background:#051118;border:1px solid #284956;border-radius:8px;outline:0;width:100%;padding:11px 12px}.storage-path-row input:focus{border-color:var(--cyan)}.storage-path-row button{color:#65dbe8;cursor:pointer;background:#0e303a;border:1px solid #2b6572;border-radius:8px;height:39px;padding:0 14px;font-size:9px;font-weight:800}.storage-manager-range{grid-template-columns:minmax(0,1fr) 170px;align-items:center;gap:12px;margin-top:11px;display:grid}.storage-manager-range>span{justify-content:space-between;align-items:center;gap:12px;display:flex}.storage-manager-range b{color:#839da7;font-size:9px}.storage-manager-range strong{color:var(--cyan);font-size:13px}.storage-manager-range input{width:100%;accent-color:var(--cyan)}.storage-manager-range>i{grid-column:1/-1;height:4px;margin:0}.storage-internal-limit{background:linear-gradient(110deg,#0d2932,#091820);border:1px solid #2b5a64;border-radius:12px;grid-template-columns:minmax(0,1fr) minmax(280px,.7fr);align-items:center;gap:25px;margin-top:15px;padding:18px;display:grid}.storage-internal-limit h2{margin:0;font-size:17px}.storage-internal-limit span{color:#809ba5;margin-top:6px;font-size:9px;display:block}.storage-internal-limit label{align-items:center;gap:15px;display:flex}.storage-internal-limit input{width:100%;accent-color:var(--cyan)}.storage-internal-limit label b{min-width:62px;color:var(--cyan);font-size:15px}.storage-move-note,.storage-manager-message{border-radius:9px;margin:14px 0 0;padding:12px 14px;font-size:9px;line-height:1.5}.storage-move-note{color:#e3c57e;background:#2a2418;border:1px solid #6b5224}.storage-manager-message.success{color:#72e2b6;background:#0e2c25;border:1px solid #246852}.storage-manager-message.error{color:#ff9aa4;background:#2d181d;border:1px solid #7b3740}.storage-manager-actions{z-index:71;padding:14px 28px calc(14px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#061119f2;border-top:1px solid #1d3d48;justify-content:space-between;align-items:center;gap:20px;display:flex;position:fixed;bottom:0;left:0;right:0}.storage-manager-actions>span{color:#78939e;font-size:9px}.storage-manager-actions>div{gap:9px;display:flex}.storage-manager-actions button,.folder-browser footer button{color:#9cb3bc;cursor:pointer;background:#0c2029;border:1px solid #294a56;border-radius:8px;padding:11px 16px;font-size:9px;font-weight:800}.storage-manager-actions button.primary,.folder-browser footer button.primary{color:#041217;background:#1ab5c5;border-color:#27808d}.storage-manager-actions button:disabled{opacity:.5}.folder-browser-backdrop{z-index:90;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.folder-browser{background:#081720;border:1px solid #285363;border-radius:14px;flex-direction:column;width:min(720px,96vw);max-height:82vh;display:flex;overflow:hidden;box-shadow:0 30px 90px #000}.folder-browser header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.folder-browser h2{margin:0;font-size:18px}.folder-current{border-bottom:1px solid var(--line);background:#0b222b;padding:12px 16px}.folder-current span,.folder-current strong{display:block}.folder-current span{color:#78939e;font-size:8px}.folder-current strong{color:#d7f4f8;word-break:break-all;margin-top:5px;font-size:11px}.folder-list{min-height:220px;padding:9px;overflow:auto}.folder-list>button{color:#d9f2f6;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #14313c;grid-template-columns:30px minmax(0,1fr);gap:0 8px;width:100%;padding:11px;display:grid}.folder-list>button:hover{background:#0d2832}.folder-list button>b{color:var(--cyan);grid-row:1/3;font-size:16px}.folder-list button>span{font-size:11px;font-weight:700}.folder-list button>small{color:#6f8c97;margin-top:3px;font-size:8px}.folder-list>p{color:#78939e;text-align:center;padding:20px}.folder-list>p.error{color:#ff9aa4}.folder-browser footer{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding:13px 16px;display:flex}@media (width<=760px){.storage-manager-screen{padding:13px 8px 120px}.storage-manager-head{padding:4px 4px 14px}.storage-manager-head h1{font-size:21px}.storage-manager-head span{display:none}.storage-overview{grid-template-columns:1fr;margin:12px 0}.storage-area-row{grid-template-columns:1fr;padding:12px}.storage-area-number{display:none}.storage-area-main>header{display:block}.storage-area-main header>b{margin-top:7px;display:block}.storage-path-row{grid-template-columns:1fr}.storage-path-row button{width:100%}.storage-manager-range{grid-template-columns:1fr}.storage-manager-range>i{grid-column:1}.storage-internal-limit{grid-template-columns:1fr;padding:14px}.storage-manager-actions{padding:10px 9px calc(10px + env(safe-area-inset-bottom));flex-direction:column;align-items:stretch}.storage-manager-actions>span{display:none}.storage-manager-actions>div{grid-template-columns:1fr 1fr;display:grid}.folder-browser-backdrop{padding:7px}}
