.yarl__fullsize{height:100%;width:100%}.yarl__relative{position:relative}.yarl__portal{bottom:0;left:0;opacity:0;overflow:hidden;position:fixed;right:0;top:0;transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);z-index:var(--yarl__portal_zindex,9999)}.yarl__portal_open{opacity:1}.yarl__container{background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));bottom:0;left:0;outline:none;overflow:hidden;overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain);position:absolute;right:0;top:0;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;-moz-user-select:none;user-select:none}.yarl__carousel{align-content:center;align-items:stretch;display:flex;flex:0 0 auto;height:100%;justify-content:center;opacity:var(--yarl__pull_opacity,1);transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px, 0)*1px + var(--yarl__carousel_spacing_percent, 0)*1%))}.yarl__carousel_with_slides{-moz-column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%);column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%)}.yarl__flex_center{align-content:center;align-items:center;display:flex;justify-content:center}.yarl__slide{flex:1;overflow:hidden;padding:calc(var(--yarl__carousel_padding_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_padding_percent, 0)*1%);position:relative}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;touch-action:var(--yarl__controller_touch_action,none);-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.yarl__slide_image_cover{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.yarl__slide_image_loading{opacity:0}@media screen and (min-width:800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transform-style:preserve-3d}}.yarl__slide_placeholder{left:50%;line-height:0;position:absolute;top:50%;transform:translate(-50%) translateY(-50%)}.yarl__slide_loading{animation:yarl__delayed_fadein 1s linear;color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,hsla(0,0%,100%,.8)))}.yarl__slide_loading line{animation:yarl__stroke_opacity 1s linear infinite}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{color:var(--yarl__slide_icon_error_color,red);height:var(--yarl__slide_icon_error_size,48px);width:var(--yarl__slide_icon_error_size,48px)}@media (prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:unset}.yarl__slide_loading,.yarl__slide_loading line{animation:unset}}.yarl__toolbar{bottom:auto;display:flex;justify-content:flex-end;left:auto;padding:var(--yarl__toolbar_padding,8px);position:absolute;right:0;top:0}[dir=rtl] .yarl__toolbar{bottom:auto;left:0;right:auto;top:0}.yarl__icon{height:var(--yarl__icon_size,32px);width:var(--yarl__icon_size,32px)}.yarl__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--yarl__button_background_color,transparent);border:var(--yarl__button_border,0);color:var(--yarl__color_button,hsla(0,0%,100%,.8));cursor:pointer;filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));line-height:0;margin:var(--yarl__button_margin,0);outline:none;padding:var(--yarl__button_padding,8px);-webkit-tap-highlight-color:transparent}.yarl__button:focus{color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:var(--yarl__color_button,hsla(0,0%,100%,.8))}.yarl__button:focus-visible{color:var(--yarl__color_button_active,#fff)}@media (hover:hover){.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:var(--yarl__color_button_disabled,hsla(0,0%,100%,.4));cursor:default}.yarl__navigation_next,.yarl__navigation_prev{padding:var(--yarl__navigation_button_padding,24px 16px);position:absolute;top:50%;transform:translateY(-50%)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:unset;right:0;transform:translateY(-50%) rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:unset;transform:translateY(-50%) rotate(180deg)}.yarl__no_scroll{height:100%;overflow:hidden;overscroll-behavior:none}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}.yarl__slide_captions_container{background:var(--yarl__slide_captions_container_background,rgba(0,0,0,.5));left:var(--yarl__slide_captions_container_left,0);padding:var(--yarl__slide_captions_container_padding,16px);position:absolute;right:var(--yarl__slide_captions_container_right,0);-webkit-transform:translateZ(0)}.yarl__slide_title{color:var(--yarl__slide_title_color,#fff);font-size:var(--yarl__slide_title_font_size,125%);font-weight:var(--yarl__slide_title_font_weight,bolder);max-width:calc(100% - var(--yarl__toolbar_width, 0px));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yarl__slide_title_container{top:var(--yarl__slide_title_container_top,0)}.yarl__slide_description{display:-webkit-box;-webkit-hyphens:auto;hyphens:auto;overflow:hidden;-webkit-box-orient:vertical;color:var(--yarl__slide_description_color,#fff);-webkit-line-clamp:var(--yarl__slide_description_max_lines,3);text-align:var(--yarl__slide_description_text_align,start)}.yarl__slide_description_container{bottom:var(--yarl__slide_description_container_bottom,0)}:root{--font-sans: "Inter", system-ui, -apple-system, sans-serif;--bg-base: #0a0f1a;--bg-surface: #111827;--bg-elevated: #1e293b;--bg-hover: #273449;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--accent: #3b82f6;--accent-hover: #2563eb;--text-on-accent: #ffffff;--success: #10b981;--success-muted: rgba(16, 185, 129, .15);--warning: #f59e0b;--warning-muted: rgba(245, 158, 11, .15);--danger: #ef4444;--danger-muted: rgba(239, 68, 68, .15);--online: #10b981;--offline: #64748b;--highlight: #f97316;--badge-purple: #8b5cf6;--border-subtle: rgba(148, 163, 184, .1);--border-default: rgba(148, 163, 184, .15);--border-hover: rgba(148, 163, 184, .25);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(59, 130, 246, .15);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--transition-fast: .15s ease;--transition-base: .2s ease;--footer-height: 56px}[data-theme=light]{--bg-base: #f8fafc;--bg-surface: #ffffff;--bg-elevated: #f1f5f9;--bg-hover: #e2e8f0;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--accent: #2563eb;--accent-hover: #1d4ed8;--text-on-accent: #ffffff;--success: #059669;--success-muted: rgba(5, 150, 105, .12);--warning: #d97706;--warning-muted: rgba(217, 119, 6, .12);--danger: #dc2626;--danger-muted: rgba(220, 38, 38, .12);--online: #059669;--offline: #94a3b8;--highlight: #ea580c;--badge-purple: #7c3aed;--border-subtle: rgba(15, 23, 42, .06);--border-default: rgba(15, 23, 42, .1);--border-hover: rgba(15, 23, 42, .15);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-glow: 0 0 20px rgba(37, 99, 235, .1)}*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:var(--font-sans);background:var(--bg-base);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}#root{min-height:100%}a{color:var(--accent)}a:hover{text-decoration:underline}.app-layout{display:flex;flex-direction:column;min-height:100vh;width:100%}.app-header{flex-shrink:0;background:var(--bg-surface);border-bottom:1px solid var(--border-default);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100}.app-header .header-content{max-width:1200px;margin:0 auto;padding:var(--space-4) var(--space-6);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.app-header .nav-left{display:flex;align-items:center;gap:var(--space-6)}.app-header .nav-group-select{padding:6px 10px;border-radius:6px;border:1px solid var(--border-color);background:var(--input-bg);color:var(--text-primary);font-size:.9rem;min-width:140px}.app-header .nav-group-select:focus{outline:none;border-color:var(--focus-ring)}.app-header .nav-right{display:flex;align-items:center;gap:var(--space-4)}.app-main{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;padding-bottom:var(--footer-height)}.app-main-content{flex:1;max-width:1200px;margin:0 auto;padding:var(--space-6);width:100%}.app-footer{flex-shrink:0;position:fixed;bottom:0;left:0;right:0;z-index:50;background:var(--bg-surface);border-top:1px solid var(--border-subtle);padding:var(--space-3) var(--space-6);box-shadow:0 -1px 0 var(--border-subtle)}.app-footer .footer-content{position:relative}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-3);font-size:.8125rem;color:var(--text-muted)}.footer-left{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.footer-app-name{font-weight:600;color:var(--text-secondary)}.footer-sep{color:var(--text-muted);opacity:.6;-webkit-user-select:none;user-select:none}.footer-sep-lg{display:none}@media (min-width: 900px){.footer-sep-lg{display:inline}}.footer-version-btn{font:inherit;font-weight:500;color:var(--text-secondary);background:none;border:none;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:2px;transition:color var(--transition-fast)}.footer-version-btn:hover{color:var(--accent)}.footer-git-hash{font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:.75em;letter-spacing:.02em;color:var(--text-muted)}.footer-copyright{color:var(--text-muted)}.footer-right{flex-shrink:0}.footer-link{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color var(--transition-fast)}.footer-link:hover{color:var(--accent)}.footer-details{position:absolute;bottom:calc(100% + var(--space-2));left:0;right:0;max-width:1200px;margin:0 auto;padding:0;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:.8125rem;box-shadow:var(--shadow-lg);overflow:hidden}.footer-details-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);font-weight:600;font-size:.875rem;color:var(--text-primary)}.footer-details-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;font-size:1.25rem;line-height:1;transition:background var(--transition-fast),color var(--transition-fast)}.footer-details-close:hover{background:var(--bg-hover);color:var(--text-primary)}.footer-details-body{padding:var(--space-4);margin:0}.footer-details-row{display:grid;grid-template-columns:100px 1fr;gap:var(--space-2) var(--space-4);padding:var(--space-2) 0;border-bottom:1px solid var(--border-subtle);font-family:var(--font-sans)}.footer-details-row:last-of-type{border-bottom:none}.footer-details-row dt{margin:0;font-weight:500;color:var(--text-muted);font-size:.8125rem}.footer-details-row dd{margin:0;color:var(--text-primary);font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:.8125rem;word-break:break-all}.footer-details-branch{color:var(--text-muted);font-weight:400}.footer-dirty-warning{margin:var(--space-3) 0 0;padding:var(--space-2) var(--space-3);background:var(--warning-muted);color:var(--warning);font-weight:500;font-size:.8125rem;border-radius:var(--radius-sm)}.footer-view-history-btn{margin:var(--space-3) var(--space-4) var(--space-4);padding:var(--space-2) var(--space-3);font-size:.8125rem;font-family:var(--font-sans);font-weight:500;background:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.footer-view-history-btn:hover{background:var(--accent);color:var(--text-on-accent);border-color:var(--accent)}[data-theme=light] .app-header{background:#fff;border-bottom:1px solid rgba(0,0,0,.06);box-shadow:0 1px 3px #0000000a}[data-theme=light] .app-footer{background:#fff;border-top:1px solid rgba(0,0,0,.06)}@media (max-width: 768px){.app-header .header-content{padding:var(--space-3) var(--space-4)}.app-main-content{padding:var(--space-4)}.app-footer{padding:var(--space-3) var(--space-4)}.footer-content{flex-wrap:nowrap;justify-content:space-between;gap:var(--space-2);font-size:.75rem}.footer-left{font-size:.75rem;gap:var(--space-2);flex-shrink:1;min-width:0}.footer-right{font-size:.75rem;flex-shrink:0}.footer-mobile-hide{display:none!important}.footer-details{left:var(--space-4);right:var(--space-4);max-width:none}.alerts-filter-section{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.alerts-filter-section .filter-group{min-width:0}.alerts-filter-section .filter-select{width:100%}.alerts-filter-section .filter-clear-btn{grid-column:1 / -1}.nav-brand{font-size:.95rem}.nav-link{font-size:.9rem}.nav-user-link span.nav-role{display:none}}@media (max-width: 600px){section>h1{font-size:1.35rem;margin-bottom:var(--space-4)}.device-table-controls{flex-direction:column;align-items:stretch;padding:var(--space-3)}.device-search-input{max-width:none}.device-table th,.device-table td{padding:var(--space-2) var(--space-3);font-size:.8rem}.device-table .device-name-link{font-size:.85rem}.device-table-container{margin-left:calc(-1 * var(--space-4));margin-right:calc(-1 * var(--space-4));border-radius:0;border-left:none;border-right:none}.user-management{overflow-x:hidden}.users-list{margin-left:calc(-1 * var(--space-4));margin-right:calc(-1 * var(--space-4));border-radius:0;border-left:none;border-right:none}.users-table{font-size:.8rem;min-width:560px}.users-list{overflow-x:auto;-webkit-overflow-scrolling:touch}.users-table th,.users-table td{padding:var(--space-2) var(--space-3)}.edit-user-form{padding:var(--space-3) 0}.edit-user-fields{flex-direction:column;gap:var(--space-3)}.edit-user-fields label{min-width:0}.edit-user-actions{flex-wrap:wrap}.edit-form .form-row{grid-template-columns:1fr}.actions-cell{white-space:normal}.actions-cell .btn-edit-small,.actions-cell .btn-reset,.actions-cell .btn-delete{margin-bottom:.25rem;margin-right:.25rem}.alerts-filter-section{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);padding:var(--space-4);align-items:stretch}.alerts-filter-section .filter-group{min-width:0}.alerts-filter-section .filter-select{width:100%;min-height:36px}.alerts-filter-section .filter-clear-btn{grid-column:1 / -1;justify-self:start}.notifications-tabs{flex-wrap:wrap;gap:var(--space-2)}.notifications-tab{font-size:.85rem;padding:.4rem .7rem}}@media (max-width: 480px){.app-header .header-content{padding:var(--space-2) var(--space-3)}.app-main-content{padding:var(--space-3)}.app-footer{padding:var(--space-2) var(--space-3)}.footer-content,.footer-left,.footer-right{font-size:.7rem}.device-table-container,.users-list{margin-left:calc(-1 * var(--space-3));margin-right:calc(-1 * var(--space-3))}.filter-pills{flex-wrap:wrap}.filter-pill{font-size:.8rem;padding:.35rem .6rem}.alerts-filter-section{grid-template-columns:1fr}.user-header{flex-direction:column;align-items:stretch;gap:var(--space-3)}.user-header .btn-add{width:100%}.modal-overlay{padding:var(--space-3);align-items:flex-start;overflow-y:auto}.modal-content{width:100%;max-width:none;margin:auto}.edit-form,.edit-page{max-width:100%}}section>h1{font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin:0 0 var(--space-6);color:var(--text-primary)}.device-list{list-style:none;padding:0}.device-list-item{padding:12px 0;border-bottom:1px solid var(--border-default)}.device-list-name{font-size:16px;text-decoration:none}.device-list-name:hover{text-decoration:underline}.device-list-meta{margin-left:12px;color:var(--text-secondary);font-size:14px}.heartbeat{font-weight:500}.heartbeat-ok{color:var(--success)}.heartbeat-warn{color:var(--warning)}.heartbeat-stale{color:var(--text-secondary)}.device-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-5)}.device-table-controls{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);padding:var(--space-4);background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border-subtle);flex-wrap:wrap}.device-search-group{display:flex;align-items:center;gap:var(--space-2);min-width:0}.device-search-input{width:100%;min-width:200px;max-width:280px;padding:var(--space-2) var(--space-3);font-size:.9rem;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);outline:none;transition:border-color .15s ease}.device-search-input::placeholder{color:var(--text-muted)}.device-search-input:focus{border-color:var(--focus-ring);box-shadow:0 0 0 2px var(--focus-ring-alpha)}.filter-group{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.filter-label{font-size:.85rem;font-weight:500;color:var(--text-secondary);white-space:nowrap}.filter-pills{display:flex;gap:var(--space-2);flex-wrap:wrap}.filter-pill{padding:.4rem .8rem;font-size:.85rem;font-weight:500;font-family:var(--font-sans);background:transparent;color:var(--text-secondary);border:1px solid var(--border-default);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.filter-pill:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-hover)}.filter-pill.active{background:var(--accent);color:#fff;border-color:var(--accent)}.device-count{font-size:.85rem;color:var(--text-muted);white-space:nowrap}.device-table-container{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.device-table{width:100%;border-collapse:collapse;font-size:.9rem}.device-table thead{background:var(--bg-elevated);border-bottom:2px solid var(--border-default)}.device-table th{text-align:left;padding:var(--space-4) var(--space-4);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);white-space:nowrap}.device-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast)}.device-table th.sortable:hover{background:var(--bg-hover);color:var(--text-primary)}.device-table .th-content{display:flex;align-items:center;gap:var(--space-2)}.device-table .sort-icon{font-size:1rem;color:var(--accent)}.device-table tbody tr{border-bottom:1px solid var(--border-subtle);transition:background var(--transition-fast)}.device-table tbody tr:last-child{border-bottom:none}.device-table tbody tr:hover{background:var(--bg-hover)}.device-table tbody tr.online{border-left:3px solid var(--online)}.device-table tbody tr.offline{border-left:3px solid var(--border-subtle)}.device-table td{padding:var(--space-4) var(--space-4);vertical-align:middle}.device-name-cell{font-weight:500}.device-name-link{color:var(--text-primary);text-decoration:none;transition:color var(--transition-fast);display:inline-flex;align-items:center;gap:var(--space-2)}.device-name-link:hover{color:var(--accent);text-decoration:none}.device-badges{display:inline-flex;gap:var(--space-2);margin-left:var(--space-2)}.status-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:.25rem .6rem;border-radius:999px;font-size:.8rem;font-weight:500;white-space:nowrap}.status-badge.status-online{background:var(--success-muted);color:var(--success)}.status-badge.status-offline{background:#64748b26;color:var(--text-muted)}.status-badge.status-unconfigured{background:var(--warning-muted);color:var(--warning)}.status-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.last-seen-cell{font-variant-numeric:tabular-nums}.battery-cell{display:flex;align-items:center;gap:var(--space-3)}.battery-text{font-weight:600;font-variant-numeric:tabular-nums;min-width:40px}.battery-bar-small{width:60px;height:6px;background:var(--bg-hover);border-radius:3px;overflow:hidden}.battery-bar-small .battery-fill{height:100%;background:var(--success);border-radius:3px;transition:width var(--transition-base)}.battery-bar-small .battery-fill.low{background:var(--danger)}.battery-bar-small .battery-fill.medium{background:var(--warning)}.location-cell{color:var(--text-secondary);font-size:.85rem}.badge-alert-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;padding:.25rem .5rem;font-size:.8rem;font-weight:600;background:var(--danger-muted);color:var(--danger);border-radius:var(--radius-sm)}.badge-alert-link{text-decoration:none;cursor:pointer;transition:all var(--transition-fast)}.badge-alert-link:hover{background:var(--danger);color:#fff;transform:scale(1.05)}.text-muted{color:var(--text-muted)}[data-theme=light] .device-table-container{background:#fff;border:none;box-shadow:0 0 0 1px #00000008,0 1px 3px #0000000a,0 4px 8px #00000005}[data-theme=light] .device-table thead{background:#f8fafc}[data-theme=light] .device-table th.sortable:hover{background:#f1f5f9}[data-theme=light] .device-table tbody tr:hover{background:#f8fafc}[data-theme=light] .battery-bar-small{background:#e2e8f0}@media (max-width: 900px){.device-table-container{overflow-x:auto}.device-table{min-width:800px}}.device-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);text-decoration:none;color:inherit;display:block;transition:all var(--transition-base);position:relative;overflow:hidden}.device-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--online);opacity:0;transition:opacity var(--transition-base)}.device-card[data-status=online]:before{opacity:1}.device-card[data-status=offline]:before{background:var(--offline);opacity:1}.device-card:hover{border-color:var(--border-hover);background:var(--bg-elevated);box-shadow:var(--shadow-md);transform:translateY(-2px);text-decoration:none}.device-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.device-card-name{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.01em}.device-card-badges{display:flex;flex-wrap:wrap;gap:var(--space-2)}.device-card-status{display:flex;align-items:center;gap:var(--space-2);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.device-card-status .status-dot{width:8px;height:8px;border-radius:50%;background:var(--online);box-shadow:0 0 8px var(--online)}.device-card-status .status-dot.offline{background:var(--offline);box-shadow:none}.device-card-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.metric{text-align:center}.metric-value{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.metric-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:var(--space-1)}.battery-bar{width:100%;height:4px;background:var(--bg-hover);border-radius:2px;overflow:hidden;margin-top:var(--space-2)}.battery-fill{height:100%;background:var(--success);border-radius:2px;transition:width var(--transition-base)}.battery-fill.low{background:var(--danger)}.battery-fill.medium{background:var(--warning)}.device-card-footer{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);font-size:.8rem;color:var(--text-muted)}.badge{display:inline-flex;align-items:center;padding:.2rem .5rem;margin-left:.5rem;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;border-radius:var(--radius-sm);gap:var(--space-1);vertical-align:middle}.badge-unconfigured{background:var(--warning-muted);color:var(--warning)}.badge-pending{background:var(--warning);color:var(--bg-base)}.badge-ws{font-size:.65rem;padding:.1rem .35rem}.badge-ws-connected{background:var(--success-muted);color:var(--success)}.badge-ws-disconnected{background:#94a3b833;color:var(--text-muted)}.badge-alert{background:var(--danger-muted);color:var(--danger)}.system-status-intro{color:var(--text-secondary);font-size:.95rem;margin:0 0 var(--space-5)}.server-storage-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-6)}.server-storage-title{font-size:1rem;font-weight:600;margin:0 0 var(--space-1);color:var(--text-primary)}.server-storage-desc{font-size:.85rem;color:var(--text-muted);margin:0 0 var(--space-3)}.server-storage-desc code{font-size:.8em;background:var(--bg-muted);padding:.1em .35em;border-radius:var(--radius-sm)}.server-storage-stats{font-size:.9rem;display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .5rem}.server-storage-sep{color:var(--text-muted);-webkit-user-select:none;user-select:none}.server-storage-pct{margin-left:.5rem}.server-storage-error{font-size:.85rem;margin:0}.server-storage-breakdown{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.server-storage-breakdown-title{font-size:.9rem;font-weight:600;color:var(--text-secondary);margin:0 0 var(--space-3)}.server-storage-breakdown-row,.server-storage-breakdown-db{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;padding:var(--space-2) 0}.server-storage-breakdown-db{padding-bottom:var(--space-3)}.server-storage-breakdown-label{color:var(--text-secondary)}.server-storage-breakdown-value{color:var(--text-primary)}.server-storage-device-list{list-style:none;margin:0;padding:0}.server-storage-device-item{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;padding:var(--space-2) 0;border-top:1px solid var(--border-subtle)}.server-storage-device-item .server-storage-breakdown-label{color:var(--text-primary)}.server-storage-breakdown-empty{font-size:.85rem;margin:var(--space-3) 0 0}.pending-section{background:linear-gradient(135deg,var(--bg-surface) 0%,rgba(245,158,11,.05) 100%);border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6)}.pending-section h2{color:var(--warning);font-size:1rem;font-weight:600;margin:0 0 var(--space-2);display:flex;align-items:center;gap:var(--space-2)}.pending-desc{margin:0 0 1rem;font-size:.85rem;color:var(--text-secondary)}.pending-section .device-list{margin:0}.pending-item{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.pending-info{flex:1;min-width:200px}.pending-name{display:block;font-size:1rem;color:var(--text-primary);margin-bottom:.25rem}.pending-info code{background:var(--bg-base);padding:.15rem .4rem;border-radius:4px;font-size:.8rem;color:var(--accent)}.pending-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.btn-approve{padding:.45rem .9rem;font-size:.85rem;font-family:var(--font-sans);background:var(--success);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:600;transition:all var(--transition-fast)}.btn-approve:hover:not(:disabled){background:var(--success);box-shadow:0 0 12px #10b9814d}.btn-approve:disabled{opacity:.6;cursor:not-allowed}.btn-reject{padding:.45rem .9rem;font-size:.85rem;font-family:var(--font-sans);font-weight:500;background:transparent;color:var(--danger);border:1px solid var(--danger);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.btn-reject:hover:not(:disabled){background:var(--danger-muted)}.btn-reject:disabled{opacity:.6;cursor:not-allowed}.confirm-text{font-size:.85rem;color:var(--danger)}.btn-reject-confirm{padding:.45rem .9rem;font-size:.85rem;font-family:inherit;background:var(--danger);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500}.btn-reject-confirm:hover:not(:disabled){background:var(--danger)}.btn-reject-confirm:disabled{opacity:.6;cursor:not-allowed}.btn-cancel-small{padding:.45rem .9rem;font-size:.85rem;font-family:inherit;background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-default);border-radius:6px;cursor:pointer}.btn-cancel-small:hover:not(:disabled){background:var(--bg-hover)}.btn-cancel-small:disabled{opacity:.6;cursor:not-allowed}.device-approve-group-select{padding:.35rem .6rem;border-radius:6px;border:1px solid var(--border-color);background:var(--input-bg);color:var(--text-primary);font-size:.85rem;min-width:120px}.form-groups-select{display:block;margin-top:4px;padding:6px;border-radius:6px;border:1px solid var(--border-color);background:var(--input-bg);color:var(--text-primary);min-width:180px}.form-hint{display:block;font-size:.75rem;color:var(--text-muted);margin-top:4px}.group-management{max-width:900px}.group-management .user-header{margin-bottom:var(--space-4)}.group-create-form{margin-bottom:var(--space-6)}.groups-table-wrap{margin-top:var(--space-4)}.groups-table .desc-cell{max-width:220px;color:var(--text-muted);font-size:.9rem}.groups-table tr.selected{background:var(--bg-hover)}.groups-table .actions-cell{display:flex;gap:var(--space-2);flex-wrap:wrap}.btn-edit-small,.btn-view-small{padding:.35rem .65rem;font-size:.8rem;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-elevated);color:var(--text-primary);cursor:pointer}.btn-edit-small:hover,.btn-view-small:hover{background:var(--bg-hover);border-color:var(--accent)}.btn-view-small{white-space:nowrap}.no-groups{padding:var(--space-6);color:var(--text-muted);text-align:center}.group-detail-panel{margin-top:var(--space-8);padding:var(--space-6);background:var(--bg-elevated);border-radius:8px;border:1px solid var(--border-default)}.group-detail-panel h3{margin:0 0 var(--space-4) 0;font-size:1.1rem}.group-detail-panel h4{margin:0 0 var(--space-2) 0;font-size:.95rem;color:var(--text-muted)}.group-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8)}@media (max-width: 640px){.group-detail-grid{grid-template-columns:1fr}}.group-detail-section{min-width:0}.group-detail-list{margin:0;padding-left:1.25rem;list-style:disc}.group-detail-list li{margin-bottom:var(--space-1)}.group-detail-list li a{color:var(--accent);text-decoration:none}.group-detail-list li a:hover{text-decoration:underline}.group-detail-list .list-meta{color:var(--text-muted);font-size:.9rem}.group-detail-list .role-badge{margin-left:var(--space-2)}.loading-inline{color:var(--text-muted);margin:0}.muted{color:var(--text-muted);font-size:.9rem;margin:0}.device-tables-by-group{display:flex;flex-direction:column;gap:var(--space-8)}.device-group-section{border:1px solid var(--border-default);border-radius:8px;overflow:hidden;background:var(--bg-elevated)}.device-group-section-title{margin:0;padding:var(--space-3) var(--space-4);font-size:1rem;font-weight:600;background:var(--bg-hover);border-bottom:1px solid var(--border-default);color:var(--text-primary)}.device-group-section .device-table-container{margin:0}.no-active-devices{color:var(--text-secondary);font-size:.9rem;margin-top:1rem}.device-detail{padding-bottom:2rem}.loading,.error{padding:var(--space-6)}.error{color:var(--danger)}.back-link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:.9rem;font-weight:500;color:var(--text-secondary);text-decoration:none;margin-bottom:var(--space-5);padding:var(--space-2) var(--space-3);margin-left:calc(-1 * var(--space-3));border-radius:var(--radius-sm);transition:all var(--transition-fast)}.back-link:hover{color:var(--text-primary);background:var(--bg-hover);text-decoration:none}.detail-header{padding:var(--space-6);background:var(--bg-surface);border-radius:var(--radius-lg);margin-bottom:var(--space-5);border:1px solid var(--border-subtle);position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.detail-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent) 0%,var(--success) 100%)}.detail-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.detail-header-info{flex:1}.detail-header h2{margin:0 0 var(--space-2) 0;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.detail-meta{margin:0;font-size:.9rem;color:var(--text-secondary);display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.detail-status{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--success-muted);color:var(--success);font-size:.8rem;font-weight:600;border-radius:999px}.detail-status.offline{background:#64748b26;color:var(--text-muted)}.detail-status-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.detail-header-actions{display:flex;gap:var(--space-2)}.btn-edit{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:.85rem;font-weight:500;background:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-sm);text-decoration:none;transition:all var(--transition-fast)}.btn-edit:hover{background:var(--bg-elevated);border-color:var(--border-hover);text-decoration:none}[data-theme=light] .detail-header{background:linear-gradient(180deg,#fff,#fafbfc);border:none;box-shadow:0 0 0 1px #00000008,0 2px 4px #0000000a,0 8px 16px #0000000a}[data-theme=light] .detail-header:before{height:4px;background:linear-gradient(90deg,#6366f1,#3b82f6 35%,#06b6d4 65%,#10b981)}[data-theme=light] .detail-header h2{background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .detail-status{background:linear-gradient(135deg,#ecfdf5,#f0fdfa);border:1px solid #a7f3d0;box-shadow:0 1px 2px #10b98114}[data-theme=light] .detail-status.offline{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;box-shadow:none}[data-theme=light] .btn-edit{background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #e2e8f0;box-shadow:0 1px 2px #0000000a;color:var(--text-secondary)}[data-theme=light] .btn-edit:hover{background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-color:#cbd5e1;box-shadow:0 2px 4px #0000000f;color:var(--text-primary)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:2rem}@media (max-width: 900px){.detail-grid{grid-template-columns:1fr}}.sensors-panel .block,.main-panel .block{padding:var(--space-5);background:var(--bg-surface);border-radius:var(--radius-md);margin-bottom:var(--space-4);border:1px solid var(--border-subtle);transition:border-color var(--transition-fast)}.sensors-panel .block:hover,.main-panel .block:hover{border-color:var(--border-default)}.sensors-panel h3,.main-panel h3{margin:0 0 var(--space-4) 0;font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.sensors-panel ul,.main-panel ul{margin:0;padding:0;list-style:none;color:var(--text-secondary);font-size:.9rem}.sensors-panel ul li,.main-panel ul li{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;border-bottom:1px solid var(--border-subtle)}.sensors-panel ul li:last-child,.main-panel ul li:last-child{border-bottom:none;padding-bottom:0}.sensors-panel ul li:first-child,.main-panel ul li:first-child{padding-top:0}.sensor-label{color:var(--text-secondary)}.sensor-value{font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums}.wind-direction-row{align-items:center;gap:var(--space-3);padding-top:var(--space-3);padding-bottom:var(--space-3)}.wind-direction-row .sensor-label{flex-shrink:0}.wind-direction-value{display:inline-flex!important;align-items:center;gap:var(--space-3);flex-wrap:wrap}.wind-direction-value .wind-direction-labels{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem}.wind-direction-compass{font-weight:600;font-size:1rem;letter-spacing:.02em}.wind-direction-deg{font-variant-numeric:tabular-nums;color:var(--text-secondary);font-size:.9rem;font-weight:500}.wind-vane-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:transform .6s ease-out;transform:rotate(var(--wind-deg, 0deg));flex-shrink:0}.wind-vane-icon svg{width:100%;height:100%}.sensors-panel p,.main-panel p{margin:0;color:var(--text-secondary);font-size:.9rem}.sensors-panel p+p,.main-panel p+p{margin-top:.35rem}.system-stat{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;border-bottom:1px solid var(--border-subtle)}.system-stat:last-child{border-bottom:none;padding-bottom:0}.system-stat:first-child{padding-top:0}.system-stat-label{color:var(--text-secondary);font-size:.9rem}.system-stat-value{font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums}.system-battery{display:flex;align-items:center;gap:var(--space-3)}.system-battery-bar{width:60px;height:8px;background:var(--bg-hover);border-radius:4px;overflow:hidden}.system-battery-fill{height:100%;background:var(--success);border-radius:4px;transition:width var(--transition-base)}.system-battery-fill.low{background:var(--danger)}.system-battery-fill.medium{background:var(--warning)}[data-theme=light] .sensors-panel .block,[data-theme=light] .main-panel .block{background:#fff;border:none;box-shadow:0 0 0 1px #00000008,0 1px 3px #0000000a,0 4px 8px #00000005}[data-theme=light] .sensors-panel .block:hover,[data-theme=light] .main-panel .block:hover{box-shadow:0 0 0 1px #0000000a,0 2px 4px #0000000f,0 8px 16px #0000000a}[data-theme=light] .sensors-panel h3,[data-theme=light] .main-panel h3{color:#64748b;font-weight:700}[data-theme=light] .sensor-value,[data-theme=light] .system-stat-value{color:#1e293b}[data-theme=light] .system-battery-bar{background:#e2e8f0}.block-camera{min-height:280px}.camera-img{display:block;max-width:100%;max-height:280px;object-fit:contain;background:var(--bg-base);border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.camera-placeholder{height:200px;background:var(--bg-base);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.9rem}.camera-actions{margin-top:.75rem;display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.camera-actions.led-row{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-default)}.led-label{font-size:.85rem;color:var(--text-secondary);margin-right:.35rem}.led-indicator{display:inline-block;padding:.25rem .6rem;font-size:.75rem;font-weight:600;border-radius:4px;margin-right:.5rem}.led-on{background:var(--success);color:var(--text-on-accent)}.led-off{background:var(--bg-hover);color:var(--text-secondary)}.camera-actions button,.pill{padding:.45rem .9rem;font-size:.85rem;font-weight:500;background:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-sans);transition:all var(--transition-fast)}.camera-actions button:hover:not(:disabled),.pill:hover{background:var(--bg-elevated);border-color:var(--border-hover)}.camera-actions button:disabled{opacity:.6;cursor:not-allowed}.stream-msg{color:var(--warning);font-size:.85rem;margin-top:.5rem}.charts-section{margin-top:var(--space-6)}.charts-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-5);padding:var(--space-4) var(--space-5);background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.charts-header h3{margin:0;font-size:1.1rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.charts-header-actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.data-fresh{font-size:.8rem;color:var(--text-muted);padding:var(--space-1) var(--space-3);background:var(--bg-hover);border-radius:var(--radius-sm)}.btn-refresh{padding:.45rem .9rem;font-size:.85rem;font-weight:500;background:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-sans);transition:all var(--transition-fast)}.btn-refresh:hover{background:var(--bg-elevated);border-color:var(--border-hover)}.range-pills{display:flex;gap:.35rem;flex-wrap:wrap}.pill{transition:all var(--transition-fast)}.pill-active{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important}[data-theme=light] .charts-header{background:linear-gradient(180deg,#fff,#fafbfc);border:none;box-shadow:0 0 0 1px #00000008,0 1px 3px #0000000a,0 4px 8px #00000005}[data-theme=light] .charts-header h3{background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .chart-card{background:#fff;border:none;box-shadow:0 0 0 1px #00000008,0 1px 3px #0000000a,0 4px 8px #00000005}[data-theme=light] .btn-refresh,[data-theme=light] .data-fresh{background:#f1f5f9;border-color:#e2e8f0}[data-theme=light] .btn-refresh:hover{background:#e2e8f0;border-color:#cbd5e1}.charts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.25rem}@media (max-width: 400px){.charts-grid{grid-template-columns:1fr}}.chart-card{padding:var(--space-4) var(--space-5) var(--space-4);background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border-subtle);min-height:280px;display:flex;flex-direction:column;transition:border-color var(--transition-fast)}.chart-card:hover{border-color:var(--border-default)}.chart-title{margin:0 0 .75rem;font-size:.95rem;font-weight:600;color:var(--text-primary);flex-shrink:0}.chart-card .recharts-responsive-container{flex:1;min-height:200px}.chart-empty{color:var(--text-muted);font-size:.9rem;margin:1rem 0}.chart-tooltip{padding:.6rem .9rem;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:.8rem;box-shadow:var(--shadow-md);min-width:140px}.chart-tooltip-time{font-weight:600;color:var(--text-primary);margin-bottom:.4rem;padding-bottom:.35rem;border-bottom:1px solid var(--border-subtle)}.chart-tooltip>div:not(.chart-tooltip-time){margin-top:.2rem}.recharts-legend-item-text{fill:var(--text-secondary)!important}.recharts-default-legend{padding-top:.5rem!important}.edit-page{padding-bottom:2rem;max-width:640px}.edit-header{margin-bottom:1.25rem}.edit-header h2{margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.edit-feedback{margin:0;color:var(--success);font-size:.9rem}.edit-form .form-block{padding:1.25rem;background:var(--bg-elevated);border-radius:10px;border:1px solid var(--border-default);margin-bottom:1rem}.edit-form .form-block h3{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--text-primary)}.edit-form label{display:block;margin-bottom:1rem;font-size:.9rem;color:var(--text-secondary)}.edit-form label:last-child{margin-bottom:0}.edit-form .required{color:var(--danger)}.edit-form input,.edit-form textarea,.edit-form select{display:block;width:100%;margin-top:.35rem;padding:.5rem .65rem;font-size:.9rem;font-family:inherit;background:var(--bg-base);border:1px solid var(--border-default);border-radius:6px;color:var(--text-primary)}.edit-form input::placeholder,.edit-form textarea::placeholder{color:var(--text-muted)}.edit-form input:focus,.edit-form textarea:focus,.edit-form select:focus{outline:none;border-color:var(--accent)}.edit-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.edit-form .form-row label{margin-bottom:0}.edit-form .form-actions{display:flex;gap:.75rem;align-items:center;margin-top:1rem}.edit-form .form-actions button{padding:.5rem 1rem;font-size:.9rem;font-family:inherit;background:var(--accent);color:var(--text-on-accent);border:none;border-radius:6px;cursor:pointer;font-weight:500}.edit-form .form-actions button:hover:not(:disabled){background:var(--accent-hover)}.edit-form .form-actions button:disabled{opacity:.6;cursor:not-allowed}.btn-cancel{padding:.5rem 1rem;font-size:.9rem;color:var(--text-secondary);text-decoration:none;border:1px solid var(--border-default);border-radius:6px}.btn-cancel:hover{background:var(--bg-elevated);color:var(--text-primary);text-decoration:none}.edit-block.control-block{padding:1.25rem;background:var(--bg-elevated);border-radius:10px;border:1px solid var(--border-default);margin-top:1.5rem}.control-block h3{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:var(--text-primary)}.control-desc{margin:0 0 1rem;font-size:.85rem;color:var(--text-secondary)}.control-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.control-buttons button{padding:.5rem .9rem;font-size:.85rem;font-family:inherit;background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-default);border-radius:6px;cursor:pointer}.control-buttons button:hover:not(:disabled){background:var(--bg-hover)}.control-buttons button:disabled{opacity:.6;cursor:not-allowed}.camera-history{max-width:1600px}.history-header{display:flex;align-items:baseline;gap:1rem;margin-bottom:1rem}.history-header h2{margin:0}.history-count{color:var(--text-secondary);font-size:.9rem}.history-controls{display:flex;gap:1.5rem;flex-wrap:wrap;margin-bottom:1.25rem;align-items:center}.control-group{display:flex;align-items:center;gap:.5rem}.control-label{font-size:.8rem;color:var(--text-secondary);white-space:nowrap}.type-pills,.size-pills{display:flex;gap:.35rem}.pill-sm{padding:.35rem .6rem;min-width:32px;text-align:center}.timeline-scrubber-container{padding:.75rem 1rem;background:var(--bg-elevated);border-radius:10px;margin-bottom:1.25rem;border:1px solid var(--border-default)}.timeline-header{margin-bottom:.5rem}.timeline-labels{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-muted)}.timeline-zoom-indicator{font-size:.7rem;color:var(--warning);background:#fb923c26;padding:.15rem .5rem;border-radius:4px}.timeline-track{position:relative;height:56px;background:var(--bg-base);border-radius:6px;cursor:crosshair;overflow:hidden;touch-action:none;border:1px solid var(--border-default)}.timeline-density{position:absolute;bottom:0;left:0;right:0;height:100%;display:flex;align-items:flex-end}.density-bar{position:absolute;width:1%;background:var(--text-muted);border-radius:1px 1px 0 0;transition:opacity .1s}.timeline-window{position:absolute;top:0;bottom:0;background:#fb923c40;border-left:3px solid var(--highlight);border-right:3px solid var(--highlight);pointer-events:none;box-shadow:inset 0 0 0 1px #f9731666}.timeline-handle{position:absolute;top:0;bottom:0;transform:translate(-50%);z-index:10;cursor:grab}.timeline-handle.dragging{cursor:grabbing}.timeline-handle .handle-line{position:absolute;left:50%;top:0;bottom:0;width:4px;background:var(--highlight);transform:translate(-50%);border-radius:2px;box-shadow:0 0 12px #f97316cc,0 0 4px #f9731680}.timeline-handle .handle-tooltip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--bg-elevated);border:2px solid var(--highlight);border-radius:6px;padding:.35rem .6rem;white-space:nowrap;box-shadow:0 4px 12px #0006,0 0 8px #f9731633;pointer-events:none;font-size:.75rem;color:var(--text-primary)}.timeline-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem;flex-wrap:wrap;gap:.5rem}.timeline-window-label{font-size:.75rem;color:var(--text-secondary)}.timeline-controls{display:flex;align-items:center;gap:.75rem}.zoom-hint{font-size:.7rem;color:var(--text-muted)}.timeline-reset{padding:.3rem .75rem;font-size:.75rem;background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-default);border-radius:5px;cursor:pointer;font-family:inherit}.timeline-reset:hover:not(:disabled){background:var(--bg-hover)}.timeline-reset:disabled{opacity:.5;cursor:not-allowed}.timeline-step{padding:.3rem .5rem;font-size:.75rem;background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-default);border-radius:5px;cursor:pointer;font-family:inherit}.timeline-step:hover:not(:disabled){background:var(--bg-hover)}.timeline-step:disabled{opacity:.5;cursor:not-allowed}.timeline-jump-start,.timeline-jump-end{padding:.3rem .4rem;font-size:.85rem;line-height:1}.history-empty{padding:3rem;text-align:center;color:var(--text-muted);background:var(--bg-elevated);border-radius:10px}.history-display-cap{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;margin-bottom:1rem;background:var(--bg-base);border:1px solid var(--border-default);border-radius:8px;color:var(--text-secondary)}.history-display-cap-icon{flex-shrink:0;font-size:1.1rem;color:var(--accent)}.history-display-cap-text{margin:0;font-size:.9rem;line-height:1.4}.history-display-cap-text strong{color:var(--text-primary)}.photo-grid-container{display:flex;flex-direction:column;gap:1.5rem}.photo-date-group{background:var(--bg-elevated);border-radius:10px;border:1px solid var(--border-default);overflow:hidden}.photo-date-header{display:flex;justify-content:space-between;align-items:center;padding:.6rem 1rem;background:var(--bg-base);border-bottom:1px solid var(--border-default)}.date-label{font-size:.85rem;font-weight:500;color:var(--text-primary)}.date-count{font-size:.75rem;color:var(--text-muted)}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--thumb-size, 120px),1fr));gap:4px;padding:4px}.photo-thumb{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:4px;cursor:pointer;background:var(--bg-base)}.photo-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .15s,opacity .15s}.photo-thumb:hover img{transform:scale(1.05);opacity:.9}.photo-thumb:hover{box-shadow:0 0 0 2px var(--accent)}.photo-type-badge{position:absolute;top:4px;right:4px;padding:2px 5px;border-radius:3px;font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;pointer-events:none;opacity:.9}.photo-type-manual{background:#64748be6;color:var(--text-primary)}.photo-type-event{background:#fb923cf2;color:var(--text-on-accent)}.photo-time{position:absolute;bottom:0;left:0;right:0;padding:.25rem .4rem;font-size:.65rem;color:var(--text-primary);background:linear-gradient(transparent,#000000b3);text-align:center;pointer-events:none}.yarl__slide_description{font-size:.85rem!important;color:var(--text-secondary)!important;margin-top:.25rem!important}.camera-history-link{display:inline-block;margin-top:.75rem;color:var(--accent);font-size:.85rem}.camera-history-link:hover{text-decoration:underline}.block-auto-capture{margin-top:1rem}.auto-capture-settings{width:100%}.auto-capture-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.auto-capture-header h3{margin:0;font-size:1rem}.auto-capture-actions{display:flex;gap:.5rem}.btn-add,.btn-save{padding:.4rem .8rem;font-size:.8rem;border-radius:6px;border:1px solid;cursor:pointer;font-family:inherit}.btn-add{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-default)}.btn-add:hover{background:var(--bg-hover)}.btn-save{background:var(--success);color:var(--text-on-accent);border-color:var(--success);font-weight:500}.btn-save:hover{background:var(--success);border-color:var(--success)}.no-triggers{color:var(--text-muted);font-size:.85rem;padding:1.5rem;text-align:center;background:var(--bg-elevated);border-radius:8px}.triggers-list{display:flex;flex-direction:column;gap:.75rem}.trigger-card{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:8px;padding:.75rem}.trigger-card.trigger-disabled{opacity:.6}.trigger-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-default)}.trigger-enable{display:flex;align-items:center;gap:.4rem;font-size:.8rem;cursor:pointer}.trigger-enable input{cursor:pointer}.btn-remove{background:transparent;border:none;color:var(--danger);font-size:1.2rem;cursor:pointer;padding:0 .3rem;line-height:1}.btn-remove:hover{color:var(--danger)}.trigger-body{display:flex;flex-direction:column;gap:.75rem}.trigger-section h4{margin:0 0 .4rem;font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.trigger-row{display:flex;gap:.75rem;flex-wrap:wrap}.trigger-row label{display:flex;flex-direction:column;gap:.2rem;flex:1;min-width:120px}.trigger-row label span{font-size:.75rem;color:var(--text-secondary)}.trigger-row select,.trigger-row input{padding:.4rem .5rem;font-size:.85rem;background:var(--bg-base);border:1px solid var(--border-default);border-radius:4px;color:var(--text-primary);font-family:inherit}.trigger-row select:focus,.trigger-row input:focus{outline:none;border-color:var(--accent)}.trigger-row label.checkbox-label{flex-direction:row;align-items:center;min-width:auto}.trigger-row label.checkbox-label input[type=checkbox]{margin-right:.4rem}.trigger-summary{font-size:.8rem;color:var(--accent);padding:.5rem;background:#38bdf81a;border-radius:4px;margin-top:.25rem}.loading-small{color:var(--text-secondary);font-size:.85rem}.error-small{color:var(--danger);font-size:.85rem;margin-bottom:.5rem}.main-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding:var(--space-4) 0;border-bottom:1px solid var(--border-default);flex-wrap:wrap;gap:var(--space-3);background:linear-gradient(180deg,rgba(17,24,39,.5) 0%,transparent 100%)}.nav-left{display:flex;align-items:center;gap:var(--space-6)}.nav-brand{font-size:1.125rem;font-weight:700;text-decoration:none;color:var(--text-primary);letter-spacing:-.02em}.nav-brand:hover{text-decoration:none;color:var(--accent)}.nav-brand-active{color:var(--accent)}.nav-link{font-size:.9rem;font-weight:500;color:var(--text-secondary);text-decoration:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.nav-link:hover{color:var(--text-primary);background:var(--bg-hover);text-decoration:none}.nav-link.active{color:var(--accent);background:#3b82f61a}.nav-right{display:flex;align-items:center;gap:var(--space-4)}.nav-user{font-size:.9rem;color:var(--text-secondary)}.nav-role{display:inline-block;margin-left:var(--space-2);padding:.15rem .5rem;font-size:.7rem;font-weight:600;text-transform:uppercase;background:var(--badge-purple);color:#fff;border-radius:var(--radius-sm)}.btn-logout{padding:var(--space-2) var(--space-3);font-size:.85rem;font-family:var(--font-sans);font-weight:500;background:transparent;color:var(--text-secondary);border:1px solid var(--border-default);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.btn-logout:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-hover)}.btn-theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;color:var(--text-secondary);border:1px solid var(--border-default);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.btn-theme-toggle:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-hover)}.btn-theme-toggle svg{flex-shrink:0}[data-theme=light] .main-nav{background:linear-gradient(180deg,#fff,#f8fafccc);border-bottom:1px solid rgba(0,0,0,.06);box-shadow:0 1px 3px #0000000a}[data-theme=light] .nav-brand{background:linear-gradient(135deg,#1e293b,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .nav-link:hover{background:#3b82f614}[data-theme=light] .btn-logout{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .btn-logout:hover{background:#f1f5f9;border-color:#cbd5e1}[data-theme=light] .btn-theme-toggle{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .btn-theme-toggle:hover{background:#f1f5f9;border-color:#cbd5e1}.login-page{display:flex;justify-content:center;align-items:center;min-height:60vh}.login-card{width:100%;max-width:360px;padding:var(--space-8);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.login-card h1{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;text-align:center;letter-spacing:-.02em;color:var(--text-primary)}.login-subtitle{margin:0 0 1.5rem;font-size:.9rem;color:var(--text-secondary);text-align:center}.login-form label{display:block;margin-bottom:1rem;font-size:.9rem;color:var(--text-secondary)}.login-form input{display:block;width:100%;margin-top:.35rem;padding:.6rem .75rem;font-size:.95rem;font-family:inherit;background:var(--bg-base);border:1px solid var(--border-default);border-radius:6px;color:var(--text-primary)}.login-form input:focus{outline:none;border-color:var(--accent)}.login-error{padding:.75rem;margin-bottom:1rem;font-size:.85rem;color:var(--danger);background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:6px}.btn-login{display:block;width:100%;padding:.65rem 1rem;margin-top:.5rem;font-size:.95rem;font-family:var(--font-sans);font-weight:600;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.btn-login:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow-glow)}.btn-login:disabled{opacity:.6;cursor:not-allowed}.change-password-page{display:flex;justify-content:center;align-items:center;min-height:60vh}.change-password-card{width:100%;max-width:400px;padding:2rem;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:12px}.change-password-card h1{margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.change-password-notice{margin:0 0 1.5rem;padding:.75rem;font-size:.85rem;color:var(--warning);background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:6px}.change-password-form label{display:block;margin-bottom:1rem;font-size:.9rem;color:var(--text-secondary)}.change-password-form input{display:block;width:100%;margin-top:.35rem;padding:.6rem .75rem;font-size:.95rem;font-family:inherit;background:var(--bg-base);border:1px solid var(--border-default);border-radius:6px;color:var(--text-primary)}.change-password-form input:focus{outline:none;border-color:var(--accent)}.user-management{padding-bottom:2rem}.user-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.user-header h2{margin:0;font-size:1.25rem}.user-create-form{padding:1.25rem;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:10px;margin-bottom:1.5rem}.user-create-form h3{margin:0 0 1rem;font-size:1rem;font-weight:600}.user-create-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}@media (max-width: 600px){.user-create-form .form-row{grid-template-columns:1fr}}.user-create-form label{display:block;font-size:.9rem;color:var(--text-secondary)}.user-create-form input,.user-create-form select{display:block;width:100%;margin-top:.35rem;padding:.5rem .65rem;font-size:.9rem;font-family:inherit;background:var(--bg-base);border:1px solid var(--border-default);border-radius:6px;color:var(--text-primary)}.user-create-form input:focus,.user-create-form select:focus{outline:none;border-color:var(--accent)}.user-create-form .form-actions{margin-top:1rem}.users-list{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:10px;overflow:hidden}.users-table{width:100%;border-collapse:collapse;font-size:.9rem}.users-table th{text-align:left;padding:.85rem 1rem;background:var(--bg-base);color:var(--text-secondary);font-weight:500;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-default)}.users-table td{padding:.85rem 1rem;border-bottom:1px solid var(--border-default);vertical-align:middle}.users-table tr:last-child td{border-bottom:none}.users-table tr.current-user{background:#38bdf80d}.badge-you{display:inline-block;margin-left:.5rem;padding:.1rem .4rem;font-size:.7rem;color:var(--accent);background:#38bdf826;border-radius:4px}.badge-temp{display:inline-block;margin-left:.5rem;padding:.1rem .4rem;font-size:.7rem;color:var(--warning);background:#fbbf2426;border-radius:4px}.role-badge{display:inline-block;padding:.2rem .5rem;font-size:.75rem;font-weight:500;border-radius:4px;text-transform:capitalize}.role-admin{background:var(--badge-purple);color:#fff}.role-user{background:var(--bg-hover);color:var(--text-primary)}.actions-cell{white-space:nowrap}.btn-reset{padding:.35rem .65rem;font-size:.8rem;font-family:inherit;background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-default);border-radius:5px;cursor:pointer;margin-right:.5rem}.btn-reset:hover{background:var(--bg-hover)}.btn-delete{padding:.35rem .65rem;font-size:.8rem;font-family:inherit;background:transparent;color:var(--danger);border:1px solid var(--danger);border-radius:5px;cursor:pointer}.btn-delete:hover{background:#ef44441a}.delete-confirm{display:flex;align-items:center;gap:.5rem}.delete-confirm span{font-size:.85rem;color:var(--danger)}.no-actions{color:var(--text-muted)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;padding:1rem;box-sizing:border-box;z-index:1000;overflow-y:auto}.version-history-modal{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);max-width:520px;width:100%;max-height:80vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.version-history-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-default)}.version-history-header h2{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.version-history-close{background:none;border:none;color:var(--text-muted);font-size:1.25rem;cursor:pointer;padding:.25rem;line-height:1}.version-history-close:hover{color:var(--text-primary)}.version-history-body{padding:var(--space-4) var(--space-5);overflow-y:auto}.version-history-loading,.version-history-error,.version-history-empty{margin:0;color:var(--text-secondary);font-size:.9rem}.version-history-error{color:var(--danger)}.version-history-list{list-style:none;margin:0;padding:0}.version-history-item{padding:var(--space-4) 0;border-bottom:1px solid var(--border-subtle)}.version-history-item:last-child{border-bottom:none}.version-history-item-header{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-1)}.version-history-version{font-weight:600;color:var(--text-primary)}.version-history-dirty{color:var(--warning)}.version-history-hash{font-size:.85rem;font-family:ui-monospace,monospace;color:var(--text-muted)}.version-history-date{font-size:.85rem;color:var(--text-muted);margin-left:auto}.version-history-message{font-size:.9rem;color:var(--text-secondary);margin-bottom:var(--space-1);white-space:pre-wrap}.version-history-meta{font-size:.8rem;color:var(--text-muted)}.modal-content{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:12px;padding:1.5rem;max-width:400px;width:90%}.modal-content h3{margin:0 0 1rem;font-size:1.1rem}.modal-content p{margin:.5rem 0;color:var(--text-secondary);font-size:.9rem}.temp-password{display:block;padding:.75rem 1rem;margin:1rem 0;font-size:1.1rem;font-family:monospace;background:var(--bg-base);border:1px solid var(--border-default);border-radius:6px;color:var(--success);text-align:center;-webkit-user-select:all;user-select:all}.temp-password-note{font-size:.85rem;color:var(--warning)}.modal-content .btn-login{margin-top:1rem}.profile-page{max-width:500px}.profile-page h1{margin:0 0 1.5rem;font-size:1.25rem}.profile-card{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:10px;padding:1.5rem}.profile-info{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-default)}.profile-field{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.profile-field:last-child{margin-bottom:0}.profile-label{font-size:.85rem;color:var(--text-secondary);min-width:80px}.profile-value{font-size:.95rem;color:var(--text-primary)}.profile-form h3{margin:0 0 1rem;font-size:1rem;font-weight:600}.profile-form label{display:block;margin-bottom:1rem;font-size:.9rem;color:var(--text-secondary)}.profile-form input{display:block;width:100%;margin-top:.35rem;padding:.5rem .65rem;font-size:.9rem;font-family:inherit;background:var(--bg-base);border:1px solid var(--border-default);border-radius:6px;color:var(--text-primary)}.profile-form input:focus{outline:none;border-color:var(--accent)}.profile-success{padding:.75rem;margin-bottom:1rem;font-size:.85rem;color:var(--success);background:#34d3991a;border:1px solid rgba(52,211,153,.3);border-radius:6px}.nav-user-link{font-size:.9rem;color:var(--text-secondary);text-decoration:none}.nav-user-link:hover{color:var(--accent)}.edit-user-form{padding:.5rem 0}.edit-user-form .login-error{margin-bottom:.75rem}.edit-user-fields{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:.75rem}.edit-user-fields label{flex:1;min-width:120px;font-size:.8rem;color:var(--text-secondary)}.edit-user-fields input,.edit-user-fields select{display:block;width:100%;margin-top:.25rem;padding:.4rem .5rem;font-size:.85rem;font-family:inherit;background:var(--bg-base);border:1px solid var(--border-default);border-radius:4px;color:var(--text-primary)}.edit-user-fields input:focus,.edit-user-fields select:focus{outline:none;border-color:var(--accent)}.edit-user-actions{display:flex;gap:.5rem}.btn-edit-small{padding:.35rem .65rem;font-size:.8rem;font-family:inherit;background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-default);border-radius:5px;cursor:pointer;margin-right:.5rem}.btn-edit-small:hover{background:var(--bg-hover)}.btn-save{padding:.4rem .8rem;font-size:.8rem;font-family:inherit;background:var(--success);color:var(--text-on-accent);border:none;border-radius:5px;cursor:pointer;font-weight:500}.btn-save:hover:not(:disabled){background:var(--success)}.btn-save:disabled{opacity:.6;cursor:not-allowed}.diag-toggle{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--transition-fast)}.diag-toggle:hover{color:var(--accent)}.diag-body{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.diag-body p{display:flex;justify-content:space-between;align-items:center;margin:0;padding:var(--space-2) 0;font-size:.85rem;border-bottom:1px solid var(--border-subtle)}.diag-body p:last-child{border-bottom:none}.diag-code{background:var(--bg-base);padding:.15rem .5rem;border-radius:var(--radius-sm);font-size:.8rem;color:var(--accent);font-family:SF Mono,Monaco,Cascadia Code,monospace}.diag-connected{color:var(--success);font-weight:600}.diag-disconnected{color:var(--text-muted)}.diag-muted{color:var(--text-muted);font-size:.85em}.diag-storage-warn{color:var(--warning);font-weight:600}.diag-storage-critical{color:var(--danger);font-weight:600}.diag-counts{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.diag-counts p{color:var(--text-secondary)}.diag-delete{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.btn-delete-device{padding:.45rem .9rem;font-size:.85rem;font-family:inherit;background:transparent;color:var(--danger);border:1px solid var(--danger);border-radius:6px;cursor:pointer}.btn-delete-device:hover{background:#ef44441a}.diag-delete-confirm{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.diag-probes{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.diag-probes h4{margin:0 0 var(--space-3) 0;font-size:.85rem;font-weight:600;color:var(--text-secondary)}.probe-list{display:flex;flex-direction:column;gap:var(--space-2)}.probe-item{padding:var(--space-2) var(--space-3);border-radius:6px;background:var(--bg-secondary);border-left:3px solid var(--success)}.probe-item.probe-stale{border-left-color:var(--warning)}.probe-item.probe-offline{border-left-color:var(--danger);opacity:.7}.probe-header{display:flex;align-items:center;gap:var(--space-2)}.probe-status-dot{width:8px;height:8px;border-radius:50%;background:var(--success);flex-shrink:0}.probe-status-dot.stale{background:var(--warning)}.probe-status-dot.offline{background:var(--danger)}.probe-id{font-family:var(--font-mono);font-size:.8rem;color:var(--text-primary);word-break:break-all}.probe-name{font-weight:500;color:var(--text-primary)}.probe-id-small{display:block;margin-top:2px;margin-left:calc(8px + var(--space-2));font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);word-break:break-all}.probe-details{margin-top:var(--space-1);font-size:.8rem;color:var(--text-secondary);display:flex;gap:var(--space-2);flex-wrap:wrap}.form-hint{margin:0 0 var(--space-3) 0;font-size:.85rem;color:var(--text-secondary)}.probe-names-list{display:flex;flex-direction:column;gap:var(--space-3)}.probe-name-row{display:flex;flex-direction:column;gap:var(--space-1)}.probe-name-row input{width:100%;max-width:280px}.probe-original-id{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);word-break:break-all}.export-modal{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:12px;width:100%;max-width:520px;min-width:280px;box-shadow:0 8px 32px #0006;margin:auto;flex-shrink:0}.export-modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-default)}.export-modal-header h3{margin:0;font-size:1.1rem;font-weight:600}.export-device-name{display:block;margin-top:.25rem;font-size:.85rem;color:var(--text-secondary)}.export-modal-body{padding:1.25rem 1.5rem}.export-section{margin-bottom:1.25rem}.export-section:last-child{margin-bottom:0}.export-label{display:block;font-size:.85rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.export-dates{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.export-dates label{display:flex;flex-direction:column;gap:.25rem;min-width:0}.export-dates label span{font-size:.75rem;color:var(--text-secondary)}.export-dates input{padding:.5rem .6rem;font-size:.85rem;font-family:inherit;background:var(--bg-base);border:1px solid var(--border-default);border-radius:6px;color:var(--text-primary);min-width:0;width:100%;box-sizing:border-box}.export-dates input:focus{outline:none;border-color:var(--accent)}.export-presets{display:flex;gap:.5rem;margin-top:.75rem;flex-wrap:wrap}.preset-btn{padding:.35rem .7rem;font-size:.8rem;font-family:inherit;background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-default);border-radius:5px;cursor:pointer}.preset-btn:hover{background:var(--bg-hover)}.export-formats{display:flex;gap:1rem}.export-radio{display:flex;align-items:center;gap:.4rem;cursor:pointer;font-size:.9rem;color:var(--text-primary)}.export-radio input{width:16px;height:16px;cursor:pointer;accent-color:var(--accent)}.export-format-hint{margin:.35rem 0 0;font-size:.8rem;color:var(--text-secondary)}.export-compress{display:block;margin-top:.75rem}.export-compress span{font-size:.85rem;color:var(--text-secondary)}.export-types{display:flex;gap:1rem;flex-wrap:wrap}.export-checkbox{display:flex;align-items:center;gap:.4rem;cursor:pointer;font-size:.9rem;color:var(--text-primary)}.export-checkbox input{width:16px;height:16px;cursor:pointer;accent-color:var(--accent)}.export-error{margin:0;padding:.6rem .75rem;font-size:.85rem;color:var(--danger);background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:6px}.export-modal-footer{padding:1rem 1.5rem 1.25rem;display:flex;gap:.75rem;justify-content:flex-end;flex-wrap:wrap;border-top:1px solid var(--border-default)}.btn-export-download{padding:.55rem 1rem;font-size:.9rem;font-family:inherit;font-weight:500;background:var(--accent);color:var(--text-on-accent);border:none;border-radius:6px;cursor:pointer}.btn-export-download:hover:not(:disabled){background:var(--accent-hover)}.btn-export-download:disabled{opacity:.6;cursor:not-allowed}.btn-export{padding:.45rem .9rem;font-size:.85rem;background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-default);border-radius:6px;cursor:pointer;font-family:inherit}.btn-export:hover{background:var(--bg-hover)}.stream-viewer{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:10px;overflow:hidden}.stream-viewer-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg-base);border-bottom:1px solid var(--border-default)}.stream-viewer-header h3{margin:0;font-size:.95rem;font-weight:600;color:var(--text-primary)}.stream-close-btn{background:transparent;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:0;line-height:1}.stream-close-btn:hover{color:var(--text-primary)}.stream-viewport{position:relative;min-height:240px;max-height:480px;background:var(--bg-base);display:flex;align-items:center;justify-content:center}.stream-img{display:block;max-width:100%;max-height:480px;width:auto;height:auto;object-fit:contain;opacity:0;transition:opacity .3s}.stream-img-loaded{opacity:1}.stream-placeholder{padding:2rem;text-align:center;color:var(--text-muted);font-size:.9rem}.stream-loading{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0f172ae6;color:var(--text-secondary)}.stream-spinner{width:40px;height:40px;border:3px solid var(--border-default);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:.75rem}.stream-loading p{margin:0;font-size:.9rem}.stream-error{color:var(--danger)}.stream-error p{margin:0 0 1rem}.stream-error button{padding:.5rem 1rem;font-size:.85rem;font-family:inherit;background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-default);border-radius:6px;cursor:pointer}.stream-error button:hover{background:var(--bg-hover)}.stream-controls{padding:1rem;border-top:1px solid var(--border-default);display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between}.stream-quality-selector{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.stream-quality-selector label{font-size:.85rem;color:var(--text-secondary)}.stream-quality-selector select{padding:.4rem .6rem;font-size:.85rem;font-family:inherit;background:var(--bg-base);border:1px solid var(--border-default);border-radius:6px;color:var(--text-primary);cursor:pointer}.stream-quality-selector select:focus{outline:none;border-color:var(--accent)}.stream-quality-selector select:disabled{opacity:.6;cursor:not-allowed}.stream-quality-hint{font-size:.75rem;color:var(--text-muted)}.stream-actions{display:flex;gap:.5rem}.stream-btn{padding:.5rem 1rem;font-size:.85rem;font-family:inherit;font-weight:500;border:none;border-radius:6px;cursor:pointer;transition:background .15s}.stream-btn:disabled{opacity:.6;cursor:not-allowed}.stream-btn-start{background:var(--success);color:var(--text-on-accent)}.stream-btn-start:hover:not(:disabled){background:var(--success)}.stream-btn-stop{background:var(--danger);color:#fff}.stream-btn-stop:hover:not(:disabled){background:var(--danger)}.stream-stats{padding:.75rem 1rem;background:var(--bg-base);border-top:1px solid var(--border-default);display:flex;flex-wrap:wrap;gap:1.5rem}.stream-stat{display:flex;align-items:center;gap:.35rem;font-size:.8rem}.stream-stat-label{color:var(--text-muted)}.stream-stat-value{color:var(--accent);font-weight:500;font-variant-numeric:tabular-nums}.stream-stat-joined{color:var(--text-secondary);font-style:italic;padding:.2rem .5rem;background:#94a3b81a;border-radius:4px}.stream-btn-leave{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-default)}.stream-btn-leave:hover:not(:disabled){background:var(--bg-hover)}.stream-header-actions{display:flex;align-items:center;gap:.5rem}.stream-view-modes{display:flex;gap:.25rem}.stream-view-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:1px solid var(--border-default);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .15s}.stream-view-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-hover)}.stream-view-btn:disabled{opacity:.4;cursor:not-allowed}.stream-view-btn svg{flex-shrink:0}.stream-theater-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000e6;display:flex;align-items:center;justify-content:center;padding:2rem;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.stream-viewer-theater{width:100%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;border-radius:12px;box-shadow:0 25px 50px -12px #00000080}.stream-viewer-theater .stream-viewport{flex:1;min-height:0;max-height:none}.stream-viewer-theater .stream-img{max-height:calc(90vh - 200px)}.stream-viewer-inline-collapsed{min-height:120px}.stream-theater-notice{padding:2rem;text-align:center;color:var(--text-muted)}.stream-theater-notice p{margin:0 0 1rem;font-size:.9rem}.stream-viewer-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1001;border-radius:0;max-height:none;display:flex;flex-direction:column;background:#000}.stream-viewer-fullscreen .stream-viewer-header{background:#0f172af2}.stream-viewer-fullscreen .stream-viewport{flex:1;min-height:0;max-height:none;display:flex;align-items:center;justify-content:center}.stream-viewer-fullscreen .stream-img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.stream-viewer-fullscreen .stream-controls,.stream-viewer-fullscreen .stream-stats{background:#0f172af2}.stream-viewer-popout-placeholder{min-height:200px}.stream-popout-notice{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;color:var(--text-muted);gap:1rem}.stream-popout-icon{color:var(--accent);opacity:.7}.stream-popout-notice p{margin:0;font-size:.95rem}.notifications-page{padding-bottom:2rem}.notifications-page h1{margin:0 0 1.25rem;font-size:1.25rem}.notifications-tabs{display:flex;gap:.35rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border-default);padding-bottom:.5rem}.notifications-tab{padding:.5rem 1rem;font-size:.9rem;font-family:inherit;background:transparent;color:var(--text-secondary);border:none;border-radius:6px;cursor:pointer}.notifications-tab:hover{color:var(--text-primary);background:var(--bg-elevated)}.notifications-tab.active{background:var(--bg-elevated);color:var(--accent);font-weight:500}.notifications-panel{padding:1.25rem;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:10px}.notifications-panel h2{margin:0 0 .5rem;font-size:1.1rem}.panel-desc{margin:0 0 1rem;font-size:.9rem;color:var(--text-secondary)}.alerts-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.alerts-header h2{margin:0}.alerts-header-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.btn-ack-all{padding:.4rem .9rem;font-size:.85rem;font-weight:600;font-family:inherit;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.btn-ack-all:hover:not(:disabled){filter:brightness(1.1)}.btn-ack-all:disabled{opacity:.7;cursor:not-allowed}.alerts-filters{display:flex;gap:.35rem}.alert-count-badge{display:inline-flex;padding:.15rem .4rem;font-size:.75rem;font-weight:600;background:var(--bg-elevated);color:var(--text-secondary);border-radius:var(--radius-sm);margin-left:.25rem}.alerts-filter-section{display:flex;gap:var(--space-4);flex-wrap:wrap;align-items:flex-end;padding:var(--space-4);background:var(--bg-base);border-radius:var(--radius-md);margin-bottom:var(--space-4);border:1px solid var(--border-subtle)}.alerts-filter-section .filter-group{display:flex;flex-direction:column;gap:var(--space-2);min-width:160px}.alerts-filter-section .filter-label{font-size:.85rem;font-weight:500;color:var(--text-secondary);display:flex;flex-direction:column;gap:var(--space-2)}.filter-select{padding:.45rem .6rem;font-size:.85rem;font-family:var(--font-sans);background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.filter-select:focus{outline:none;border-color:var(--accent)}.filter-select:hover{border-color:var(--border-hover)}.filter-clear-btn{padding:.45rem .9rem;font-size:.85rem;font-weight:500;font-family:var(--font-sans);background:var(--bg-hover);color:var(--text-secondary);border:1px solid var(--border-default);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);align-self:flex-end}.filter-clear-btn:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-hover)}.alerts-loading{font-size:.85rem;color:var(--text-secondary)}.alerts-empty{margin:0;color:var(--text-muted);font-size:.9rem}.alerts-list{list-style:none;padding:0;margin:0}.alert-item{padding:.85rem;border-bottom:1px solid var(--border-default);border-left:3px solid var(--border-default)}.alert-item:last-child{border-bottom:none}.alert-item.alert-severity-warning{border-left-color:var(--warning)}.alert-item.alert-severity-critical{border-left-color:var(--danger)}.alert-item.alert-severity-info{border-left-color:var(--accent)}.alert-main{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem 1rem;margin-bottom:.35rem}.alert-type{font-weight:600;color:var(--text-primary)}.alert-device{font-size:.9rem;color:var(--accent);text-decoration:none}.alert-device:hover{text-decoration:underline}.alert-time{font-size:.8rem;color:var(--text-muted);margin-left:auto}.alert-message{margin:0 0 .5rem;font-size:.9rem;color:var(--text-secondary)}.alert-item .btn-ack{padding:.35rem .75rem;font-size:.8rem;font-family:inherit;background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-default);border-radius:5px;cursor:pointer}.alert-item .btn-ack:hover:not(:disabled){background:var(--bg-hover)}.alert-rules-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.alert-rule-card{padding:1rem;background:var(--bg-base);border:1px solid var(--border-default);border-radius:8px}.alert-rule-card.disabled{opacity:.65}.alert-rule-header{margin-bottom:.5rem}.alert-rule-header .rule-enable{display:flex;align-items:center;gap:.5rem;font-weight:500;cursor:pointer}.alert-rule-header input[type=checkbox]{cursor:pointer;accent-color:var(--accent)}.alert-rule-params{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-default)}.rule-param{display:flex;flex-direction:column;gap:.25rem;min-width:140px}.rule-param span{font-size:.75rem;color:var(--text-secondary)}.rule-param input{padding:.4rem .5rem;font-size:.85rem;background:var(--bg-base);border:1px solid var(--border-default);border-radius:4px;color:var(--text-primary);font-family:inherit}.rule-param input:focus{outline:none;border-color:var(--accent)}.panel-actions{margin-top:1rem}.delivery-settings{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.delivery-card{padding:1rem;background:var(--bg-base);border:1px solid var(--border-default);border-radius:8px}.delivery-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.delivery-channel{font-weight:600;color:var(--text-primary)}.delivery-header .rule-enable{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem}.delivery-stub{margin:0;font-size:.85rem;color:var(--text-muted)}.history-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.history-header-left{flex:1;min-width:200px}.btn-export-pack{padding:.5rem 1rem;font-size:.85rem;font-family:inherit;font-weight:500;background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-default);border-radius:6px;cursor:pointer;white-space:nowrap}.btn-export-pack:hover{background:var(--bg-hover)}.image-pack-modal{max-width:480px}.export-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.export-label-row .export-label{margin-bottom:0}.select-all-btn{padding:.25rem .5rem;font-size:.75rem;font-family:inherit;background:transparent;color:var(--accent);border:1px solid var(--accent);border-radius:4px;cursor:pointer}.select-all-btn:hover:not(:disabled){background:#38bdf81a}.select-all-btn:disabled{opacity:.5;cursor:not-allowed}.capture-type-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem 1rem}@media (min-width: 400px){.capture-type-grid{grid-template-columns:repeat(4,1fr)}}.image-pack-info{display:flex;gap:.75rem;padding:.75rem;background:#38bdf81a;border:1px solid rgba(56,189,248,.2);border-radius:6px;font-size:.8rem;color:var(--text-secondary);line-height:1.4}.image-pack-info .info-icon{flex-shrink:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:var(--text-on-accent);border-radius:50%;font-size:.7rem;font-weight:700}.image-pack-info code{background:#0000004d;padding:.1em .3em;border-radius:3px;font-size:.85em}.image-pack-preview{padding:.6rem .75rem;background:var(--bg-base);border:1px solid var(--border-default);border-radius:6px;font-size:.85rem;text-align:center}.preview-count{color:var(--accent);font-weight:500}.preview-loading{color:var(--text-muted)}.image-pack-progress{padding:.75rem;background:var(--bg-base);border:1px solid var(--border-default);border-radius:6px}.progress-bar{height:8px;background:var(--bg-elevated);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),#22d3ee);border-radius:4px;transition:width .2s ease}.progress-text{font-size:.8rem;color:var(--text-secondary);text-align:center;display:block}@media (max-width: 600px){.device-grid{grid-template-columns:1fr}.device-card-metrics{grid-template-columns:repeat(2,1fr)}.device-card-metrics .metric:last-child{grid-column:1 / -1}}.sessions-modal{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);width:100%;max-width:1000px;min-width:320px;box-shadow:var(--shadow-lg);margin:auto;flex-shrink:0;max-height:90vh;display:flex;flex-direction:column}.sessions-modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-default);display:flex;justify-content:space-between;align-items:center}.sessions-modal-header h3{margin:0;font-size:1.2rem;font-weight:600;color:var(--text-primary)}.btn-close-modal{background:none;border:none;font-size:2rem;line-height:1;color:var(--text-secondary);cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.btn-close-modal:hover{color:var(--text-primary)}.sessions-modal-body{padding:1.25rem 1.5rem;overflow-y:auto;flex:1}.sessions-summary{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1rem 1.25rem;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.sessions-stats{display:flex;gap:1.5rem;flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:.5rem}.stat-badge{display:inline-block;padding:.25rem .6rem;border-radius:6px;font-size:.9rem;font-weight:600;min-width:2rem;text-align:center}.badge-primary{background:var(--accent);color:var(--text-on-accent)}.badge-info{background:#0ea5e9;color:#fff}.badge-success{background:var(--success);color:#fff}.badge-secondary{background:var(--text-muted);color:#fff}.stat-label{color:var(--text-secondary);font-size:.9rem}.sessions-controls{display:flex;align-items:center;gap:.75rem}.auto-refresh-toggle{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.auto-refresh-toggle input[type=checkbox]{cursor:pointer;width:1rem;height:1rem}.btn-refresh{padding:.4rem .8rem;font-size:.85rem;font-family:inherit;font-weight:500;background:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border-default);border-radius:6px;cursor:pointer;transition:all var(--transition-fast)}.btn-refresh:hover:not(:disabled){background:var(--accent);color:var(--text-on-accent);border-color:var(--accent)}.btn-refresh:disabled{opacity:.5;cursor:not-allowed}.sessions-last-update{font-size:.8rem;color:var(--text-muted);margin-bottom:1rem;text-align:center}.sessions-error{background:var(--danger-muted);border:1px solid var(--danger);color:var(--danger);padding:.75rem 1rem;border-radius:var(--radius-md);margin-bottom:1rem;font-size:.9rem}.sessions-loading{text-align:center;padding:3rem 1rem}.sessions-loading .spinner{width:2.5rem;height:2.5rem;border:3px solid var(--border-default);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(360deg)}}.sessions-loading p{color:var(--text-muted);margin:0}.sessions-empty{text-align:center;padding:3rem 1rem;color:var(--text-muted);font-size:.95rem}.sessions-list{display:flex;flex-direction:column;gap:.75rem}.session-user-group{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden}.session-user-header{padding:.9rem 1rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background var(--transition-fast)}.session-user-header:hover{background:var(--bg-hover)}.user-info{display:flex;align-items:center;gap:.6rem}.user-icon{font-size:1.1rem}.user-name{color:var(--text-primary);font-size:.95rem}.user-full-name{color:var(--text-muted);font-size:.85rem;margin-left:.25rem}.user-meta{display:flex;align-items:center;gap:.75rem}.session-count{padding:.2rem .6rem;border-radius:6px;font-size:.8rem;font-weight:500}.expand-icon{color:var(--text-secondary);font-size:.7rem;transition:transform var(--transition-fast)}.session-user-details{border-top:1px solid var(--border-subtle);padding:1rem;background:var(--bg-base)}.sessions-table{width:100%;border-collapse:collapse;font-size:.85rem}.sessions-table thead th{text-align:left;padding:.6rem .8rem;font-weight:500;color:var(--text-secondary);border-bottom:1px solid var(--border-default);font-size:.8rem;text-transform:uppercase;letter-spacing:.02em}.sessions-table tbody td{padding:.7rem .8rem;border-bottom:1px solid var(--border-subtle);color:var(--text-primary)}.sessions-table tbody tr:last-child td{border-bottom:none}.sessions-table tbody tr:hover{background:var(--bg-hover)}.session-id{font-family:Monaco,Courier New,monospace;font-size:.75rem;background:var(--bg-elevated);padding:.2rem .4rem;border-radius:4px;cursor:help;color:var(--text-secondary)}.ip-address{font-family:Monaco,Courier New,monospace;font-size:.8rem;background:var(--bg-elevated);padding:.2rem .5rem;border-radius:4px;color:var(--text-muted)}.idle-badge{display:inline-block;padding:.25rem .6rem;border-radius:6px;font-size:.75rem;font-weight:500}.idle-success{background:var(--success-muted);color:var(--success)}.idle-info{background:#0ea5e926;color:#0ea5e9}.idle-warning{background:var(--warning-muted);color:var(--warning)}.idle-danger{background:var(--danger-muted);color:var(--danger)}.sessions-modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-default);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem}.sessions-note{color:var(--text-muted);font-size:.8rem}@media (max-width: 768px){.sessions-modal{max-width:95%;max-height:95vh}.sessions-summary{flex-direction:column;align-items:flex-start}.sessions-table{font-size:.75rem}.sessions-table thead th,.sessions-table tbody td{padding:.5rem}.sessions-modal-footer{flex-direction:column-reverse;align-items:stretch}.sessions-note{text-align:center}}.btn-sessions{padding:.5rem 1rem;font-size:.9rem;font-family:inherit;font-weight:500;background:var(--accent);color:var(--text-on-accent);border:1px solid var(--accent);border-radius:6px;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn-sessions:hover{background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-sessions:active{transform:translateY(0)}