:root{--dark-surface-color: #1c1f25;--bg: var(--dark-surface-color);--dark-surface-opacity: 92%;--dark-raised-color: #23272f;--dark-raised-opacity: 94%;--dark-sidebar-color: #1c1f25;--dark-sidebar-opacity: 96%;--panel: color-mix(in srgb, var(--dark-surface-color) var(--dark-surface-opacity), transparent);--panel-raised: color-mix(in srgb, var(--dark-raised-color) var(--dark-raised-opacity), transparent);--overlay-surface: var(--dark-raised-color);--border: #2c3138;--text: #edeef0;--text-muted: #8b909a;--accent: #f2a93b;--accent-dim: #7a5a20;--ok: #4fb286;--warning: #f2a93b;--critical: #e15554;--offline: #5a5f68;--font-display: "IBM Plex Sans", sans-serif;--font-mono: "IBM Plex Mono", monospace;--radius: 6px;--system-bg-image-url: url(/cinema-equipment-network.png);--system-bg-image: var(--system-bg-image-url);--login-bg-image-url: url(/cinema-equipment-network.png);--login-bg-image: var(--login-bg-image-url);--system-bg-wash: rgba(8, 15, 24, .72);--sidebar-surface: color-mix(in srgb, var(--dark-sidebar-color) var(--dark-sidebar-opacity), transparent)}[data-theme=light]{--light-surface-color: #ffffff;--bg: var(--light-surface-color);--light-surface-opacity: 92%;--light-raised-color: #eef0f3;--light-raised-opacity: 94%;--light-sidebar-color: #ffffff;--light-sidebar-opacity: 96%;--panel: color-mix(in srgb, var(--light-surface-color) var(--light-surface-opacity), transparent);--panel-raised: color-mix(in srgb, var(--light-raised-color) var(--light-raised-opacity), transparent);--overlay-surface: var(--light-raised-color);--border: #dde1e6;--text: #14161a;--text-muted: #6b7280;--accent-dim: #f6dfb3;--system-bg-image-url: url(/cinema-equipment-network-light.png);--system-bg-image: var(--system-bg-image-url);--login-bg-image-url: url(/cinema-equipment-network-light.png);--login-bg-image: var(--login-bg-image-url);--system-bg-wash: rgba(244, 245, 247, .68);--sidebar-surface: color-mix(in srgb, var(--light-sidebar-color) var(--light-sidebar-opacity), transparent)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background-color:var(--bg);background-image:linear-gradient(var(--system-bg-wash),var(--system-bg-wash)),var(--system-bg-image);background-position:center;background-size:cover;background-attachment:fixed;color:var(--text);font-family:var(--font-display);font-size:14px;line-height:1.5}button,input,select{font-family:inherit;font-size:inherit}a{color:inherit}.app-shell{display:flex;height:100vh;overflow:hidden}.sidebar-slot{width:240px;flex:0 0 240px;height:100%;position:relative;z-index:101}.sidebar-slot-collapsed{width:76px;flex-basis:76px}.sidebar-slot-collapsed .sidebar{position:absolute;inset:0 auto 0 0;width:76px;z-index:102}.sidebar-slot-collapsed .sidebar:hover{width:240px;box-shadow:8px 0 24px #0000002e}.sidebar{width:240px;flex-shrink:0;height:100%;overflow-y:hidden;overflow-x:hidden;scrollbar-width:none;background:var(--sidebar-surface);border-right:1px solid var(--border);padding:20px 16px;display:flex;flex-direction:column;gap:24px;transition:width .2s ease,padding .2s ease,box-shadow .2s ease;position:relative;z-index:101}.sidebar-collapse-toggle{margin-left:auto;flex-shrink:0;width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-raised);color:var(--text-muted);cursor:pointer;transition:color .16s ease,background .16s ease,border-color .16s ease}.sidebar-collapse-toggle:hover{color:var(--text);background:color-mix(in srgb,var(--panel-raised) 78%,var(--accent));border-color:color-mix(in srgb,var(--border) 65%,var(--accent))}.sidebar-collapsed{width:76px;padding-left:12px;padding-right:12px}.sidebar-collapsed:hover{width:240px;box-shadow:8px 0 24px #0000002e}.sidebar-collapsed .brand{align-items:center}.sidebar-collapsed .brand-main .sidebar-collapse-toggle{display:none;margin-left:0}.sidebar-collapsed .sidebar-brand-label,.sidebar-collapsed .nav-label{display:inline-block;max-width:0;overflow:hidden;opacity:0;visibility:hidden;white-space:nowrap;transition:max-width .16s ease,opacity .12s ease,visibility .12s ease}.sidebar-collapsed .sidebar-user-info{max-width:0;overflow:hidden;opacity:0;visibility:hidden;transition:max-width .16s ease,opacity .12s ease,visibility .12s ease}.sidebar-collapsed .nav-section-label{display:block;visibility:hidden;height:17px;overflow:hidden}.sidebar-collapsed .nav-item{position:relative;height:38px;min-height:38px;white-space:nowrap;padding-left:8px;padding-right:8px}.sidebar-collapsed .unread-dot{position:absolute;top:50%;right:2px;transform:translateY(-50%);min-width:14px;height:14px;padding:0 3px;font-size:9px}.sidebar-collapsed:hover .brand{align-items:center}.sidebar-collapsed:hover .brand-main .sidebar-collapse-toggle{display:grid;margin-left:auto}.sidebar-collapsed:hover .sidebar-brand-label,.sidebar-collapsed:hover .nav-label{display:inline-block;max-width:190px;opacity:1;visibility:visible}.sidebar-collapsed:hover .sidebar-user-info{max-width:190px;opacity:1;visibility:visible}.sidebar-collapsed:hover .nav-section-label{visibility:visible}.sidebar-collapsed:hover .nav-item{height:38px;min-height:38px;padding-left:10px;padding-right:10px}.sidebar-collapsed:hover .unread-dot{position:absolute;top:50%;right:8px;transform:translateY(-50%);min-width:16px;height:16px;padding:0 4px;font-size:10px;margin-left:0}.nav-item>svg{flex:0 0 15px;width:15px;height:15px;min-width:15px;min-height:15px;transform:translateZ(0);color:var(--accent)}.nav-item>.unread-dot{position:absolute;top:50%;right:8px;transform:translateY(-50%);margin-left:0}.sidebar::-webkit-scrollbar{display:none}.brand{display:flex;align-items:center;min-height:28px;height:28px;flex-shrink:0;font-weight:600;font-size:13px;line-height:1.2;letter-spacing:-.01em}.brand-main{display:flex;align-items:center;gap:8px;overflow:hidden;width:100%;min-width:0;height:28px;flex-shrink:0}.brand-main .sidebar-collapse-toggle{margin-left:auto}.sidebar-brand-label{min-width:0;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.sidebar-user-card{min-height:48px;height:48px;flex-shrink:0;overflow:hidden}.sidebar-user-info{min-width:0;height:32px;overflow:hidden;line-height:1.15}.sidebar-user-info>div{min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:14px}.brand .lamp-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent)}.nav-section-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:8px}.nav-item{display:flex;align-items:center;position:relative;gap:8px;overflow:hidden;padding:8px 10px;border-radius:var(--radius);color:var(--text-muted);text-decoration:none;font-size:13px;cursor:pointer;border:none;background:none;text-align:left;width:100%;margin-bottom:2px}.unread-dot{margin-left:auto;background:var(--critical);color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:999px;display:flex;align-items:center;justify-content:center;padding:0 4px}.nav-item:hover{background:var(--panel-raised);color:var(--text)}.nav-item.active{background:var(--panel-raised);color:var(--text);border-left:2px solid var(--accent)}.main{flex:1;min-width:0;height:100%;padding:32px 40px;overflow-y:auto}.page-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px}.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted);text-decoration:none;font-size:13px;margin-bottom:12px}.back-link:hover{color:var(--text)}.link-button{display:inline-block;background:none;border:none;padding:0;color:var(--accent);text-decoration:none;cursor:pointer}.link-button:hover{text-decoration:underline}.page-title{font-size:22px;font-weight:600;margin:0 0 4px}.page-subtitle{color:var(--text-muted);font-size:13px;margin:0}.user-badge{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius);padding:6px 10px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.device-top-grid{grid-template-columns:minmax(220px,1fr) minmax(280px,2fr)}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px;position:relative;overflow:hidden}.hall-card-clickable{cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease}.hall-card-clickable:hover,.hall-card-clickable:focus-visible{border-color:color-mix(in srgb,var(--accent) 65%,var(--border));background:color-mix(in srgb,var(--panel) 88%,var(--accent));box-shadow:0 6px 18px #00000029;outline:none}.hall-card-clickable:active{transform:translateY(1px)}.hall-ip-range{margin-top:5px;color:var(--text);font-family:var(--font-mono);font-size:13px;overflow-wrap:anywhere}.hall-card-summary{display:grid;gap:7px;margin-top:14px;padding-top:12px;border-top:1px solid var(--border);font-size:12px}.hall-card-label{color:var(--text-muted)}.hall-card-types{color:var(--text-muted);line-height:1.45;overflow-wrap:anywhere}.hall-card-status-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hall-card-last-seen{color:var(--text-muted);font-size:11px}.hall-card-alerts{color:var(--critical);font-size:11px;font-weight:600}.card.hall-card{padding-left:34px;padding-right:46px;--film-perf-hole: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Crect x='4' y='2.5' width='8' height='11' rx='1.8' fill='%231c1f25'/%3E%3C/svg%3E")}[data-theme=light] .card.hall-card{--film-perf-hole: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Crect x='4' y='2.5' width='8' height='11' rx='1.8' fill='%23ffffff'/%3E%3C/svg%3E")}.card.hall-card:before{content:"";position:absolute;top:0;bottom:0;left:0;width:20px;background-color:var(--panel-raised);border-right:1px solid var(--border);background-image:var(--film-perf-hole),var(--film-perf-hole),var(--film-perf-hole),var(--film-perf-hole);background-repeat:no-repeat;background-size:16px 16px;background-position:center 13%,center 38%,center 63%,center 88%}.card.hall-card:after{content:"";position:absolute;top:0;bottom:0;right:0;width:32px;background-color:var(--panel-raised);border-left:1px solid var(--border);background-image:var(--film-perf-hole),var(--film-perf-hole),var(--film-perf-hole),var(--film-perf-hole),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='22'%3E%3Cpolyline points='6,0 2,3 10,6 3,9 9,12 2,15 10,18 3,21 6,22' fill='none' stroke='%2323c8b8' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,repeat-y;background-position:right 6px top 13%,right 6px top 38%,right 6px top 63%,right 6px top 88%,left 4px top;background-size:16px 16px,16px 16px,16px 16px,16px 16px,12px 22px}.card-title{font-weight:600;font-size:15px;margin:10px 0 2px}.card-meta{color:var(--text-muted);font-size:12px;font-family:var(--font-mono)}.card-link{display:inline-block;margin-top:12px;font-size:12px;color:var(--accent);text-decoration:none}.status-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;padding:3px 8px;border-radius:999px;border:1px solid var(--border);text-transform:uppercase;letter-spacing:.04em}.status-dot{width:7px;height:7px;border-radius:50%}.status-ok .status-dot{background:var(--ok)}.status-warning .status-dot{background:var(--warning)}.status-error .status-dot,.status-critical .status-dot{background:var(--critical)}.status-offline .status-dot,.status-unknown .status-dot{background:var(--offline)}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:var(--text-muted);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.05em;padding:10px 12px;border-bottom:1px solid var(--border)}td{padding:12px;border-bottom:1px solid var(--border);font-family:var(--font-mono);vertical-align:middle}tr:hover td{background:var(--panel-raised)}.clickable-row{cursor:pointer}.surface-theme-editor,.background-visibility-settings{margin:24px 0;padding:14px;border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--panel-raised) 42%,transparent)}.background-visibility-row{display:flex;align-items:center;gap:9px;min-height:34px;margin:0;color:var(--text);font-size:12px;cursor:pointer}.background-visibility-row input{width:16px;height:16px;accent-color:var(--accent)}.surface-theme-help{color:var(--text-muted);font-size:12px;line-height:1.45;margin-bottom:14px}.surface-theme-group+.surface-theme-group{margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.surface-theme-group-title{color:var(--text);font-size:12px;font-weight:700;margin-bottom:8px}.surface-theme-row{display:grid;grid-template-columns:minmax(170px,1.25fr) 38px minmax(120px,1fr) 44px;align-items:center;gap:10px;min-height:38px;border-bottom:1px solid color-mix(in srgb,var(--border) 70%,transparent)}.surface-theme-row:last-child{border-bottom:none}.surface-theme-row-label{color:var(--text-muted);font-size:12px}.surface-theme-color{width:34px;height:28px;padding:2px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-raised);cursor:pointer}.surface-theme-range{width:100%;accent-color:var(--accent);cursor:pointer}.surface-theme-opacity{color:var(--text-muted);font-family:var(--font-mono);font-size:11px;text-align:right}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;text-decoration:none;background:var(--accent);color:#14161a;border:1px solid transparent;border-radius:var(--radius);padding:8px 15px;font-weight:600;font-size:13px;line-height:1.2;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}.btn:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 3px 10px color-mix(in srgb,var(--accent) 18%,transparent)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.btn.primary,.btn:not(.secondary):not(.danger):not(.success):not(.ghost):not(.icon){background:var(--accent);color:#14161a}.btn.secondary{background:var(--panel-raised);color:var(--text);border-color:var(--border)}.btn.secondary:hover:not(:disabled){background:color-mix(in srgb,var(--panel-raised) 78%,var(--accent));border-color:color-mix(in srgb,var(--border) 65%,var(--accent));box-shadow:none}.btn.ghost{background:transparent;color:var(--text-muted);border-color:transparent;box-shadow:none}.btn.ghost:hover:not(:disabled){background:var(--panel-raised);color:var(--text);box-shadow:none}.btn.danger{background:var(--critical);color:#fff;border-color:transparent}.btn.danger:hover:not(:disabled){background:color-mix(in srgb,var(--critical) 86%,#000);box-shadow:0 3px 10px color-mix(in srgb,var(--critical) 22%,transparent)}.btn.success{background:var(--ok);color:#07150f}.btn.icon{min-width:36px;width:36px;padding:0}.btn.small{min-height:30px;padding:5px 10px;font-size:12px}.btn.small.icon{min-width:30px;width:30px}input[type=text],input[type=password],input[type=number],textarea,select{background:var(--panel-raised);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:9px 12px;width:100%}textarea{font-family:inherit}textarea::placeholder,input::placeholder{color:var(--text-muted)}label{display:block;font-size:12px;color:var(--text-muted);margin-bottom:6px}.field{margin-bottom:16px}.error-text{color:var(--critical);font-size:13px;margin-top:8px}.empty-state{color:var(--text-muted);font-size:13px;padding:24px;text-align:center;border:1px dashed var(--border);border-radius:var(--radius)}.modal-overlay{position:fixed;inset:0;background:#0a0b0db8;backdrop-filter:blur(8px) saturate(.82);-webkit-backdrop-filter:blur(8px) saturate(.82);display:flex;align-items:center;justify-content:center;z-index:100;animation:fade-in .12s ease-out}.modal-box,.modal-overlay .card{max-width:calc(100vw - 24px);background:var(--overlay-surface);backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid var(--border);border-radius:var(--radius);padding:24px;width:360px;box-shadow:0 12px 32px #00000080}.modal-title{font-size:16px;font-weight:600;margin-bottom:8px}.modal-message{color:var(--text-muted);font-size:13px;line-height:1.5;margin-bottom:20px}.modal-actions{display:flex;justify-content:flex-end;gap:10px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.login-screen{position:relative;isolation:isolate;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:auto;padding:28px 16px;background:#07111d}.login-screen:before{content:"";position:absolute;z-index:-2;inset:0;background-image:var(--login-bg-image);background-position:center;background-size:cover;background-repeat:no-repeat}.login-screen:after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at center,#050e192e,#050c167a 48%,#050a12c7),linear-gradient(90deg,rgba(4,10,18,.34),transparent 24%,transparent 76%,rgba(4,10,18,.34));pointer-events:none}.login-box{position:relative;z-index:1;width:340px;background:var(--panel);border:1px solid color-mix(in srgb,var(--border) 78%,#79b9d8);border-radius:10px;padding:32px;box-shadow:0 24px 70px #0000006b,0 0 0 1px #ffffff06;backdrop-filter:blur(9px)}.login-title{font-size:18px;font-weight:600;margin:12px 0 4px}.login-subtitle{color:var(--text-muted);font-size:13px;margin:0 0 24px}.mobile-menu-toggle,.sidebar-overlay{display:none}@media (max-width: 860px){.app-shell{display:block;height:auto;overflow:visible}.sidebar-slot,.sidebar-slot-collapsed{width:0;height:0;flex-basis:0}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center;position:fixed;top:12px;left:12px;z-index:110;width:40px;height:40px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--border);color:var(--text);cursor:pointer}.sidebar-overlay{display:block;position:fixed;inset:0;background:#0a0b0d99;z-index:90}.sidebar{position:fixed;top:0;left:0;bottom:0;width:250px;z-index:100;transform:translate(-100%);transition:transform .2s ease-out;box-shadow:4px 0 24px #0006}.sidebar.sidebar-collapsed,.sidebar.sidebar-collapsed:hover{width:250px;padding:20px 16px;box-shadow:4px 0 24px #0006}.sidebar.sidebar-collapsed .sidebar-brand-label,.sidebar.sidebar-collapsed .nav-label,.sidebar.sidebar-collapsed .nav-section-label,.sidebar.sidebar-collapsed .sidebar-user-info,.sidebar.sidebar-collapsed:hover .sidebar-brand-label,.sidebar.sidebar-collapsed:hover .nav-label,.sidebar.sidebar-collapsed:hover .nav-section-label,.sidebar.sidebar-collapsed:hover .sidebar-user-info{display:block;max-width:190px;opacity:1;visibility:visible}.sidebar-collapse-toggle{display:none}.sidebar.sidebar-open{transform:translate(0)}.main{height:auto;overflow-y:visible;padding:72px 16px 24px}.page-header{flex-direction:column;align-items:flex-start;gap:12px}.page-header .btn{width:100%}.summary-counters{width:100%;justify-content:flex-start!important}.messages-layout{flex-direction:column;height:calc(100vh - 150px)!important}.messages-contacts{width:100%!important;max-height:118px;display:flex;overflow-x:auto!important;overflow-y:hidden!important;flex-shrink:0!important}.messages-contacts>button{min-width:170px;width:170px!important;flex-shrink:0}.grid,.device-top-grid{grid-template-columns:1fr}.login-box{width:calc(100vw - 32px);max-width:360px}table{border:none}thead{display:none}tbody{display:flex;flex-direction:column;gap:10px}tr{display:block;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:4px 14px}tr:hover td{background:transparent}td{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--border);text-align:right}td:last-child{border-bottom:none}td:before{content:attr(data-label);font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-family:var(--font-display);text-align:left;flex-shrink:0}td.actions-cell{justify-content:flex-start;flex-wrap:wrap}td.actions-cell:before{content:none}.card form,form.card{max-width:100%!important}}@media (max-width: 680px){.surface-theme-row{grid-template-columns:minmax(0,1fr) 38px 44px;gap:8px}.surface-theme-row-label{grid-column:1 / -1;padding-top:8px}.surface-theme-range{grid-column:1 / 2}}@media (max-width: 500px){.modal-box{width:calc(100vw - 24px);padding:20px}.main{padding:68px 12px 20px}.page-title{font-size:19px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;align-items:start}.accordion{padding:0;overflow:hidden;margin-bottom:16px}.accordion-header{width:100%;display:flex;align-items:center;justify-content:space-between;background:none;border:none;cursor:pointer;padding:18px 20px;text-align:left;color:var(--text)}.accordion-header:hover{background:var(--panel-raised)}.accordion-body{padding:10px 20px 20px}.notification-filters-card{margin-bottom:18px}.notification-filters-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;align-items:center}.notification-filters-grid>svg{display:none}.notification-filters-grid select{width:100%;min-width:0}.notification-list-card{padding:0;overflow:hidden}.notification-list-scroll{max-height:min(68vh,760px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--accent, var(--primary, #4f7cff)) var(--panel-raised, #eef1f6)}.notification-list-scroll::-webkit-scrollbar{width:10px}.notification-list-scroll::-webkit-scrollbar-track{background:var(--panel-raised, #eef1f6);border-left:1px solid var(--border, #dfe4ec)}.notification-list-scroll::-webkit-scrollbar-thumb{background:var(--accent, var(--primary, #4f7cff));border:2px solid var(--panel-raised, #eef1f6);border-radius:999px}.notification-list-scroll::-webkit-scrollbar-thumb:hover{background:var(--accent, var(--primary-hover, #365fd6))}@media (max-width: 680px){.notification-filters-grid{grid-template-columns:1fr}.notification-list-scroll{max-height:62vh}}.notification-header-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;align-items:center}.notification-filters-toggle{width:100%;border:0;background:transparent;color:var(--text);display:flex;align-items:center;justify-content:space-between;padding:0;cursor:pointer;font:inherit;font-weight:600}.notification-filters-toggle span:first-child{display:inline-flex;align-items:center;gap:8px}.notification-filters-toggle-chevron{color:var(--text-muted);font-size:11px}.notification-filters-card:has(.notification-filters-grid) .notification-filters-toggle{margin-bottom:14px}@media (max-width: 760px){.page-header{align-items:flex-start;flex-direction:column}.notification-header-actions{width:100%;justify-content:flex-start}}html,body,*{scrollbar-width:thin;scrollbar-color:var(--accent, var(--primary, #4f7cff)) var(--panel-raised, #eef1f6)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--panel-raised, #eef1f6)}::-webkit-scrollbar-thumb{background:var(--accent, var(--primary, #4f7cff));border:2px solid var(--panel-raised, #eef1f6);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--accent, var(--primary-hover, #365fd6))}select{scrollbar-width:thin;scrollbar-color:var(--accent, var(--primary, #4f7cff)) var(--panel-raised, #eef1f6)}.notification-header-actions{flex-wrap:nowrap;white-space:nowrap;flex-shrink:0}.notification-header-actions .btn{flex-shrink:0}@media (max-width: 560px){.notification-header-actions{width:100%;overflow-x:auto;justify-content:flex-start;padding-bottom:3px}}.limits-settings-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 16px;margin-bottom:16px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--surface-strong) 56%,transparent)}.limits-settings-intro-copy{display:grid;gap:4px;min-width:0}.limits-settings-intro-copy strong{color:var(--text);font-size:13px}.limits-settings-intro-copy span{color:var(--text-muted);font-size:12px;line-height:1.45}.limits-settings-toggle{display:flex;align-items:center;gap:10px;flex:0 0 auto;min-width:245px;padding:9px 12px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));border-radius:10px;background:color-mix(in srgb,var(--accent) 8%,transparent);cursor:pointer}.limits-settings-toggle input{position:absolute;opacity:0;pointer-events:none}.limits-settings-toggle-mark{position:relative;width:32px;height:18px;flex:0 0 32px;border-radius:999px;background:var(--border-strong, #64748b);transition:background .18s ease}.limits-settings-toggle-mark:after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#fff;transition:transform .18s ease}.limits-settings-toggle input:checked+.limits-settings-toggle-mark{background:var(--accent)}.limits-settings-toggle input:checked+.limits-settings-toggle-mark:after{transform:translate(14px)}.limits-settings-toggle strong,.limits-settings-toggle small{display:block}.limits-settings-toggle strong{color:var(--text);font-size:12px}.limits-settings-toggle small{margin-top:2px;color:var(--text-muted);font-size:10px}.limits-settings-section{padding:16px;margin-top:14px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--surface-strong) 32%,transparent)}.limits-settings-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.limits-settings-section-heading h3{margin:0;color:var(--text);font-size:13px;font-weight:650}.limits-settings-section-heading p{margin:4px 0 0;color:var(--text-muted);font-size:11px}.limits-settings-section-badge{flex:0 0 auto;padding:4px 8px;border:1px solid var(--border);border-radius:999px;color:var(--text-muted);font-size:10px;white-space:nowrap}.limits-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}.limits-settings-grid--retention{grid-template-columns:repeat(3,minmax(0,1fr))}.limits-settings-grid .field{min-width:0;padding:11px;border:1px solid color-mix(in srgb,var(--border) 80%,transparent);border-radius:9px;background:color-mix(in srgb,var(--surface) 55%,transparent)}.limits-settings-grid .field label{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:18px;color:var(--text-muted);font-size:11px}.limits-settings-grid .field label span{flex:0 0 auto;color:var(--accent);font-size:10px;font-weight:650;text-transform:uppercase}.limits-settings-grid .field input{margin-top:7px}.limits-settings-grid .field small{display:block;min-height:27px;margin-top:6px;color:var(--text-muted);font-size:10px;line-height:1.35}.limits-settings-note{margin:12px 0 0;color:var(--text-muted);font-size:11px;line-height:1.4}.limits-settings-actions{display:flex;align-items:center;justify-content:flex-start;gap:16px;margin-top:18px;padding-top:14px;border-top:1px solid var(--border)}.limits-settings-save-state{display:flex;align-items:center;gap:7px;color:var(--text-muted);font-size:11px}.limits-settings-save-state.is-saved{color:var(--ok, #3aa675)}.limits-settings-save-dot{width:7px;height:7px;border-radius:50%;background:var(--text-muted)}.limits-settings-save-state.is-saved .limits-settings-save-dot{background:var(--ok, #3aa675)}@media (max-width: 900px){.limits-settings-intro{align-items:stretch;flex-direction:column;gap:12px}.limits-settings-toggle{min-width:0}}@media (max-width: 700px){.limits-settings-grid,.limits-settings-grid--retention{grid-template-columns:repeat(2,minmax(0,1fr))}.limits-settings-actions{align-items:stretch;flex-direction:column}.limits-settings-actions .btn{width:100%}}@media (max-width: 480px){.limits-settings-grid,.limits-settings-grid--retention{grid-template-columns:1fr}.limits-settings-section{padding:12px}}.settings-switch{display:inline-flex;align-items:center;gap:9px;min-width:220px;padding:9px 12px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));border-radius:10px;background:color-mix(in srgb,var(--accent) 7%,transparent);cursor:pointer}.settings-switch--compact{min-width:0;height:32px;padding:6px 9px}.push-action-controls{display:inline-flex;align-items:flex-start;gap:12px;flex:0 0 auto}.push-action-controls .btn{box-sizing:border-box;height:32px;min-height:32px;padding-top:0;padding-bottom:0;line-height:1;transform:translateY(-1px)}.push-action-controls .settings-switch,.push-action-controls .btn{align-self:center}.push-action-controls .btn:active:not(:disabled){transform:translateY(0)}.settings-switch--wide{width:fit-content}.settings-switch input{position:absolute;opacity:0;pointer-events:none}.settings-switch-mark{position:relative;width:32px;height:18px;flex:0 0 32px;border-radius:999px;background:var(--border-strong, #64748b);transition:background .18s ease}.settings-switch-mark:after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#fff;transition:transform .18s ease}.settings-switch input:checked+.settings-switch-mark{background:var(--accent)}.settings-switch input:checked+.settings-switch-mark:after{transform:translate(14px)}.settings-switch strong,.settings-switch small,.settings-switch-label{display:block}.settings-switch strong{color:var(--text);font-size:12px}.settings-switch small{margin-top:2px;color:var(--text-muted);font-size:10px}.settings-switch-label{color:var(--text-muted);font-size:11px;white-space:nowrap}@media (max-width: 560px){.settings-switch--wide{width:100%}}.backup-settings-intro{display:grid;gap:4px;padding:14px 16px;margin-bottom:16px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--surface-strong) 56%,transparent)}.backup-settings-intro strong{color:var(--text);font-size:13px}.backup-settings-intro span,.backup-settings-section-heading p,.backup-settings-note{color:var(--text-muted);font-size:11px;line-height:1.45}.backup-settings-section{padding:16px;margin-top:14px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--surface-strong) 32%,transparent)}.backup-settings-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.backup-settings-section-heading h3{display:flex;align-items:center;gap:7px;margin:0;color:var(--text);font-size:13px;font-weight:650}.backup-settings-section-heading p{margin:4px 0 0}.backup-settings-grid{display:grid;grid-template-columns:repeat(3,260px);gap:12px;align-items:stretch;width:fit-content;max-width:100%}.backup-settings-grid .field,.backup-settings-provider.field{width:min(100%,340px);max-width:340px!important;min-width:0;box-sizing:border-box;padding:11px;border:1px solid color-mix(in srgb,var(--border) 80%,transparent);border-radius:9px;background:color-mix(in srgb,var(--surface) 55%,transparent)}.backup-settings-grid .field{width:260px;min-height:94px}.backup-settings-grid .field label,.backup-settings-provider.field label{color:var(--text-muted);font-size:11px}.backup-settings-grid .field>label{height:18px;min-height:18px;margin-bottom:7px;box-sizing:border-box}.backup-settings-grid .field>input,.backup-settings-grid .field>select,.backup-settings-grid .field>.backup-time-control{margin-top:0!important}.backup-time-control{display:flex;align-items:center;gap:8px;height:38px;box-sizing:border-box;padding:9px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-raised);color:var(--text-muted)}.backup-time-control:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 18%,transparent)}.backup-time-control input{width:100%;height:100%;margin:0!important;padding:0;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-variant-numeric:tabular-nums}.backup-time-control input::placeholder{color:var(--text-muted)}.backup-settings-note{margin:12px 0}.backup-settings-actions{display:flex;align-items:center;justify-content:flex-start;gap:8px;margin:14px 0 4px;padding-top:14px;border-top:1px solid var(--border);flex-wrap:wrap}.settings-role-switches{display:flex;gap:8px;flex-wrap:wrap}.settings-switch--table{display:inline-flex;min-width:0;padding:0;border:0;background:transparent;vertical-align:middle}.settings-switch--table .settings-switch-mark{transform:scale(.86);transform-origin:center}.settings-category-switch{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--border);cursor:pointer}@media (max-width: 950px){.backup-settings-grid{grid-template-columns:repeat(2,260px)}}@media (max-width: 560px){.backup-settings-grid{grid-template-columns:1fr;width:100%}.backup-settings-grid .field{width:100%}.backup-settings-section{padding:12px}.backup-settings-provider.field{width:100%;max-width:none!important}}.snmp-profile-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.snmp-profile-meta-field{min-width:0}.snmp-group-title-input{border-color:transparent!important;background:transparent!important;color:var(--text)!important;box-shadow:none!important;font-size:13px!important;font-weight:650}.snmp-group-title-input::placeholder{color:var(--text-muted)}.snmp-group-title-input:focus{border-color:var(--accent)!important;background:color-mix(in srgb,var(--accent) 7%,transparent)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 16%,transparent)!important}@media (max-width: 700px){.snmp-profile-meta-grid{grid-template-columns:1fr}}.equipment-cards-header,.equipment-cards-row{display:grid;grid-template-columns:minmax(155px,.95fr) minmax(145px,.9fr) 92px 92px 144px 112px;gap:10px;align-items:center}.equipment-cards-header{padding:9px 10px;color:var(--text-muted);font-size:11px;border-bottom:1px solid var(--border)}.equipment-cards-header span:nth-child(3),.equipment-cards-header span:nth-child(4),.equipment-cards-header span:nth-child(5){text-align:center}.equipment-cards-row{min-height:60px;padding:8px 10px;border-bottom:1px solid var(--border)}.equipment-cards-label-cell,.equipment-cards-source{min-width:0}.equipment-cards-label-input,.equipment-cards-type-select{box-sizing:border-box;background:var(--panel-raised)!important;border:1px solid var(--border)!important;color:var(--text)!important;border-radius:var(--radius)!important}.equipment-cards-label-input{width:100%;min-width:0;padding:7px 9px;font-size:12px}.equipment-cards-key{margin-top:3px;color:var(--text-muted);font-family:var(--font-mono);font-size:10px;overflow-wrap:anywhere}.equipment-cards-source{color:var(--text-muted);font-family:var(--font-mono);font-size:10px;line-height:1.35;overflow-wrap:anywhere}.equipment-card-switch{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:0;margin:0;color:var(--text-muted);font-size:10px;cursor:pointer}.equipment-card-switch input{position:absolute;opacity:0;pointer-events:none}.equipment-card-switch-track{position:relative;display:inline-block;flex:0 0 auto;width:28px;height:16px;border:1px solid var(--border);border-radius:999px;background:var(--panel-raised);transition:background .16s ease,border-color .16s ease}.equipment-card-switch-track:after{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:var(--text-muted);transition:transform .16s ease,background .16s ease}.equipment-card-switch input:checked+.equipment-card-switch-track{border-color:var(--accent);background:var(--accent)}.equipment-card-switch input:checked+.equipment-card-switch-track:after{background:#fff;transform:translate(12px)}.equipment-cards-type-select{width:100%;min-width:0;max-width:136px;padding:7px 8px;font-size:11px}.equipment-cards-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;width:112px;box-sizing:border-box;padding-left:8px;white-space:nowrap}.equipment-cards-actions .btn.icon{width:29px;height:29px;padding:0}.equipment-cards-delete{margin-left:3px}@media (max-width: 900px){.equipment-cards-header,.equipment-cards-row{grid-template-columns:minmax(140px,.95fr) minmax(130px,.9fr) 78px 78px 128px 106px;gap:8px}}@media (max-width: 720px){.equipment-cards-header{display:none}.equipment-cards-row{grid-template-columns:1fr 1fr;gap:8px;padding:10px}.equipment-cards-source{grid-column:1 / -1}.equipment-cards-actions{width:auto;justify-content:flex-start;padding-left:0}}.equipment-card-switch-caption{display:none}.equipment-card-switch-state{color:var(--text-muted)}@media (max-width: 720px){.equipment-cards-row{grid-template-columns:1fr 1fr;align-items:stretch}.equipment-card-switch{justify-content:flex-start;gap:7px;min-height:38px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--panel-raised) 70%,transparent)}.equipment-card-switch-caption{display:inline;color:var(--text);font-size:11px;font-weight:600}.equipment-card-switch-state{display:none}.equipment-cards-type-select{width:100%;max-width:none;min-height:38px}}select{appearance:none;-webkit-appearance:none;min-height:38px;padding:9px 36px 9px 12px!important;border:1px solid var(--border)!important;border-radius:var(--radius)!important;background-color:var(--panel-raised)!important;background-image:linear-gradient(45deg,transparent 50%,var(--text-muted) 50%),linear-gradient(135deg,var(--text-muted) 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 10px) 50%;background-repeat:no-repeat;background-size:6px 6px,6px 6px;color:var(--text)!important;line-height:1.2;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}select:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 55%,var(--border))!important}select:focus{outline:none;border-color:var(--accent)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 18%,transparent)}select:disabled{cursor:not-allowed;opacity:.58;background-color:color-mix(in srgb,var(--panel-raised) 72%,var(--surface))!important}select option{background:var(--panel-raised);color:var(--text)}@media (max-width: 720px){select{min-height:40px;padding-left:11px!important;padding-right:38px!important;font-size:13px}}.custom-select{position:relative;display:block;width:100%;min-width:0;z-index:20}.custom-select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:38px;gap:10px;padding:9px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-raised);color:var(--text);font:inherit;line-height:1.2;text-align:left;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.custom-select-trigger:hover:not(:disabled),.custom-select.is-open .custom-select-trigger{border-color:color-mix(in srgb,var(--accent) 55%,var(--border))}.custom-select.is-open .custom-select-trigger{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 18%,transparent)}.custom-select-trigger:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 18%,transparent)}.custom-select-trigger>svg{flex:0 0 auto;color:var(--text-muted);transition:transform .16s ease}.custom-select.is-open .custom-select-trigger>svg{transform:rotate(180deg);color:var(--accent)}.custom-select-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-select-menu{position:fixed;top:calc(100% + 6px);right:0;left:0;max-height:min(280px,42vh);overflow-y:auto;padding:5px;border:1px solid var(--border);border-radius:var(--radius);background:var(--overlay-surface);z-index:2000;box-shadow:0 14px 30px color-mix(in srgb,#000 32%,transparent);scrollbar-width:thin;scrollbar-color:var(--accent) var(--panel-raised)}.custom-select-menu::-webkit-scrollbar{width:7px}.custom-select-menu::-webkit-scrollbar-track{background:var(--panel-raised);border-radius:999px}.custom-select-menu::-webkit-scrollbar-thumb{background:var(--accent);border-radius:999px}.custom-select-option{display:block;width:100%;min-height:34px;padding:8px 10px;border:0;border-radius:calc(var(--radius) - 2px);background:transparent;color:var(--text);font:inherit;font-size:12px;line-height:1.3;text-align:left;cursor:pointer}.custom-select-option:hover,.custom-select-option.is-active{background:color-mix(in srgb,var(--accent) 14%,var(--overlay-surface))}.custom-select-option.is-selected{color:var(--accent);font-weight:650}.custom-select-option:disabled{cursor:not-allowed;opacity:.45}.custom-select.is-disabled{cursor:not-allowed;opacity:.58}.custom-select.is-disabled .custom-select-trigger{cursor:not-allowed}.custom-select.equipment-cards-type-select{width:136px;max-width:100%;padding:0;border:0;background:transparent!important}.custom-select.equipment-cards-type-select .custom-select-trigger{min-height:36px;padding:7px 8px;font-size:11px}@media (max-width: 720px){.custom-select-trigger{min-height:40px;padding:10px 11px;font-size:13px}.custom-select-menu{position:fixed;z-index:2000;max-height:min(52vh,360px);border-radius:12px}.custom-select-option{min-height:42px;padding:11px 12px;font-size:13px}.custom-select.equipment-cards-type-select{width:100%;max-width:none}}.audit-log-filters-spoiler{border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--panel-raised) 58%,transparent)}.audit-log-filters-spoiler>summary{padding:10px 12px;color:var(--text);font-size:12px;font-weight:650;cursor:pointer;list-style:none}.audit-log-filters-spoiler>summary::-webkit-details-marker{display:none}.audit-log-filters-spoiler>summary:after{content:"⌄";float:right;color:var(--text-muted);font-size:16px;line-height:12px;transition:transform .16s ease}.audit-log-filters-spoiler[open]>summary{border-bottom:1px solid var(--border)}.audit-log-filters-spoiler[open]>summary:after{transform:rotate(180deg);color:var(--accent)}.audit-log-filters-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}.audit-log-filters-grid .field,.audit-log-filters-grid .custom-select{min-width:0;width:100%}@media (max-width: 720px){.audit-log-filters-grid{grid-template-columns:minmax(0,1fr);gap:10px;padding:10px}.audit-log-filters-grid .field{width:100%}.audit-log-filters-grid .custom-select{max-width:100%}}.branding-name-input{width:min(390px,100%);max-width:390px}.branding-color-control{display:flex;align-items:center;gap:10px;width:min(390px,100%)}.branding-color-control .branding-color-hex{width:260px;max-width:260px;flex:0 1 260px}@media (max-width: 720px){.branding-name-input{width:100%;max-width:none}.branding-color-control{width:100%}.branding-color-control .branding-color-hex{width:auto;max-width:none;flex:1 1 auto;min-width:0}}.hall-card-ok{color:var(--success, #4ade80);font-size:11px;font-weight:600}