@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600;700&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";.rdp{--rdp-cell-size: 40px;--rdp-caption-font-size: 18px;--rdp-accent-color: #0000ff;--rdp-background-color: #e7edff;--rdp-accent-color-dark: #3003e1;--rdp-background-color-dark: #180270;--rdp-outline: 2px solid var(--rdp-accent-color);--rdp-outline-selected: 3px solid var(--rdp-accent-color);--rdp-selected-color: #fff;margin:1em}.rdp-vhidden{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:absolute!important;top:0;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(1px,1px,1px,1px)!important;border:0!important}.rdp-button_reset{appearance:none;position:relative;margin:0;padding:0;cursor:default;color:inherit;background:none;font:inherit;-moz-appearance:none;-webkit-appearance:none}.rdp-button_reset:focus-visible{outline:none}.rdp-button{border:2px solid transparent}.rdp-button[disabled]:not(.rdp-day_selected){opacity:.25}.rdp-button:not([disabled]){cursor:pointer}.rdp-button:focus-visible:not([disabled]){color:inherit;background-color:var(--rdp-background-color);border:var(--rdp-outline)}.rdp-button:hover:not([disabled]):not(.rdp-day_selected){background-color:var(--rdp-background-color)}.rdp-months{display:flex}.rdp-month{margin:0 1em}.rdp-month:first-child{margin-left:0}.rdp-month:last-child{margin-right:0}.rdp-table{margin:0;max-width:calc(var(--rdp-cell-size) * 7);border-collapse:collapse}.rdp-with_weeknumber .rdp-table{max-width:calc(var(--rdp-cell-size) * 8);border-collapse:collapse}.rdp-caption{display:flex;align-items:center;justify-content:space-between;padding:0;text-align:left}.rdp-multiple_months .rdp-caption{position:relative;display:block;text-align:center}.rdp-caption_dropdowns{position:relative;display:inline-flex}.rdp-caption_label{position:relative;z-index:1;display:inline-flex;align-items:center;margin:0;padding:0 .25em;white-space:nowrap;color:currentColor;border:0;border:2px solid transparent;font-family:inherit;font-size:var(--rdp-caption-font-size);font-weight:700}.rdp-nav{white-space:nowrap}.rdp-multiple_months .rdp-caption_start .rdp-nav{position:absolute;top:50%;left:0;transform:translateY(-50%)}.rdp-multiple_months .rdp-caption_end .rdp-nav{position:absolute;top:50%;right:0;transform:translateY(-50%)}.rdp-nav_button{display:inline-flex;align-items:center;justify-content:center;width:var(--rdp-cell-size);height:var(--rdp-cell-size);padding:.25em;border-radius:100%}.rdp-dropdown_year,.rdp-dropdown_month{position:relative;display:inline-flex;align-items:center}.rdp-dropdown{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;z-index:2;top:0;bottom:0;left:0;width:100%;margin:0;padding:0;cursor:inherit;opacity:0;border:none;background-color:transparent;font-family:inherit;font-size:inherit;line-height:inherit}.rdp-dropdown[disabled]{opacity:unset;color:unset}.rdp-dropdown:focus-visible:not([disabled])+.rdp-caption_label{background-color:var(--rdp-background-color);border:var(--rdp-outline);border-radius:6px}.rdp-dropdown_icon{margin:0 0 0 5px}.rdp-head{border:0}.rdp-head_row,.rdp-row{height:100%}.rdp-head_cell{vertical-align:middle;font-size:.75em;font-weight:700;text-align:center;height:100%;height:var(--rdp-cell-size);padding:0;text-transform:uppercase}.rdp-tbody{border:0}.rdp-tfoot{margin:.5em}.rdp-cell{width:var(--rdp-cell-size);height:100%;height:var(--rdp-cell-size);padding:0;text-align:center}.rdp-weeknumber{font-size:.75em}.rdp-weeknumber,.rdp-day{display:flex;overflow:hidden;align-items:center;justify-content:center;box-sizing:border-box;width:var(--rdp-cell-size);max-width:var(--rdp-cell-size);height:var(--rdp-cell-size);margin:0;border:2px solid transparent;border-radius:100%}.rdp-day_today:not(.rdp-day_outside){font-weight:700}.rdp-day_selected,.rdp-day_selected:focus-visible,.rdp-day_selected:hover{color:var(--rdp-selected-color);opacity:1;background-color:var(--rdp-accent-color)}.rdp-day_outside{opacity:.5}.rdp-day_selected:focus-visible{outline:var(--rdp-outline);outline-offset:2px;z-index:1}.rdp:not([dir=rtl]) .rdp-day_range_start:not(.rdp-day_range_end){border-top-right-radius:0;border-bottom-right-radius:0}.rdp:not([dir=rtl]) .rdp-day_range_end:not(.rdp-day_range_start){border-top-left-radius:0;border-bottom-left-radius:0}.rdp[dir=rtl] .rdp-day_range_start:not(.rdp-day_range_end){border-top-left-radius:0;border-bottom-left-radius:0}.rdp[dir=rtl] .rdp-day_range_end:not(.rdp-day_range_start){border-top-right-radius:0;border-bottom-right-radius:0}.rdp-day_range_end.rdp-day_range_start{border-radius:100%}.rdp-day_range_middle{border-radius:0}:root,[data-theme=light]{--bg: #FFFCF9;--surface: #FFFFFF;--surface2: #F4EFE6;--border: #EAE1D2;--accent: #E0A800;--accent-hover: #C79000;--accent-rgb: 224, 168, 0;--text: #1A1A1A;--text-muted: #6B6456;--danger: #C0392B;--danger-rgb: 192, 57, 43;--ok: #2E7D52;--ok-rgb: 46, 125, 82;--warn: #B8860B;--warn-rgb: 184, 134, 11;--radius: 6px;--font-ui: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;--cam-red: #E5384F;--tl-bg: #F4ECD8;--tl-lane: #FFFFFF;--tl-line: #E3D7BB;--tl-grid: #EDE3CC;--tl-label: #6B6456;--tl-range-bg: rgba(107, 100, 86, .14);--tl-range-fg: #6B6456;--tl-cursor: #E5384F;--tl-cursor-glow: rgba(229, 56, 79, .45);--tl-cursor-fg: #FFFFFF}[data-theme=dark]{--bg: #14161C;--surface: #1C1F27;--surface2: #252934;--border: #343A47;--accent: #F0B800;--accent-hover: #FFD23A;--accent-rgb: 240, 184, 0;--text: #ECE8DC;--text-muted: #8A8474;--danger: #E5544B;--danger-rgb: 229, 84, 75;--ok: #4CAF7D;--ok-rgb: 76, 175, 125;--warn: #E0A800;--warn-rgb: 224, 168, 0;--tl-bg: #0d1117;--tl-lane: #11161d;--tl-line: #1f2630;--tl-grid: #1b222c;--tl-label: #6e7681;--tl-range-bg: rgba(110, 118, 129, .18);--tl-range-fg: #8b949e;--tl-cursor: #ff3b30;--tl-cursor-glow: rgba(255, 59, 48, .55);--tl-cursor-fg: #ffffff}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:14px;min-height:100vh}@media (hover: none) and (pointer: coarse){input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:16px}}.app{display:flex;flex-direction:column;min-height:100vh}.app-header{display:flex;align-items:center;gap:16px;padding:10px 24px;border-bottom:1px solid var(--border);background:var(--surface)}.app-header h1{font-size:15px;font-weight:600;white-space:nowrap}.breadcrumbs{display:flex;align-items:center;gap:4px;color:#e0a800;font-family:var(--font-ui);font-size:13px;flex-wrap:wrap}.breadcrumbs button{background:none;border:none;color:#e0a800;font-family:var(--font-ui);cursor:pointer;font-size:13px;padding:0}.breadcrumbs button:hover{text-decoration:underline}[data-theme=dark] .breadcrumbs,[data-theme=dark] .breadcrumbs button{color:#ece8dc}.app-main{flex:1;padding:16px 24px;max-width:960px;margin:0 auto;width:100%}.hint{color:var(--text-muted);font-size:13px;margin-bottom:12px}.error-banner{position:fixed;top:16px;left:50%;z-index:300;max-width:min(560px,calc(100vw - 24px));background:#2d1417;border:1px solid var(--danger);color:#ff7b72;padding:12px 20px;border-radius:var(--radius);box-shadow:0 8px 28px #0000008c;cursor:pointer;font-size:13px;text-align:center;animation:toast-in .2s ease-out}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}.error-banner{transform:translate(-50%)}.channel-selector{max-width:480px;margin:0 auto}.channel-selector h2{font-size:20px;margin-bottom:16px;text-align:center}.channel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.channel-btn{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:10px 12px;text-align:left;cursor:pointer;font-size:13px;transition:border-color .15s;display:flex;align-items:center;justify-content:space-between;gap:8px}.channel-btn:hover{border-color:var(--accent);color:var(--accent)}.group-count{background:var(--surface2);color:var(--text-muted);border-radius:10px;padding:1px 8px;font-size:11px;font-weight:600}.nvr-badge{background:var(--surface2);color:var(--text-muted);border-radius:10px;padding:1px 6px;font-size:10px;white-space:nowrap}.loading{color:var(--text-muted);padding:16px 0}.calendar-view{max-width:380px}.calendar-loading{opacity:.7}.calendar-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;z-index:10;pointer-events:none}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.rdp{--rdp-accent-color: var(--accent);--rdp-background-color: var(--surface2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px;color:var(--text)}.rdp-caption_label{color:var(--text)}.rdp-head_cell{color:var(--text-muted);font-weight:500}.rdp-day{color:var(--text-muted);border-radius:var(--radius)}.rdp-day:not(.rdp-day_disabled){cursor:pointer}.rdp-day:hover:not(.rdp-day_disabled){background:var(--surface2)!important}.rdp-nav_button{color:var(--text-muted)}.rdp-nav_button:hover{color:var(--text);background:var(--surface2)!important}.rdp-day.has-recording{color:var(--accent)!important;font-weight:600;cursor:pointer}.rdp-day.has-recording:hover{background:#388bfd26!important}.rdp-day_today{color:var(--text)!important;text-decoration:underline}.rdp-day_selected.has-recording{background:var(--accent)!important;color:#fff!important;border-radius:var(--radius)}.timeline-view{display:flex;flex-direction:column;gap:12px}.timeline-wrap{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface2);padding:4px 4px 0;box-shadow:inset 0 1px #ffffff08,0 1px 3px #0003}.timeline-legend{display:flex;gap:16px;padding:4px 10px 6px;font-size:11px;color:var(--text-muted)}.timeline-legend span{display:flex;align-items:center;gap:6px}.timeline-legend i{width:12px;height:12px;border-radius:3px;display:inline-block}.player-with-timeline{display:flex;flex-direction:column;gap:0}.player-timeline-section{display:flex;flex-direction:column;gap:8px;padding-top:12px}.archive-view{display:flex;flex-direction:column;gap:12px}.archive-bar{position:relative;display:flex}.date-button{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:14px;font-variant-numeric:tabular-nums;cursor:pointer}.date-button:hover{border-color:var(--accent);color:var(--accent)}.cal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.cal-popover{position:absolute;top:calc(100% + 6px);left:0;z-index:41;max-width:380px;box-shadow:0 8px 28px #00000080;border-radius:var(--radius)}.archive-empty{display:flex;align-items:center;justify-content:center;min-height:220px;border:1px dashed var(--border);border-radius:var(--radius);background:#0d1117;color:var(--text-muted);font-size:14px;text-align:center;padding:24px}@media (max-width: 640px){.cal-popover{max-width:calc(100vw - 24px)}.fav-popover{position:fixed;top:54px;right:8px;left:auto;width:auto;min-width:260px;max-width:calc(100vw - 16px)}}.range-selector{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px}.range-inputs{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.range-inputs label{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:13px}.range-inputs input[type=time]{background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:4px 8px;font-size:13px;font-family:monospace}.range-inputs input[type=time]:focus{outline:2px solid var(--accent)}.range-dash{color:var(--text-muted)}.clip-controls{display:flex;flex-direction:column;gap:14px;width:100%;max-width:480px;margin:0 auto}.clip-controls .hint{text-align:center;margin-bottom:0}.clip-extractor .view-back{display:flex;justify-content:center;margin:4px 0 0}.clip-panel{position:absolute;left:0;right:0;bottom:0;z-index:6;display:flex;flex-direction:column;gap:12px;margin:0;padding:14px 16px;border:none;border-top:1px solid var(--border);border-radius:0 0 var(--radius) var(--radius);background:#0d1117eb;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.clip-panel .hint{text-align:center;margin:0}.clip-panel .range-selector{width:100%;max-width:480px;margin:0 auto}.btn-watch{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);padding:7px 20px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap}.btn-watch-icon{display:inline-flex}.btn-watch-icon svg{display:block}.btn-watch:hover{background:var(--accent-hover)}.btn-watch:disabled{opacity:.4;cursor:not-allowed}.progress-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100}.progress-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:32px 40px;min-width:320px;max-width:420px;text-align:center;display:flex;flex-direction:column;gap:16px}.progress-card h3{font-size:18px}.progress-label{color:var(--text-muted);font-size:13px;min-height:18px}.progress-bar-wrap{height:6px;background:var(--surface2);border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .3s}.progress-pct{font-size:12px;color:var(--text-muted)}.btn-cancel{background:none;border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius);padding:6px 16px;cursor:pointer;font-size:13px}.btn-cancel:hover{border-color:var(--danger);color:var(--danger)}.speed-select{display:none;background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:4px 8px;font-size:13px;cursor:pointer}.player{display:flex;flex-direction:column;gap:10px;position:relative}.codec-missing-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000c7;z-index:5;border-radius:8px}.codec-missing-card{max-width:480px;padding:20px 24px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);text-align:center}.codec-missing-title{font-size:16px;font-weight:600;margin-bottom:8px}.codec-missing-text{font-size:14px;color:var(--text-muted);line-height:1.45}.clip-meta{display:flex;flex-direction:column;align-items:center;gap:2px;padding:0 2px}.clip-meta-channel{font-size:16px;font-weight:600;color:var(--text)}.clip-meta-label{font-size:13px;color:var(--text-muted)}.share-page .clip-meta{align-items:center}.player-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:5px 10px}.view-back{margin-bottom:16px}.nav-bar{display:flex;align-items:center;gap:12px;margin-bottom:12px}.nav-bar .btn-back{flex-shrink:0}.nav-bar-spacer{flex-shrink:0;min-width:78px}.channel-title{flex:1;text-align:center;font-size:20px;font-weight:600;color:var(--text);margin:0;word-break:break-word}.btn-back{background:none;border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius);padding:5px 14px;cursor:pointer;font-size:13px;line-height:1.4;transition:border-color .15s,color .15s}.btn-back:hover{border-color:var(--accent);color:var(--accent)}.btn-reload{flex-shrink:0;padding:5px 11px;font-size:15px;line-height:1.4}.speed-btns{display:flex;gap:4px}.btn-speed{background:var(--surface2);border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius);padding:2px 7px;font-size:12px;cursor:pointer}.btn-speed.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.btn-speed:hover:not(.active){border-color:var(--accent);color:var(--accent)}.player-actions{margin-left:auto;display:flex;gap:8px;align-items:center}.player-actions button{display:inline-flex;align-items:center;gap:6px;background:none;border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:3px 10px;cursor:pointer;font-size:13px}.player-actions button:hover{border-color:var(--accent);color:var(--accent)}.btn-share{display:inline-flex;align-items:center;gap:6px}.btn-share svg{color:#58a6ff}.btn-dl{display:inline-flex;align-items:center;gap:6px;background:none;border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:3px 10px;font-size:13px;text-decoration:none;cursor:pointer}.btn-dl svg{color:#3fb950}.btn-dl:hover{border-color:var(--accent);color:var(--accent)}.btn-dl:hover svg{color:var(--accent)}.btn-clip{display:inline-flex;align-items:center;gap:6px}.btn-clip svg{color:#d29922}.btn-clip:hover svg{color:var(--accent)}.btn-clip.active{background:var(--accent);border-color:var(--accent);color:#fff}.btn-clip.active svg{color:#fff}.share-panel{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:8px 12px;flex-wrap:wrap}.share-input{flex:1;min-width:0;background:var(--surface2);border:1px solid var(--border);color:var(--accent);border-radius:var(--radius);padding:6px 10px;font-size:13px;font-family:monospace;cursor:text}.share-input:focus{outline:2px solid var(--accent)}.btn-copy{background:var(--accent);border:none;color:#fff;border-radius:var(--radius);padding:6px 14px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0}.btn-copy:hover{background:var(--accent-hover)}.share-hint{font-size:12px;color:var(--text-muted);white-space:nowrap}.video-el{width:100%;aspect-ratio:16/9;max-height:72vh;min-height:180px;background:#000;border-radius:10px;display:block}.share-page{max-width:900px;margin:0 auto;padding:24px 16px;display:flex;flex-direction:column;gap:14px;align-items:center}.share-page .video-el{max-height:80vh}.share-page .share-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.share-page .btn-home{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:10px 18px;font:600 15px/1 var(--font-ui);color:#fff;background:var(--accent);border:1px solid var(--accent);border-radius:8px;text-decoration:none;box-shadow:0 1px 4px rgba(var(--accent-rgb),.35);transition:filter .15s,transform .05s}.share-page .btn-home:hover{filter:brightness(1.08)}.share-page .btn-home:active{transform:translateY(1px)}.share-page .btn-home svg{flex-shrink:0}@media (max-width: 767px){.app{min-height:100dvh}.app-header{flex-direction:row;align-items:center;flex-wrap:nowrap;gap:10px;padding:8px 14px}.breadcrumbs{flex:1;min-width:0;font-size:12px}.header-user{display:none}.app-header h1{font-size:14px}.app-main{padding:12px 16px}.channel-title{font-size:17px;margin:0}.hint{display:none}.channel-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.channel-btn{padding:14px 12px;font-size:14px;min-height:44px}.calendar-view{max-width:100%}.rdp{padding:8px}.range-selector{flex-direction:column;align-items:stretch;gap:12px}.range-inputs{flex-wrap:wrap;justify-content:center}.range-inputs input[type=time]{font-size:16px;padding:8px}.btn-watch{padding:14px;font-size:16px;text-align:center;width:100%}.player-bar{flex-direction:row;align-items:center;flex-wrap:nowrap;padding:5px 8px;gap:6px}.player-bar .btn-label{display:none}.btn-back{min-height:44px;width:100%}.view-back{margin-bottom:12px}.nav-bar{gap:8px;margin-bottom:10px}.nav-bar .btn-back{width:auto;padding:8px 12px}.nav-bar .channel-title{font-size:16px}.nav-bar-spacer{min-width:52px}.speed-btns{display:none}.speed-select{display:block;width:auto;min-height:34px;padding:5px 8px;font-size:16px}.player-actions{margin-left:auto;width:auto;gap:6px}.player-actions button,.btn-dl{flex:0 0 auto;justify-content:center;min-height:34px;min-width:34px;padding:6px}.live-player-bar{flex-wrap:nowrap;gap:8px}.live-player-bar .btn-label{display:none}.live-player-actions{width:auto;flex:1;justify-content:flex-end}.live-player-actions button{flex:0 0 auto;justify-content:center;min-height:34px;min-width:34px;padding:6px}.video-el{max-height:50vh}.archive-view .video-el{max-height:38vh}.player-timeline-section{padding-top:8px;gap:6px}.archive-view,.clip-controls{gap:8px}.clip-panel{gap:6px;padding:8px 10px}.clip-panel .hint{display:block;font-size:11px}.range-selector{gap:8px;padding:10px 12px}.clip-panel .range-selector{flex-direction:row;align-items:center;flex-wrap:nowrap;gap:8px;padding:6px 8px}.clip-panel .range-inputs{flex:1;flex-wrap:nowrap;justify-content:flex-start;gap:8px;min-width:0}.clip-panel .range-label-text{display:none}.clip-panel .range-inputs label{flex:1;min-width:0}.clip-panel .range-inputs input[type=time]{width:100%;padding:6px 4px;font-size:13px;min-height:34px}.clip-panel .btn-watch{width:auto;flex-shrink:0;min-height:34px;min-width:34px;padding:6px;font-size:13px}.clip-panel .btn-watch-label{display:none}.live-overlay{min-height:160px}.progress-card{min-width:unset;width:90vw;padding:24px 20px}.app-header{padding-bottom:8px}.app-main{padding-bottom:calc(16px + env(safe-area-inset-bottom))}}@media (min-width: 768px){.hint-mobile{display:none}.hint-desktop{display:block}}.app-header-right{margin-left:auto;display:flex;align-items:center;gap:8px}.header-user{color:var(--text-muted);font-size:12px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-mode{background:none;border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:4px 12px;cursor:pointer;font-size:13px}.btn-mode:hover{border-color:var(--accent);color:var(--accent)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;padding:6px;width:30px;height:30px;color:var(--text-muted)}.btn-icon:hover{color:var(--accent)}.btn-mode-admin{border-color:rgba(var(--accent-rgb),.4);color:var(--accent)}.btn-mode-admin:hover{border-color:var(--accent);background:rgba(var(--accent-rgb),.12);color:var(--accent-hover)}.btn-mode-admin.active{background:var(--accent);border-color:var(--accent);color:var(--ink-on-accent, #1A1A1A)}.btn-mode-admin.active:hover{background:var(--accent-hover);color:var(--ink-on-accent, #1A1A1A)}.btn-mode-logout{border-color:rgba(var(--danger-rgb),.4);color:var(--danger)}.btn-mode-logout:hover{border-color:var(--danger);background:rgba(var(--danger-rgb),.12);color:var(--danger)}.nav-bar .archive-bar{flex-shrink:0}.nav-bar .date-button{width:auto}.nav-bar .cal-popover{left:auto;right:0}.nav-bar .channel-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-screen{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:32px 36px;max-width:420px;width:100%;display:flex;flex-direction:column;gap:16px;text-align:center}.auth-card h1{font-size:22px}.auth-hint{color:var(--text-muted);font-size:14px;line-height:1.5}.auth-google{padding:12px 16px;font-size:14px}.auth-pending .pending-email{display:flex;align-items:center;gap:8px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:8px 12px}.auth-pending .pending-email code{flex:1;font-family:monospace;font-size:13px;color:var(--accent);text-align:left;word-break:break-all}.auth-pending .pending-email button{background:var(--accent);color:#fff;border:none;border-radius:var(--radius);padding:6px 14px;font-size:13px;font-weight:600;cursor:pointer;flex-shrink:0}.admin-panel{width:100%;max-width:960px;margin:0 auto}.admin-tabs{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--border);margin-bottom:16px}.admin-tabs button{background:none;border:none;color:var(--text-muted);padding:8px 16px;cursor:pointer;font-size:14px;border-bottom:2px solid transparent}.admin-tabs button:hover{color:var(--text)}.admin-tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}.admin-section{display:flex;flex-direction:column;gap:12px}.admin-section-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.admin-section-header h2{font-size:18px}.cache-card{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-top:12px;max-width:560px}.cache-card h3{font-size:15px;margin:0 0 6px}.cache-desc{color:var(--text);opacity:.75;font-size:13px;line-height:1.5;margin:0 0 12px}.cache-done{margin-top:10px;font-size:13px;color:var(--accent)}.cache-pick-bar{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:12px 0 8px}.cache-channel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:4px;max-height:360px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius);padding:8px;margin-bottom:12px}.cache-clear-btn{padding:7px 14px;font-size:13px}.btn-primary{background:var(--accent);border:none;color:#1a1a1a;border-radius:var(--radius);padding:6px 14px;font-size:13px;font-weight:600;cursor:pointer}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-danger{background:none;border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius);padding:4px 10px;font-size:12px;cursor:pointer}.btn-danger:hover{border-color:var(--danger);color:var(--danger)}.clips-user-picker{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:13px}.clips-user-picker label{color:var(--text-muted)}.clips-user-picker select{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:6px 10px;font-size:13px;min-width:220px}.admin-table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;font-size:13px}.admin-table th,.admin-table td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--border);vertical-align:middle}.admin-table th{color:var(--text-muted);font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr:hover{background:var(--surface2)}.admin-table tr[draggable=true]{cursor:grab}.admin-table td.reorder-cell{width:1%;white-space:nowrap;text-align:center}.admin-table .drag-handle{color:var(--text-muted);cursor:grab;-webkit-user-select:none;user-select:none}.admin-table .reorder-btn{background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:6px;width:30px;height:30px;margin-left:4px;font-size:15px;line-height:1;cursor:pointer}.admin-table .reorder-btn:disabled{opacity:.35;cursor:default}.admin-table .reorder-btn:not(:disabled):hover{border-color:var(--accent);color:var(--accent)}.admin-table tr.row-dragging{opacity:.4}.admin-table tr.row-drop-target td{box-shadow:inset 0 2px 0 var(--accent)}.admin-group-row[draggable=true]{cursor:grab}.admin-group-row .drag-handle{color:var(--text-muted);cursor:grab;-webkit-user-select:none;user-select:none;margin-right:6px}.admin-group-row .reorder-btn{background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:6px;width:28px;height:28px;font-size:14px;line-height:1;cursor:pointer}.admin-group-row .reorder-btn:disabled{opacity:.35;cursor:default}.admin-group-row .reorder-btn:not(:disabled):hover{border-color:var(--accent);color:var(--accent)}.admin-group-row.row-dragging{opacity:.4}.admin-group-row.row-drop-target{box-shadow:inset 0 2px 0 var(--accent)}.admin-actions{vertical-align:middle}.admin-actions-inner{display:flex;gap:6px;flex-wrap:wrap;align-items:center;min-height:34px}.btn-secondary,.admin-actions-inner button,.cache-pick-bar button{background:none;border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:3px 10px;font-size:12px;cursor:pointer}.btn-secondary:not(:disabled):hover,.admin-actions-inner button:not(.btn-danger):hover,.cache-pick-bar button:not(:disabled):hover{border-color:var(--accent);color:var(--accent)}.btn-secondary:disabled,.cache-pick-bar button:disabled{opacity:.4;cursor:not-allowed}.admin-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius)}.admin-table-wrap .admin-table{border:none;border-radius:0}.admin-cards,.people-cards{display:none;flex-direction:column;gap:8px}.admin-card{display:flex;flex-direction:column;gap:8px;padding:10px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.admin-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.admin-card-title{font-size:15px;font-weight:600;min-width:0;overflow-wrap:anywhere}.admin-card-meta{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;color:var(--text-muted);overflow-wrap:anywhere}.admin-card-meta .admin-card-key{margin-right:4px;opacity:.75}.admin-picker{max-width:360px;width:100%}.admin-card-badges{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}.admin-card-badge-labelled{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--text-muted)}.admin-card-field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-muted)}.admin-card-field input,.admin-card-field select{width:100%}.badge{display:inline-block;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600;text-transform:lowercase}.badge-ok{background:#2386362e;color:#3fb950}.badge-warn{background:#d299222e;color:#d29922}.badge-mute{background:var(--surface2);color:var(--text-muted)}.badge-danger{background:rgba(var(--danger-rgb),.16);color:var(--danger)}.clip-badge{display:inline-block;margin-left:8px;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600;background:#d299222e;color:#d29922;white-space:nowrap}.form-grid{display:flex;flex-direction:column;gap:10px}.form-grid label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-muted)}.form-grid input,.form-grid select,.people-filters input,.people-filters select,.people-sort-bar select,.admin-card-field input,.admin-card-field select{background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:6px 10px;font-size:14px}.form-grid input:focus,.form-grid select:focus,.people-filters input:focus,.people-filters select:focus,.admin-card-field input:focus{outline:2px solid var(--accent)}.dialog-error{background:#f851491a;border:1px solid var(--danger);color:var(--danger);border-radius:var(--radius);padding:6px 10px;font-size:12px}.dialog-hint{color:var(--text-muted);border-left:2px solid var(--border);padding-left:8px;font-size:12px;line-height:1.45}.form-dialog{min-width:360px;max-width:min(460px,94vw);text-align:left;max-height:88vh;overflow-y:auto}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}.dialog-actions button:not(.btn-primary){background:none;border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:6px 14px;font-size:13px;cursor:pointer}.dialog-actions .btn-primary{padding:6px 14px;font-size:13px}.admin-groups{display:grid;grid-template-columns:280px 1fr;gap:16px;align-items:flex-start}.admin-groups-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.admin-group-row{display:flex;flex-direction:column;gap:4px;padding:8px 12px;border-bottom:1px solid var(--border);cursor:pointer}.admin-group-row:last-child{border-bottom:none}.admin-group-row:hover{background:var(--surface2)}.admin-group-row.selected{background:#388bfd1f}.admin-group-name{display:flex;align-items:center;gap:8px;font-weight:500}.admin-group-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted)}.admin-group-meta button{background:none;border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius);padding:1px 8px;font-size:11px;cursor:pointer}.admin-group-meta button:not(.btn-danger):hover{border-color:var(--accent);color:var(--accent)}.admin-group-channels{min-height:200px}.admin-group-channels select{background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:3px 6px;font-size:12px;cursor:pointer}.btn-edit-access{background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:3px 10px;font-size:12px;cursor:pointer}.btn-edit-access:hover{border-color:var(--accent);color:var(--accent)}button.badge{border:none;cursor:pointer}.access-dialog{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;width:min(640px,92vw);max-height:86vh;display:flex;flex-direction:column;gap:12px}.access-dialog h3{font-size:16px}.access-groups{flex:1;overflow-y:auto;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:8px;display:flex;flex-direction:column;gap:6px}.access-group{display:flex;flex-direction:column;gap:4px}.access-group-header{display:flex;align-items:center;gap:8px;padding:6px 8px;font-weight:600;cursor:pointer;border-radius:var(--radius);background:var(--surface)}.access-group-header:hover{background:#388bfd0f}.access-group-name{flex:1}.access-channel-list{display:flex;flex-direction:column;gap:2px;padding-left:28px}.access-channel{display:flex;align-items:center;gap:8px;padding:4px 8px;font-size:13px;cursor:pointer;border-radius:var(--radius)}.access-channel:hover{background:var(--surface)}.access-channel input{cursor:pointer}.access-channel span:nth-of-type(1){flex:1}.camera-picker{position:relative}.camera-picker-trigger{padding:7px 9px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);font-size:13px;text-align:left;min-width:160px;cursor:pointer}.camera-picker-trigger:hover{border-color:var(--accent)}.camera-picker-popover{display:flex;flex-direction:column;gap:8px;width:min(360px,90vw);max-height:380px;padding:10px;background:var(--surface);border:1px solid var(--border)}.camera-picker-popover .access-groups{max-height:320px}.camera-picker-search{padding:7px 9px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);font-size:13px}.access-group-header-static{cursor:default}.access-group-header-static:hover{background:var(--surface)}.access-channel-empty{padding:10px 8px;color:var(--text-muted);font-size:13px;text-align:center}@media (max-width: 820px){.admin-table-wrap{display:none}.admin-cards,.people-cards{display:flex}.admin-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.admin-tabs::-webkit-scrollbar{display:none}.admin-tabs button{padding:8px 10px;font-size:13px;white-space:nowrap}.admin-section-header{flex-direction:column;flex-wrap:nowrap;align-items:stretch}.admin-section-header>.btn-primary{width:100%;padding:10px 14px;font-size:14px}.admin-card .admin-actions-inner{gap:8px}.admin-card .admin-actions-inner button{flex:1 1 auto;min-height:38px;padding:8px 12px;font-size:13px}.admin-card .admin-actions-inner .reorder-btn{flex:0 0 auto;width:44px}.admin-card .badge,.admin-card .btn-edit-access{display:inline-flex;align-items:center;min-height:28px;padding:5px 12px;font-size:12px}.maintenance-bar{flex-direction:column;align-items:stretch;padding:12px 14px}.maintenance-bar>button{width:100%;padding:10px 14px}.admin-groups{gap:12px}.admin-groups-list{max-height:none}.admin-group-row{gap:8px;padding:10px 12px}.admin-group-meta{flex-wrap:wrap;gap:6px}.admin-group-meta button{padding:6px 12px;font-size:12px;min-height:34px}.admin-group-row .reorder-btn{width:34px;height:34px}.neighbor-row{flex-wrap:wrap}.neighbor-name{flex:1 1 100%}.neighbor-row select{flex:1 1 auto}.dialog-actions{flex-wrap:wrap}.dialog-actions button{flex:1 1 auto;min-height:40px}.form-dialog{min-width:0;width:100%;padding:20px 18px}.cache-card{padding:14px}.cache-clear-btn{width:100%;min-height:42px}.form-grid input,.form-grid select,.people-filters input,.people-filters select,.people-sort-bar select,.admin-card-field input,.admin-card-field select,.admin-group-channels select{font-size:16px;padding:8px 10px}}@media (max-width: 767px){.admin-groups{grid-template-columns:1fr}.admin-table{font-size:12px}.admin-table th,.admin-table td{padding:6px 8px}.app-header-right{flex-wrap:nowrap;flex-shrink:0}}.mode-selector{display:flex;flex-direction:column;align-items:center;gap:16px;padding:8px 0 16px}.mode-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%;max-width:560px}.mode-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px 24px;background:var(--surface);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:border-color .15s,background .15s;font-size:14px;color:var(--text);text-align:center}.mode-card:hover{background:var(--surface2)}.mode-card-live{background:#f851490d;border-color:#f851494d;color:#f85149}.mode-card-live .mode-card-desc{color:#f8514999}.mode-card-live:hover{border-color:#f85149;background:#f851491f}.mode-card-archive{background:#388bfd0d;border-color:#388bfd4d;color:#58a6ff}.mode-card-archive .mode-card-desc{color:#58a6ff99}.mode-card-archive:hover{border-color:#58a6ff;background:#388bfd1f}.mode-card-clip{background:#b06e320f;border-color:#b06e3259;color:#c8853f}.mode-card-clip .mode-card-desc{color:#c8853f99}.mode-card-clip:hover{border-color:#c8853f;background:#b06e3224}.mode-card-clips{background:#3fb9500f;border-color:#3fb95059;color:#3fb950}.mode-card-clips .mode-card-desc{color:#3fb95099}.mode-card-clips:hover{border-color:#3fb950;background:#3fb95024}.mode-card-icon{font-size:32px;display:flex;align-items:center;justify-content:center;height:40px}.live-dot{display:inline-block;width:20px;height:20px;border-radius:50%;background:#f85149;box-shadow:0 0 0 4px #f8514940;animation:live-pulse 1.5s ease-in-out infinite}@keyframes live-pulse{0%,to{box-shadow:0 0 0 4px #f8514940}50%{box-shadow:0 0 0 8px #f851491a}}.mode-card-text{display:flex;flex-direction:column;align-items:center;gap:4px}.mode-card-label{font-size:18px;font-weight:600}.mode-card-desc{font-size:12px;color:var(--text-muted)}@media (max-width: 480px){.mode-cards{grid-template-columns:1fr;max-width:340px;gap:8px}.mode-card{flex-direction:row;align-items:center;gap:14px;padding:11px 14px;text-align:left;border-radius:var(--radius)}.mode-card-icon{height:auto;font-size:20px;flex-shrink:0}.mode-card-icon svg{width:22px;height:22px}.mode-card-icon .live-dot{width:14px;height:14px}.mode-card-label{font-size:14px}.mode-card-desc{font-size:11px}.mode-card-text{display:flex;flex-direction:column;align-items:flex-start;gap:2px}}.live-player{display:flex;flex-direction:column;gap:12px}.live-player-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:5px 10px}.live-player-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600}.live-badge{display:inline-flex;align-items:center;gap:5px;background:#f85149;color:#fff;font-size:11px;font-weight:700;letter-spacing:.05em;padding:2px 8px;border-radius:4px}.live-badge:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#fff;animation:live-pulse 1.5s ease-in-out infinite}.live-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:240px;background:var(--surface);border:1px solid var(--border);border-radius:10px}.live-overlay-error{border-color:var(--danger)}.live-error-msg{color:var(--danger);font-size:14px;text-align:center;padding:0 16px}.video-hidden{display:none}.live-frozen{width:100%;aspect-ratio:16/9;max-height:72vh;min-height:180px;background:#000;border-radius:10px;display:block;object-fit:cover;filter:brightness(.7)}@media (max-width: 640px){.live-frozen{max-height:50vh}}.btn-live{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius);border:1px solid #f85149;background:#f851491f;color:#f85149;font-size:13px;font-weight:700;letter-spacing:.03em;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.btn-live:hover{background:#f8514938;border-color:#da3633}.btn-live-dot{width:8px;height:8px;border-radius:50%;background:#f85149;flex-shrink:0;animation:live-pulse 1.5s ease-in-out infinite}.live-player-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.btn-go-live{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius);border:1px solid #f85149;background:#f851491f;color:#f85149;font-size:13px;font-weight:700;letter-spacing:.03em;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s}.btn-go-live:hover{background:#f8514938;border-color:#da3633}.btn-go-live-dot{width:8px;height:8px;border-radius:50%;background:#f85149;flex-shrink:0;animation:live-pulse 1.5s ease-in-out infinite}.btn-to-archive{display:inline-flex;align-items:center;gap:6px;background:#388bfd14;border:1px solid #58a6ff;color:#58a6ff;border-radius:var(--radius);padding:3px 10px;font-size:13px;cursor:pointer;transition:border-color .15s,color .15s,background .15s;white-space:nowrap}.btn-to-archive svg{color:#58a6ff}.btn-to-archive:hover{border-color:var(--accent-hover);color:var(--accent-hover);background:#388bfd29}.btn-to-archive:hover svg{color:var(--accent-hover)}.btn-share-link{display:inline-flex;align-items:center;gap:6px;background:none;border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:3px 10px;cursor:pointer;font-size:13px;white-space:nowrap}.btn-share-link svg{color:var(--accent)}.btn-share-link:hover{border-color:var(--accent);color:var(--accent)}.btn-share-link.copied{background:var(--accent);border-color:var(--accent);color:#fff}.btn-share-link.copied svg{color:#fff}.live-player-actions .btn-share-link{order:4}.live-player,.archive-video{position:relative}.neighbor-pad{position:absolute;top:64px;left:12px;z-index:5;-webkit-user-select:none;user-select:none}.btn-neighbors{display:inline-flex;align-items:center;gap:6px;background:none;border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:3px 10px;cursor:pointer;font-size:13px}.btn-neighbors svg{color:var(--accent)}.btn-neighbors:hover{border-color:var(--accent);color:var(--accent)}.btn-neighbors.active{background:var(--accent);border-color:var(--accent);color:#fff}.btn-neighbors.active svg{color:#fff}.npad-grid{display:grid;grid-template-columns:repeat(3,30px);grid-template-rows:repeat(3,30px);gap:2px}.npad-forward{grid-area:1 / 2}.npad-left{grid-area:2 / 1}.npad-center{grid-area:2 / 2}.npad-right{grid-area:2 / 3}.npad-back{grid-area:3 / 2}.npad-center{display:flex;align-items:center;justify-content:center;color:#ffffff59;font-size:12px}.npad-btn{position:relative;display:flex;align-items:center;justify-content:center;background:#0d11178c;border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:6px;font-size:16px;line-height:1;cursor:pointer;transition:background .15s,border-color .15s,color .15s,opacity .15s}.npad-btn:hover:not(:disabled){background:var(--accent);border-color:var(--accent)}.npad-btn.npad-active{background:var(--accent);border-color:var(--accent)}.npad-btn.npad-empty,.npad-btn:disabled{opacity:.18;cursor:default}.npad-count{position:absolute;top:-5px;right:-5px;min-width:14px;height:14px;padding:0 3px;background:var(--accent);color:#fff;border-radius:7px;font-size:10px;line-height:14px;text-align:center}.npad-picker{position:absolute;top:0;left:96px;min-width:160px;background:#0d1117f2;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius);padding:6px;display:flex;flex-direction:column;gap:4px}.npad-picker-head{font-size:11px;color:var(--text-muted);padding:2px 6px}.npad-picker-item{background:transparent;border:1px solid transparent;color:#fff;text-align:left;padding:6px 8px;border-radius:4px;font-size:13px;cursor:pointer}.npad-picker-item:hover{background:var(--accent);border-color:var(--accent)}@media (max-width: 768px){.neighbor-pad{top:56px;left:8px;opacity:.85}.neighbor-pad:focus-within,.neighbor-pad:active{opacity:1}.npad-grid{grid-template-columns:repeat(3,26px);grid-template-rows:repeat(3,26px)}.npad-btn{font-size:14px}.npad-picker{left:84px}}.neighbor-list{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.neighbor-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--border);border-radius:var(--radius)}.neighbor-name{flex:1}.neighbor-row select{padding:4px 6px}.neighbor-add-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:5px 10px;font-size:13px;cursor:pointer;transition:border-color .15s,color .15s}.neighbor-add-btn:hover{border-color:var(--accent);color:var(--accent)}@media (min-width: 768px){.app-main{max-width:1280px}.btn-back,.date-button{padding:9px 16px;font-size:14px;line-height:normal}.nav-bar-spacer{min-width:92px}.channel-selector{max-width:920px}.channel-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.channel-btn{flex:0 1 220px;padding:18px;font-size:15px;min-height:64px}.group-count,.nvr-badge{font-size:12px}.mode-cards{max-width:860px;gap:24px}.mode-card{padding:40px 32px;gap:16px}.mode-card-icon{height:56px;font-size:44px}.mode-card-icon svg{width:48px;height:48px}.mode-card-icon .live-dot{width:26px;height:26px}.mode-card-label{font-size:22px}.mode-card-desc{font-size:14px}.app-header{padding:14px 28px;gap:20px}.app-header h1{font-size:17px}.breadcrumbs,.breadcrumbs button{font-size:15px}.header-user{font-size:14px;max-width:300px}.btn-icon{width:36px;height:36px;padding:7px}.live-player .video-el,.live-player .live-overlay,.archive-video .player>.video-el{max-height:78vh}.archive-view .archive-video .player>.video-el{max-height:60vh}}@media (min-width: 1280px){.app-main{max-width:1600px}.channel-selector{max-width:1180px}.channel-btn{flex-basis:240px}.mode-cards{max-width:1000px}.mode-card{padding:48px 36px}}@media (min-width: 1700px){.app-main{max-width:1840px}.channel-selector{max-width:1480px}}@media (min-width: 1024px){.archive-video .player,.live-player{flex-flow:row wrap;align-items:flex-start;gap:14px}.archive-video .player>.video-el,.live-player>.video-el,.live-player>.live-overlay{order:1;width:auto;flex:1 1 0;min-width:0;max-height:84vh}.archive-view .archive-video .player>.video-el{max-height:62vh}.archive-video .player>.clip-meta{order:0;flex:1 1 100%}.archive-video .player-bar,.live-player-bar{order:2;flex:0 0 150px;flex-direction:column;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;align-self:stretch;gap:10px}.nav-bar .archive-bar{flex:0 0 150px;box-sizing:border-box;padding:0 10px}.nav-bar .archive-bar .date-button{width:100%;justify-content:center}.archive-video .player-bar .btn-speed,.archive-video .player-actions button,.archive-video .player-actions .btn-dl,.live-player-actions button{font-size:14px;padding:9px 12px;justify-content:center}.archive-video .player-actions{order:1;margin-left:0;margin-top:0;flex-direction:column;align-items:stretch;gap:8px}.archive-video .player-bar .speed-btns{order:2;margin-top:auto;display:flex;flex-wrap:wrap;gap:6px}.archive-video .player-bar .btn-speed{flex:1 1 40%}.archive-video .share-panel{order:3;flex:1 1 100%}.live-player-actions{flex-direction:column;align-items:stretch;gap:8px;width:100%}.live-player-actions .btn-to-archive{order:1}.live-player-actions .btn-neighbors{order:2}.live-player-actions .btn-go-live{order:3}.live-badge{align-self:flex-start}}.app-header{gap:14px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0;-webkit-user-select:none;user-select:none;cursor:pointer}.brand-mark{width:56px;height:56px;background:url(/logo-light.jpg) center / contain no-repeat;flex-shrink:0}[data-theme=dark] .brand-mark{background:#e7c75c;-webkit-mask:url(/logo-dark.png) center / contain no-repeat;mask:url(/logo-dark.png) center / contain no-repeat}.brand-text{display:flex;flex-direction:column;line-height:1.15}.brand-name{font-family:var(--font-display);font-weight:700;font-size:19px;letter-spacing:.5px;color:var(--text)}.brand-app{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:500;color:var(--text-muted);margin-top:2px}.brand-cam{color:var(--cam-red);flex-shrink:0}@media (max-width: 560px){.brand-text{display:none}}.btn-theme{color:var(--text-muted)}.btn-theme:hover{color:var(--accent);border-color:var(--accent)}.fav-anchor{position:relative;display:inline-flex}.btn-fav{border-color:rgba(var(--accent-rgb),.4);color:var(--accent)}.btn-fav:hover,.btn-fav.active{border-color:var(--accent);background:rgba(var(--accent-rgb),.12);color:var(--accent)}.fav-popover{left:auto;right:0;width:320px;max-width:calc(100vw - 24px);background:var(--surface);border:1px solid var(--border);overflow:hidden}.fav-panel{display:flex;flex-direction:column}.fav-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border)}.fav-title{font-family:var(--font-display);font-size:15px;color:var(--text)}.fav-clear{background:none;border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius);padding:3px 9px;font-size:12px;cursor:pointer}.fav-clear:hover:not(:disabled){border-color:var(--danger);color:var(--danger)}.fav-clear:disabled{opacity:.45;cursor:default}.fav-empty{padding:22px 16px;text-align:center;color:var(--text-muted);font-size:13px}.fav-list{list-style:none;margin:0;padding:4px 0;max-height:60vh;overflow-y:auto}.fav-row{display:flex;align-items:center;gap:8px;padding:5px 12px}.fav-row:hover{background:var(--surface2)}.fav-star{background:none;border:none;cursor:pointer;font-size:17px;line-height:1;padding:2px;color:var(--text-muted)}.fav-star:hover,.fav-star.pinned{color:var(--accent)}.fav-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--text)}.fav-actions{display:flex;gap:6px;flex-shrink:0}.fav-go{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:none;border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius);cursor:pointer}.fav-go svg{display:block}.fav-go:hover{border-color:var(--accent);color:var(--accent)}.fav-go-live{border-color:#f851494d;color:#f85149}.fav-go-live:hover{border-color:#f85149;background:#f851491f;color:#f85149}.fav-go-archive{border-color:#388bfd4d;color:#58a6ff}.fav-go-archive:hover{border-color:#58a6ff;background:#388bfd1f;color:#58a6ff}.fav-go-clip{border-color:#b06e3259;color:#c8853f}.fav-go-clip:hover{border-color:#c8853f;background:#b06e3224;color:#c8853f}.auth-card{gap:14px;border-radius:14px}.auth-crest{width:220px;height:220px;margin:4px auto 2px;background:url(/logo-light.jpg) center / contain no-repeat}[data-theme=dark] .auth-crest{background:#e7c75c;-webkit-mask:url(/logo-dark.png) center / contain no-repeat;mask:url(/logo-dark.png) center / contain no-repeat}.auth-brand-name{font-family:var(--font-display);font-weight:700;font-size:28px;letter-spacing:.5px;color:var(--text);margin-top:2px}.auth-app{display:flex;align-items:center;justify-content:center;gap:7px;font-size:15px;font-weight:500;color:var(--text-muted);margin-top:-2px}.auth-app .brand-cam{color:var(--cam-red)}.auth-slogan{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--accent);font-weight:600;position:relative;padding:6px 0 2px}.auth-slogan:before,.auth-slogan:after{content:"";position:absolute;top:50%;width:28px;height:1px;background:linear-gradient(to var(--dir, right),transparent,rgba(var(--accent-rgb),.6))}.auth-slogan:before{left:14%;--dir: right}.auth-slogan:after{right:14%;--dir: left}.auth-card .auth-hint{margin-top:4px}.timeline-cursor,.tl-playhead,.playhead{box-shadow:0 0 6px rgba(var(--accent-rgb),.7)}.live-badge .dot,.rec-dot{background:var(--accent)!important;box-shadow:0 0 rgba(var(--accent-rgb),.7);animation:bps-pulse 1.8s infinite}@keyframes bps-pulse{0%{box-shadow:0 0 rgba(var(--accent-rgb),.6)}70%{box-shadow:0 0 0 7px rgba(var(--accent-rgb),0)}to{box-shadow:0 0 rgba(var(--accent-rgb),0)}}.maintenance-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 0 18px;padding:14px 18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface2)}.maintenance-bar-on{border-color:var(--danger);background:rgba(var(--danger-rgb),.08)}.maintenance-bar .maintenance-state{margin-left:10px;font-size:13px;color:var(--text);opacity:.75}.maintenance-bar-on .maintenance-state{color:var(--danger);opacity:1}.maintenance-bar .maintenance-hint{margin-top:4px;font-size:12px;color:var(--text);opacity:.6;max-width:60ch}.people-subtabs{display:flex;flex-wrap:wrap;gap:2px;margin-bottom:6px;border-bottom:1px solid var(--border)}.people-subtabs button{background:none;border:none;border-bottom:2px solid transparent;color:var(--text);opacity:.6;padding:8px 12px;font:inherit;cursor:pointer;white-space:nowrap}.people-subtabs button:hover{opacity:.9}.people-subtabs button.active{opacity:1;border-bottom-color:var(--accent)}.people-filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.people-actions{display:flex;gap:8px;align-items:center}.people-search{min-width:240px}.people-count{font-size:12px;color:var(--text-muted);padding:2px 8px;border:1px solid var(--border);border-radius:10px}.people-table-wrap .admin-table{min-width:860px}.people-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.people-table th.sortable:hover{color:var(--text)}.sort-arrow{margin-left:4px;font-size:9px;color:var(--accent)}.people-table .col-photo{width:56px}.people-table td{vertical-align:middle}.people-table .mono{font-variant-numeric:tabular-nums}.people-table .nowrap{white-space:nowrap}.person-thumb{width:38px;height:50px;object-fit:cover;border-radius:4px;border:1px solid var(--border);background:var(--surface2);display:block}.person-thumb-empty{display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.person-inactive{opacity:.55}.link-button{background:none;border:none;padding:0;font:inherit;text-align:left;color:var(--text);text-decoration:underline;text-decoration-color:var(--border);cursor:pointer}.link-button:hover{text-decoration-color:var(--accent)}.row-actions{display:flex;gap:6px;justify-content:flex-end;white-space:nowrap}.row-actions button{padding:4px 10px;font-size:12px}.tag{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:10px;font-size:11px;background:var(--surface2);color:var(--text-muted);vertical-align:middle}.sync-badges{display:inline-flex;gap:4px}.sync-badge{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;line-height:1;border:1px solid var(--border);background:var(--surface2);color:var(--text-muted);cursor:default}.sync-badge.sync-ok{background:rgba(var(--ok-rgb),.16);color:var(--ok);border-color:var(--ok)}.sync-badge.sync-pending{background:rgba(var(--warn-rgb),.16);color:var(--warn);border-color:var(--warn)}.sync-badge.sync-error{background:rgba(var(--danger-rgb),.16);color:var(--danger);border-color:var(--danger)}.people-sort-bar{display:flex;gap:8px;align-items:center}.people-sort-bar select{flex:1 1 auto}.people-card{display:flex;gap:12px;align-items:center;padding:10px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer}.people-card:active{background:var(--surface2)}.people-card .person-thumb{width:44px;height:58px;flex:0 0 auto}.people-card-body{flex:1 1 auto;min-width:0}.people-card-name{font-size:15px;margin-bottom:2px}.people-card-meta{font-size:12px;color:var(--text-muted);display:flex;gap:8px;flex-wrap:wrap}.person-editor{min-width:660px;max-width:94vw;max-height:92vh;overflow-y:auto;text-align:left}.person-editor-body{display:flex;gap:18px;align-items:flex-start}.person-editor-photo{flex:0 0 190px}.person-editor-fields{flex:1 1 auto}.person-editor-fields .span-2{grid-column:1 / -1}.person-levels{margin-top:12px;padding-top:10px;border-top:1px solid var(--border)}.person-levels-title{font-size:12px;color:var(--text-muted);margin-bottom:6px}.checkbox-row{display:flex;align-items:center;gap:8px;padding:4px 0}.checkbox-row input{width:auto}.photo-panel{display:flex;flex-direction:column;gap:8px}.photo-frame{position:relative;width:100%;aspect-ratio:3 / 4;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface2);display:flex;align-items:center;justify-content:center;overflow:hidden}.photo-frame img{width:100%;height:100%;object-fit:cover}.photo-empty{color:var(--text-muted);font-size:13px}.photo-busy{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:rgba(var(--accent-rgb),.14);color:var(--text)}.photo-frame-staged{border-color:var(--warn);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.12)}.photo-staged-note{font-size:12px;line-height:1.45;padding:8px;border:1px solid var(--warn);border-radius:var(--radius);background:var(--surface2)}.photo-staged-note strong{display:block;margin-bottom:2px}.photo-staged-note button{margin-top:6px;width:100%;padding:6px 8px}.photo-actions{display:flex;flex-wrap:wrap;gap:6px}.photo-actions button{flex:1 1 auto;padding:8px 10px}.photo-capture{display:flex;gap:6px}.photo-capture select{flex:1 1 auto;min-width:0}.photo-camera-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:400}.photo-camera-box{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px;width:min(480px,92vw);max-height:90vh;overflow:auto}.photo-camera-box video{width:100%;max-height:65vh;aspect-ratio:3 / 4;object-fit:cover;border-radius:var(--radius);background:#000;transform:scaleX(-1)}.photo-camera-actions{display:flex;gap:8px;flex-shrink:0}.photo-camera-actions button{flex:1 1 auto;padding:10px}.block-label{display:block;margin-bottom:10px}.schedule-editor{min-width:440px;max-width:94vw;text-align:left;max-height:88vh;overflow-y:auto}.interval-row{display:flex;gap:6px;align-items:center;margin:4px 0}.interval-row input[type=time]{width:110px}.interval-sep{color:var(--text-muted)}.interval-all-day-span{width:226px;color:var(--text-muted)}.interval-all-day-toggle{display:flex;align-items:center;gap:4px;margin-left:auto;padding-left:6px;font-size:12px;color:var(--text-muted);white-space:nowrap}.btn-link{background:none;border:none;padding:2px 4px;color:var(--accent);cursor:pointer;font-size:13px}.btn-link:hover{text-decoration:underline}.btn-link:disabled{color:var(--text-muted);cursor:not-allowed;text-decoration:none}.schedule-days{display:flex;flex-direction:column;gap:4px;margin:8px 0}.schedule-day{border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px}.schedule-day-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.schedule-day-name{font-weight:600}.schedule-day-actions{display:flex;gap:10px;flex-shrink:0}.schedule-copy-panel{margin-top:8px;padding:8px;background:var(--surface2);border-radius:var(--radius)}.schedule-copy-days{display:flex;flex-wrap:wrap;gap:8px 14px;margin:6px 0}.schedule-copy-days label{display:flex;align-items:center;gap:4px}.schedule-copy-actions{display:flex;justify-content:flex-end;gap:8px}.sync-banner{margin-bottom:10px;padding:7px 10px;border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);background:var(--surface2);font-size:13px;color:var(--text-muted)}.sync-banner-bad{border-left-color:var(--danger);color:var(--danger);cursor:pointer}.sync-report{margin-top:16px;padding:12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.sync-report h3{font-size:15px;margin-bottom:6px}.sync-summary{font-size:13px;color:var(--text-muted);margin-bottom:6px}.sync-changes{list-style:none;display:flex;flex-direction:column;gap:3px}.sync-change{font-size:13px;padding-left:10px;border-left:2px solid var(--border)}.sync-change.sync-ok{border-left-color:var(--ok)}.sync-change.sync-planned{border-left-color:var(--warn)}.sync-change.sync-failed{border-left-color:var(--danger);color:var(--danger)}.sync-change code{font-size:12px;color:var(--text-muted)}@media (max-width: 820px){.people-filters{flex-wrap:nowrap}.people-filters>input,.people-filters>select{flex:1 1 0;min-width:0}.people-count{flex:0 0 auto}.people-actions{width:100%}.people-actions .btn-primary{flex:1 1 auto}.people-actions .btn-dl{flex:0 0 auto}.person-editor{min-width:auto;width:96vw;padding:14px}.person-editor-body{flex-direction:column;align-items:stretch}.person-editor-photo{flex:1 1 auto;align-self:center;width:55%;max-width:200px}.person-editor-fields{grid-template-columns:1fr}.person-editor-fields .span-2{grid-column:auto}.schedule-editor{min-width:auto;width:96vw}.interval-row{flex-wrap:wrap}.people-subtabs{overflow-x:auto;flex-wrap:nowrap}}.mode-card-terminals{background:#8957e50f;border-color:#8957e559;color:#8957e5}.mode-card-terminals .mode-card-desc{color:#8957e5a6}.mode-card-terminals:hover{border-color:#8957e5;background:#8957e524}.mode-card-events{background:#2f7dd10f;border-color:#2f7dd159;color:#2f7dd1}.mode-card-events .mode-card-desc{color:#2f7dd1a6}.mode-card-events:hover{border-color:#2f7dd1;background:#2f7dd124}.terminals-view{display:flex;flex-direction:column;gap:16px;padding:4px 0 24px}.terminals-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.terminals-head-right{display:flex;align-items:center;gap:10px}.terminals-head h2,.terminals-log-title{font-family:var(--font-display);font-size:20px;font-weight:600;color:var(--text)}.terminals-log-title{margin-top:4px}.terminals-check{padding:7px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font-size:13px;cursor:pointer}.terminals-check:hover:not(:disabled){background:var(--surface2)}.terminals-check:disabled{opacity:.6;cursor:default}.door-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px}.door-panel{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--ok);border-radius:var(--radius);overflow:hidden}.door-panel.door-mode-always_open{border-left-color:var(--warn)}.door-panel.door-mode-always_close{border-left-color:var(--danger)}.door-panel.door-mode-unknown,.door-panel.door-mode-sleep{border-left-color:var(--border)}.door-summary{display:flex;flex-direction:column;gap:10px;padding:14px 16px;cursor:pointer}.door-summary:hover,.door-panel.expanded .door-summary{background:var(--surface2)}.door-head{display:flex;align-items:center;gap:10px}.door-name{font-size:16px;font-weight:600;color:var(--text)}.door-dir{display:inline-flex;align-items:center;gap:4px;font-size:11px;letter-spacing:.04em;text-transform:uppercase;padding:2px 8px;border-radius:10px;background:var(--surface2);color:var(--text-muted)}.door-panel.expanded .door-dir{background:var(--surface)}.door-dir-in{background:rgba(var(--accent-rgb),.16);color:var(--accent-hover)}.door-dir-arrow{font-size:12px}.door-refresh{margin-left:auto;background:none;border:none;color:var(--text-muted);font-size:17px;line-height:1;cursor:pointer}.door-refresh:hover:not(:disabled){color:var(--text)}.door-refresh:disabled{opacity:.5;cursor:default}.door-state{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.door-badge{font-size:15px;font-weight:600;padding:4px 12px;border-radius:12px;background:var(--surface2);color:var(--text-muted)}.door-badge-normal{background:rgba(var(--ok-rgb),.16);color:var(--ok)}.door-badge-always_open{background:rgba(var(--warn-rgb),.2);color:var(--warn)}.door-badge-always_close{background:rgba(var(--danger-rgb),.16);color:var(--danger)}.door-lock,.door-leaf,.door-pulse{font-size:12px;color:var(--text-muted)}.door-lock-unlocked{color:var(--warn)}.door-pulse{color:var(--ok)}.door-chevron{margin-left:auto;color:var(--text-muted);font-size:11px}.door-body{display:flex;flex-direction:column;gap:10px;padding:12px 16px 14px;border-top:1px solid var(--border)}.door-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.door-btn{position:relative;padding:8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface2);color:var(--text);font-size:12.5px;cursor:pointer;transition:border-color .15s,background .15s}.door-btn:hover:not(:disabled){border-color:var(--accent);background:var(--surface)}.door-btn:disabled{cursor:default}.door-btn:disabled:not(.current){opacity:.5}.door-btn-normal{border-color:rgba(var(--ok-rgb),.45);color:var(--ok)}.door-btn-open{border-color:rgba(var(--accent-rgb),.55);color:var(--accent-hover)}.door-btn-block{border-color:rgba(var(--danger-rgb),.45);color:var(--danger)}.door-btn.current{font-weight:600;border-width:2px;background:color-mix(in srgb,currentColor 12%,var(--surface))}.door-btn-current{display:block;font-size:9px;font-weight:400;letter-spacing:.04em;text-transform:uppercase;opacity:.75}.door-hint{font-size:12px;color:var(--text-muted);line-height:1.4}.door-hint-warn{color:var(--warn);background:rgba(var(--warn-rgb),.1);border:1px solid rgba(var(--warn-rgb),.35);border-radius:var(--radius);padding:8px 10px}.door-error{font-size:13px;color:var(--danger)}.terminal-live{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;border-radius:var(--radius);overflow:hidden}.terminal-live-video{width:100%;height:100%;object-fit:cover;display:block}.terminal-live-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#0000008c;color:#fff;font-size:12px;text-align:center;padding:0 14px}.terminal-live-retry{padding:4px 12px;border:1px solid rgba(255,255,255,.4);border-radius:var(--radius);background:#ffffff14;color:#fff;font-size:12px;cursor:pointer}.terminal-live-retry:hover{background:#ffffff2e}.problems{display:flex;flex-direction:column;gap:4px;padding:10px 14px;border:1px solid rgba(var(--danger-rgb),.5);border-radius:var(--radius);background:rgba(var(--danger-rgb),.06);font-size:13px}.problems-title{font-weight:600;color:var(--text)}.problems-ok{font-size:13px;color:var(--ok)}.problems-line{color:var(--danger)}.problems-sync summary{cursor:pointer;color:var(--danger)}.access-log{display:flex;flex-direction:column;gap:12px}.log-filters{display:flex;flex-direction:column;gap:10px;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.log-filter-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 14px}.log-filter{display:flex;flex-direction:column;gap:4px}.log-filter-label{font-size:11px;color:var(--text-muted)}.log-filter select,.log-filter input,.log-periods input{padding:7px 9px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);font-size:13px}.log-filter-search{flex:1 1 240px}.log-filter-search input{width:100%}.log-chips{display:flex;flex-wrap:wrap;gap:6px}.log-chip{padding:6px 13px;border:1px solid var(--border);border-radius:14px;background:var(--surface2);color:var(--text-muted);font-size:12px;cursor:pointer}.log-chip:hover{color:var(--text)}.log-chip.active{border-color:var(--accent);color:var(--text);background:rgba(var(--accent-rgb),.14)}.log-chip-access_pass.active{border-color:rgba(var(--ok-rgb),.6);color:var(--ok);background:rgba(var(--ok-rgb),.12)}.log-chip-access_denied.active{border-color:rgba(var(--danger-rgb),.6);color:var(--danger);background:rgba(var(--danger-rgb),.1)}.log-chip-access_door.active{border-color:rgba(var(--warn-rgb),.6);color:var(--warn);background:rgba(var(--warn-rgb),.12)}.log-chip-face_recognition.active{border-color:rgba(var(--ok-rgb),.6);color:var(--ok);background:rgba(var(--ok-rgb),.12)}.log-periods{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.log-period{padding:6px 11px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface2);color:var(--text-muted);font-size:12px;cursor:pointer}.log-period.active{border-color:var(--accent);color:var(--text)}.log-period-dash{color:var(--text-muted)}.log-filter-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.log-filters-toggle{display:none}.log-auto{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted)}.log-reset{padding:6px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface2);color:var(--text);font-size:12px;cursor:pointer}.log-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:32px 16px;color:var(--text-muted);text-align:center}.log-list{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:clip}.log-day{position:sticky;top:0;z-index:1;padding:6px 14px;background:var(--surface2);border-bottom:1px solid var(--border);font-size:12px;font-weight:600;color:var(--text-muted)}.log-row{display:grid;grid-template-columns:72px minmax(150px,260px) minmax(190px,320px) 1fr 34px;align-items:center;gap:12px;padding:9px 14px;border-bottom:1px solid var(--border);cursor:pointer;font-size:13px}.log-row:last-child{border-bottom:none}.log-row:hover,.log-row.open{background:var(--surface2)}.log-row-access_denied{background:rgba(var(--danger-rgb),.05)}.log-row-access_denied:hover{background:rgba(var(--danger-rgb),.09)}.log-time{color:var(--text-muted);font-variant-numeric:tabular-nums}.log-person{background:none;border:none;padding:0;color:var(--accent-hover);font-size:13px;cursor:pointer;text-align:left}.log-person:hover{text-decoration:underline}.log-person-none{color:var(--text-muted)}.log-where{display:flex;align-items:center;gap:6px;justify-content:flex-end;color:var(--text-muted);font-size:12px}.log-direction{padding:1px 7px;border-radius:8px;background:var(--surface2);border:1px solid var(--border)}.log-direction-in{color:var(--accent-hover)}.log-marks{display:flex;align-items:center;justify-content:flex-end;gap:6px;color:var(--text-muted)}.log-chevron{font-size:11px}.log-badge{justify-self:start;padding:3px 10px;border-radius:10px;font-size:12px;background:var(--surface2);color:var(--text-muted)}.log-badge-access_pass{background:rgba(var(--ok-rgb),.16);color:var(--ok)}.log-badge-access_denied{background:rgba(var(--danger-rgb),.16);color:var(--danger)}.log-badge-access_door{background:rgba(var(--warn-rgb),.16);color:var(--warn)}.log-badge-face_recognition{background:rgba(var(--ok-rgb),.16);color:var(--ok)}.log-details{display:flex;gap:16px;padding:12px 14px 16px;border-bottom:1px solid var(--border);background:var(--bg)}.log-details-body{flex:1 1 auto;display:flex;flex-direction:column;gap:10px;min-width:0}.log-details-grid{display:grid;grid-template-columns:max-content 1fr;gap:4px 14px;font-size:13px}.log-details-key{color:var(--text-muted)}.log-details-val{color:var(--text);word-break:break-word}.log-details-missing{font-size:12px;color:var(--text-muted)}.log-raw summary{cursor:pointer;font-size:12px;color:var(--text-muted)}.log-raw pre{margin-top:6px;padding:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);font-size:12px;overflow-x:auto;max-height:320px}.log-picture-group{display:flex;gap:8px;flex-wrap:wrap}.log-picture-btn{padding:0;border:none;background:none;cursor:pointer;align-self:flex-start}.log-picture{display:block;width:auto;max-width:220px;max-height:220px;border-radius:var(--radius);border:1px solid var(--border);transition:border-color .15s}.log-picture-btn:hover .log-picture{border-color:var(--accent)}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#000000d9;cursor:zoom-out}.lightbox-img{max-width:min(92vw,900px);max-height:78vh;object-fit:contain;border-radius:var(--radius);cursor:default;box-shadow:0 8px 32px #00000080}.lightbox-caption{display:flex;align-items:baseline;gap:10px;color:#fff;font-size:14px;cursor:default}.lightbox-who{font-weight:600}.lightbox-when{color:#ffffffa6;font-size:13px}.lightbox-close{position:fixed;top:16px;right:20px;background:#ffffff14;border:1px solid rgba(255,255,255,.25);border-radius:var(--radius);color:#fff;font-size:16px;width:36px;height:36px;cursor:pointer}.lightbox-close:hover{background:#ffffff2e}.log-more{align-self:center;padding:9px 22px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);cursor:pointer}.log-more:hover:not(:disabled){background:var(--surface2)}.log-more-sentinel{border:none;background:none;cursor:default;color:var(--text-muted);font-size:13px}.person-card-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:40}.person-card{position:fixed;top:0;right:0;bottom:0;width:min(420px,94vw);z-index:41;display:flex;flex-direction:column;gap:12px;padding:16px;overflow-y:auto;overscroll-behavior:contain;background:var(--surface);border-left:1px solid var(--border)}.person-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;position:sticky;top:-16px;z-index:1;margin:-16px -16px 0;padding:16px 16px 8px;background:var(--surface)}.person-card-head h3{font-family:var(--font-display);font-size:18px;text-align:left;flex:1 1 auto}.person-card-close{flex:0 0 auto;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:var(--radius);color:var(--text-muted);font-size:18px;cursor:pointer}.person-card-close:hover{background:var(--surface2);color:var(--text)}.person-card-empty{color:var(--text-muted);font-size:13px}.person-card-body{display:flex;flex-direction:column;gap:14px;flex:1 1 auto}.person-card-top{display:flex;gap:14px;align-items:flex-start}.person-card-photo{width:96px;height:120px;object-fit:cover;border-radius:var(--radius);border:1px solid var(--border)}.person-card-photo-empty{display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px;color:var(--text-muted);background:var(--surface2)}.person-card-name{font-size:16px;font-weight:600;color:var(--text)}.person-card-employee{font-size:12px;color:var(--text-muted)}.person-card-fields{display:grid;grid-template-columns:max-content 1fr;gap:4px 12px;font-size:13px}.person-card-fields dt{color:var(--text-muted)}.person-card-fields dd{color:var(--text)}.person-card-section h4{font-size:13px;color:var(--text-muted);margin-bottom:4px}.person-card-list{list-style:none;display:flex;flex-direction:column;gap:4px;font-size:13px}.person-card-muted{font-size:13px;color:var(--text-muted)}.person-card-error{font-size:12px;color:var(--danger)}.person-card-warn{color:var(--warn)}.person-card-actions{display:flex;gap:8px;margin-top:auto;padding-top:4px}.person-card-edit,.person-card-close-btn{flex:1 1 auto;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface2);color:var(--text);font-size:13px;cursor:pointer}.person-card-edit:hover,.person-card-close-btn:hover{border-color:var(--accent)}.sync-state-ok{color:var(--ok)}.sync-state-pending{color:var(--warn)}.sync-state-error{color:var(--danger)}.access-terminals-grant{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:14px;color:var(--text)}.badge-door{margin-left:6px;background:#8957e529;color:#8957e5}.badge-events{margin-left:6px;background:#2f7dd129;color:#2f7dd1}@media (max-width: 820px){.terminals-view{gap:12px}.door-grid{grid-template-columns:1fr}.door-btn{padding:10px 6px;font-size:13px}.log-filters{padding:10px}.log-filter-row{gap:8px}.log-filter-search{flex:1 1 100%}.log-filter-actions{margin-left:0;width:100%;justify-content:space-between}.log-periods,.log-chips{width:100%}.log-chip,.log-period{flex:1 1 auto;text-align:center}.log-filters-toggle{display:block;align-self:flex-end;padding:7px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface2);color:var(--text);font-size:13px;cursor:pointer}.log-filters-toggle.active{border-color:var(--accent)}.log-filters-extra{display:none}.log-filters-extra.open{display:flex}.log-filters-extra .log-filter,.log-filters-extra select{width:100%}.log-row{grid-template-columns:64px 1fr 28px;grid-template-areas:"time   where  chevron" "person person person" "badge  badge  badge";row-gap:5px;padding:11px 12px}.log-time{grid-area:time;font-size:12px}.log-person-cell{grid-area:person;min-width:0}.log-person,.log-person-none{font-size:15px}.log-badge{grid-area:badge;justify-self:start}.log-where{grid-area:where;justify-content:flex-start}.log-marks{grid-area:chevron}.log-person,.log-person-none{padding:3px 0}.log-details{flex-direction:column}.log-picture{width:100%;max-width:260px;align-self:center}.person-card{width:100vw;border-left:none;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.person-card-photo{width:116px;height:145px}.person-card-name{font-size:18px}.person-card-actions{position:sticky;bottom:0;padding-bottom:4px;background:var(--surface)}.person-card-edit,.person-card-close-btn{min-height:44px}}.ua-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:8px;margin-bottom:12px}.ua-stat{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);text-align:left;font:inherit}button.ua-stat{cursor:pointer}button.ua-stat:hover{background:var(--surface2)}.ua-stat.active{border-color:var(--accent);background:rgba(var(--accent-rgb),.1)}.ua-stat-value{font-size:20px;font-weight:600;font-variant-numeric:tabular-nums}.ua-stat-label{font-size:11px;color:var(--text-muted)}.ua-stat-warn .ua-stat-value{color:var(--warn)}.ua-stat-danger .ua-stat-value{color:var(--danger)}.ua-export{padding:7px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface2);color:var(--text-muted);font-size:13px;text-decoration:none}.ua-export:hover{border-color:var(--accent);color:var(--accent)}.ua-row{grid-template-columns:130px minmax(150px,230px) minmax(150px,240px) 1fr 62px}.ua-row-failed{background:rgba(var(--danger-rgb),.05)}.ua-row-failed:hover{background:rgba(var(--danger-rgb),.09)}.ua-user-cell{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ua-target{color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ua-count{padding:1px 7px;border-radius:8px;background:var(--surface2);border:1px solid var(--border);font-size:11px;font-variant-numeric:tabular-nums}.ua-card-count{color:var(--text-muted);font-variant-numeric:tabular-nums}@media (max-width: 820px){.ua-row{grid-template-columns:118px 1fr 34px;grid-template-areas:"time   target chevron" "user   user   user" "badge  badge  badge";row-gap:5px}.ua-user-cell{grid-area:user}.ua-target{grid-area:target;text-align:right;font-size:12px}.ua-row .log-badge{grid-area:badge}.ua-row .log-marks{grid-area:chevron}.ua-row .log-person{font-size:15px;padding:3px 0}.ua-stats{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:6px}.ua-stat{padding:8px 10px}.ua-stat-value{font-size:17px}.ua-export{width:100%;text-align:center;padding:10px 14px}}