:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button{font:inherit}table{border-collapse:collapse;width:100%}:root{--brand-900: #0a2f6a;--brand-800: #0b3b8c;--brand-700: #0d4aa8;--brand-600: #2f63c7;--brand-100: #e6f0ff;--brand-50: #f5f9ff;--bg: #f6f8fb;--surface: #ffffff;--border: #d9e0ea;--text: #0f172a;--muted: #64748b;--ok: #16a34a;--warn: #f59e0b;--bad: #dc2626;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 8px 24px rgba(15, 23, 42, .1);--shadow-lg: 0 18px 40px rgba(15, 23, 42, .12);--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--page-pad-x: clamp(12px, 2vw, 28px);--page-pad-y: clamp(12px, 1.75vw, 24px);--container-max: 1600px}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:var(--page-pad-y) var(--page-pad-x)}.page-title{font-size:clamp(24px,2vw,32px);font-weight:800;margin:0 0 var(--space-4);color:var(--text);line-height:1.15}.muted{color:var(--muted);font-size:12px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-sm);padding:clamp(14px,1.5vw,20px);min-width:0}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:12px;border:1px solid var(--border);background:#eef2ff;color:var(--text)}.badge--admin{border-color:#99b7ff;background:#e6f0ff}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text);padding:10px 14px;border-radius:var(--r-sm);cursor:pointer;font:inherit;line-height:1.2;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.btn:hover{box-shadow:var(--shadow-sm)}.btn:focus-visible,.input:focus-visible,.select:focus-visible{outline:3px solid rgba(13,74,168,.18);outline-offset:2px}.btn--primary{background:var(--brand-800);border-color:var(--brand-800);color:#fff}.btn--primary:hover{background:var(--brand-700);border-color:var(--brand-700)}.input,.select{border:1px solid var(--border);border-radius:var(--r-sm);padding:8px 10px;background:var(--surface);color:var(--text);font:inherit;max-width:100%}@media(max-width:768px){.container{padding:14px 12px 18px}.panel{padding:14px}.btn{width:100%;justify-content:center}}.dashboardTitleRow{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-4)}.dashboardGrid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.dashboardStack{display:flex;flex-direction:column;gap:var(--space-4)}.dashboardSectionTitle{font-size:16px;font-weight:900;margin:0 0 var(--space-3);color:var(--text)}.dashboardSectionBar{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-4)}.dashboardSectionSubtitle{margin-top:4px;font-size:13px;color:var(--muted);line-height:1.4}.viewToggle{display:inline-flex;align-items:center;gap:8px;padding:4px;border:1px solid rgba(203,213,225,.9);border-radius:999px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:var(--shadow-sm)}.viewToggle__button{border:none;background:transparent;color:var(--text);padding:9px 14px;border-radius:999px;cursor:pointer;font:inherit;font-size:13px;font-weight:800;line-height:1;transition:background-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}.viewToggle__button:hover{transform:translateY(-1px)}.viewToggle__button--active{background:linear-gradient(180deg,var(--brand-800),var(--brand-700));color:#fff;box-shadow:0 8px 18px #0b3b8c2e}.adminPanel{border:1px dashed #99b7ff;background:#f5f9ff;margin-bottom:var(--space-4)}.adminPanel__title{font-size:14px;font-weight:900;margin-bottom:10px}.adminPanel__actions{display:flex;gap:10px;flex-wrap:wrap}.dashboardEmpty{color:var(--muted);font-size:14px}.dashboardHint{margin-top:8px;font-size:12px;color:var(--muted)}.adminPanel__msg{margin-top:10px}@media(max-width:900px){.dashboardGrid{grid-template-columns:1fr}.dashboardSectionBar{flex-direction:column;align-items:stretch}.viewToggle{width:100%;justify-content:stretch}.viewToggle__button{flex:1 1 0;text-align:center}}.header{background:linear-gradient(180deg,#f5f9ffe6,#fffffff5);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-md);margin-bottom:var(--space-5);overflow:hidden}.header__top{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-5);padding:18px 20px 14px}.header__brand{min-width:0}.header__brandIdentity{display:flex;align-items:center;gap:16px;min-width:0}.header__brandLogo{width:64px;height:64px;object-fit:contain;border-radius:14px;box-shadow:0 10px 22px #0b3b8c29;background:#fff;flex-shrink:0}.header__brandText{min-width:0}.header__brandTitle{font-size:clamp(20px,2vw,28px);font-weight:800;color:var(--brand-900);letter-spacing:-.02em;line-height:1.05}.header__brandSubtitle{font-size:13px;color:var(--muted);margin-top:6px;line-height:1.4}.header__right{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.header__user{display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-width:0}.header__userLine{font-size:14px;color:var(--text);text-align:right;line-height:1.35;word-break:break-word}.header__userMuted{color:var(--muted)}.header__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.header__refreshBtn,.header__logoutBtn{min-height:42px;font-weight:700}.header__refreshBtn{min-width:120px}.header__logoutBtn{min-width:96px}.header__refreshBtn--active,.header__refreshBtn--active:hover{background:var(--brand-100);border-color:#99b7ff;color:var(--brand-800);box-shadow:0 0 0 3px #0d4aa81f}.header__refreshBtn:disabled{cursor:wait;opacity:1}.header__nav{display:flex;align-items:center;gap:10px;padding:14px 20px 18px;border-top:1px solid rgba(217,224,234,.9);background:linear-gradient(180deg,#fbfcfee6,#f5f9fff2);flex-wrap:wrap}.navLink{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:10px 16px;border-radius:999px;border:1px solid #cfd8e6;font-size:14px;font-weight:700;color:var(--text);background:var(--surface);text-decoration:none;white-space:nowrap;transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}.navLink:hover{box-shadow:var(--shadow-sm);border-color:#aebfd9;transform:translateY(-1px)}.navLink:focus-visible{outline:3px solid rgba(13,74,168,.18);outline-offset:2px}.navLink--active{background:linear-gradient(180deg,var(--brand-800),var(--brand-700));border-color:var(--brand-800);color:#fff;box-shadow:0 8px 20px #0b3b8c33}@media(max-width:900px){.header__top{flex-direction:column;align-items:stretch}.header__right{justify-content:space-between}.header__user{align-items:flex-start}.header__userLine{text-align:left}}@media(max-width:640px){.header{border-radius:var(--r-md)}.header__top{padding:16px 14px 12px;gap:14px}.header__brandIdentity{align-items:flex-start;gap:12px}.header__brandLogo{width:52px;height:52px;border-radius:12px}.header__brandTitle{font-size:22px}.header__brandSubtitle{font-size:12px}.header__right,.header__actions{width:100%}.header__actions{flex-direction:column;align-items:stretch}.header__refreshBtn,.header__logoutBtn{width:100%}.header__nav{padding:12px 14px 14px;gap:8px}.navLink{width:100%;white-space:normal}}.statusOverview{margin:0 0 var(--space-5)}.statusOverview__title{font-size:28px;font-weight:800;margin:0 0 var(--space-4);color:var(--text)}.statusGrid{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:16px}@media(max-width:1100px){.statusGrid{grid-template-columns:repeat(2,minmax(220px,1fr))}}@media(max-width:600px){.statusGrid{grid-template-columns:1fr}}.statusCard{background:linear-gradient(180deg,var(--brand-800),var(--brand-900));border-radius:var(--r-lg);box-shadow:var(--shadow-md);padding:18px;color:#fff;min-height:108px;display:flex;flex-direction:column;justify-content:space-between}.statusCard__label{font-size:13px;font-weight:700;opacity:.92}.statusCard__value{font-size:42px;font-weight:900;line-height:1;margin-top:10px}.statusCard__meta{font-size:12px;opacity:.85;margin-top:12px}.tableWrap{width:100%;overflow-x:auto}.table{width:100%;min-width:640px;border-collapse:separate;border-spacing:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}.table thead th{text-align:left;padding:11px 12px;font-size:13px;font-weight:800;color:#fff;background:linear-gradient(180deg,var(--brand-800),var(--brand-900));border-bottom:1px solid rgba(255,255,255,.16);white-space:nowrap}.table tbody td{padding:11px 12px;border-bottom:1px solid var(--border);font-size:14px;color:var(--text);vertical-align:top}.table tbody tr:nth-child(2n) td{background:#f8fafc}.table tbody tr:hover td{background:#eef5ff}.tableRowClickable{cursor:pointer}.tableRowClickable:hover td{background:#e6f0ff}.tableRowIntrusion td{background:#dc26260f}.tableRowIntrusion td:first-child{box-shadow:inset 4px 0 #dc2626}.tableRowIntrusion:hover td{background:#dc26261f}.table tbody tr:last-child td{border-bottom:none}.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;font-size:12px;font-weight:900;border:1px solid var(--border);white-space:nowrap;letter-spacing:.01em;box-shadow:inset 0 0 0 1px #ffffff2e}.pill--ok{background:linear-gradient(180deg,#22c55e2e,#16a34a24);border-color:#16a34a57;color:#14532d}.pill--warn{background:linear-gradient(180deg,#fbbf2433,#f59e0b26);border-color:#f59e0b57;color:#78350f}.pill--bad{background:linear-gradient(180deg,#f8717133,#dc262624);border-color:#dc262657;color:#7f1d1d}.pillDot{width:8px;height:8px;border-radius:999px;display:inline-block;background:currentColor}.cellMuted{color:var(--muted);font-size:12px}.tableRowHint{margin-top:4px;font-size:11px;color:var(--muted)}.tableRowHint--intrusion{color:#991b1b;font-weight:700}.doorsCardGrid{display:grid;gap:var(--space-4)}.doorsCardGrid--compact{grid-template-columns:1fr}.doorsCardGrid--expanded{grid-template-columns:repeat(2,minmax(0,1fr))}.doorCard{position:relative;width:100%;border:1px solid rgba(203,213,225,.88);border-radius:var(--r-lg);background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:var(--shadow-sm);text-align:left;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease}.doorCard--compact{padding:14px}.doorCard--expanded{padding:18px}.doorCard:before{content:"";position:absolute;inset:0 auto 0 0;width:7px;border-radius:var(--r-lg) 0 0 var(--r-lg);background:transparent}.doorCard--online{background:linear-gradient(180deg,#fffffffc,#f9fcfafa);border-color:#16a34a2e}.doorCard--online:before{background:linear-gradient(180deg,#16a34a,#15803d)}.doorCard--degraded{background:linear-gradient(180deg,#fffffffc,#fffcf7fa);border-color:#f59e0b2e}.doorCard--degraded:before{background:linear-gradient(180deg,#f59e0b,#d97706)}.doorCard--offline{background:linear-gradient(180deg,#fffffffc,#fff9f9fa);border-color:#dc262633;box-shadow:0 8px 18px #dc26260a}.doorCard--offline:before{background:linear-gradient(180deg,#dc2626,#b91c1c)}.doorCard:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.doorCard--online:hover{border-color:#16a34a47}.doorCard--degraded:hover{border-color:#f59e0b47}.doorCard--offline:hover{border-color:#dc26264d;box-shadow:0 12px 22px #dc262612}.doorCard:focus-visible{outline:3px solid rgba(13,74,168,.18);outline-offset:2px}.doorCard__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.doorCard__identity{min-width:0}.doorCard__title{font-size:16px;font-weight:900;color:#0f172a;line-height:1.2;word-break:break-word}.doorCard__subtitle{margin-top:4px;font-size:13px;color:#475569;line-height:1.35;word-break:break-word}.doorCard__metaGrid{display:grid;gap:12px}.doorCard--compact .doorCard__metaGrid{grid-template-columns:1fr}.doorCard--expanded .doorCard__metaGrid{grid-template-columns:1fr 1fr}.doorCard__metaItem{display:flex;flex-direction:column;gap:4px;min-width:0}.doorCard__metaLabel{font-size:11px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.doorCard__metaValue{font-size:13px;color:#111827;line-height:1.35;word-break:break-word;font-weight:600}.doorCard__footer{margin-top:14px;padding-top:12px;border-top:1px solid rgba(217,224,234,.9);display:flex;align-items:center;justify-content:flex-end}.doorCard__footerText{font-size:12px;font-weight:900;color:var(--brand-800)}.doorCard--online .doorCard__footerText{color:#166534}.doorCard--degraded .doorCard__footerText{color:#92400e}.doorCard--offline .doorCard__footerText{color:#991b1b}@media(max-width:950px){.doorsCardGrid--expanded{grid-template-columns:1fr}}@media(max-width:900px){.table{min-width:580px}}@media(max-width:700px){.hideOnMobile{display:none}.table{min-width:520px}.table thead th,.table tbody td{padding:10px}.doorsCardGrid--compact,.doorsCardGrid--expanded{grid-template-columns:1fr;gap:12px}.doorCard{padding:14px}.doorCard__top{flex-direction:column;align-items:stretch;gap:10px}.doorCard__metaGrid,.doorCard--expanded .doorCard__metaGrid,.doorCard--compact .doorCard__metaGrid{grid-template-columns:1fr;gap:10px}.doorCard__footer{justify-content:flex-start}}.eventDetailsOverlay{position:fixed;inset:0;background:#0f172a85;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000}.eventDetailsModal{width:min(980px,100%);max-height:90vh;overflow:auto;background:#fff;border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-lg, 0 20px 40px rgba(15, 23, 42, .22));padding:20px}.eventDetailsHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.eventDetailsEyebrow{font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.eventDetailsTitle{margin:4px 0 0;font-size:24px;line-height:1.2}.eventDetailsCloseBtn{border:1px solid var(--border);background:#fff;color:var(--text);border-radius:var(--r-sm);padding:10px 14px;font-weight:700;cursor:pointer}.eventDetailsCloseBtn:hover{background:#f8fafc}.eventDetailsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:20px}.eventDetailsCard{border:1px solid var(--border);border-radius:var(--r-md);background:#fbfcfe;padding:16px}.eventDetailsCardTitle,.eventDetailsSectionTitle{font-size:15px;font-weight:800;margin-bottom:12px}.eventDetailsRow{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid #e8edf5}.eventDetailsRow:last-child{border-bottom:none}.eventDetailsSection{border:1px solid var(--border);border-radius:var(--r-md);padding:16px;background:#fff}.eventDetailsHistoryList{display:grid;gap:12px}.eventDetailsHistoryItem{border:1px solid var(--border);border-radius:var(--r-sm);background:#fbfcfe;padding:12px}.eventDetailsHistoryTop{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.eventDetailsHistoryTime{color:var(--muted);font-size:13px}.eventDetailsHistoryMeta{display:grid;gap:6px;font-size:14px}.eventDetailsMessage{padding:14px;border-radius:var(--r-sm);background:#f8fafc;color:var(--text)}.eventDetailsError{padding:14px;border-radius:var(--r-sm);background:#dc262614;border:1px solid rgba(220,38,38,.18);color:#991b1b}.eventDetailsBadge{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:800;border:1px solid var(--border)}.eventDetailsBadge--ok{background:#16a34a1f;border-color:#16a34a59;color:#166534}.eventDetailsBadge--warn{background:#f59e0b24;border-color:#f59e0b59;color:#92400e}.eventDetailsBadge--bad{background:#dc26261f;border-color:#dc262659;color:#991b1b}@media(max-width:760px){.eventDetailsGrid{grid-template-columns:1fr}.eventDetailsHeader{flex-direction:column;align-items:stretch}.eventDetailsRow{flex-direction:column;gap:4px}.eventDetailsHistoryTop{flex-direction:column;align-items:flex-start}}.intrusionAlerts{margin-bottom:var(--space-5)}.intrusionAlerts__header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px}.intrusionAlerts__eyebrow{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#991b1b}.intrusionAlerts__title{margin:4px 0 0;font-size:22px;line-height:1.2;color:var(--text)}.intrusionAlerts__dismissAllBtn{border:1px solid rgba(220,38,38,.22);background:#fff;color:#991b1b;border-radius:var(--r-sm);padding:10px 14px;font-weight:700;cursor:pointer}.intrusionAlerts__dismissAllBtn:hover{background:#dc26260f}.intrusionAlerts__list{display:grid;gap:12px}.intrusionAlertCard{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:stretch}.intrusionAlertCard__main{width:100%;text-align:left;border:1px solid rgba(220,38,38,.18);background:linear-gradient(180deg,#dc262614,#dc26260a);border-radius:var(--r-md);padding:14px 16px;cursor:pointer;box-shadow:var(--shadow-sm)}.intrusionAlertCard__main:hover{background:linear-gradient(180deg,#dc26261f,#dc26260f)}.intrusionAlertCard__badge{display:inline-flex;align-items:center;justify-content:center;margin-bottom:10px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:800;color:#991b1b;background:#ffffffd1;border:1px solid rgba(220,38,38,.22)}.intrusionAlertCard__title{font-size:18px;font-weight:800;color:var(--text);margin-bottom:6px}.intrusionAlertCard__meta{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:14px;color:#4b5563}.intrusionAlertCard__action{margin-top:10px;font-size:13px;font-weight:700;color:#991b1b}.intrusionAlertCard__dismissBtn{align-self:stretch;border:1px solid var(--border);background:#fff;color:var(--text);border-radius:var(--r-sm);padding:0 14px;font-weight:700;cursor:pointer;min-width:96px}.intrusionAlertCard__dismissBtn:hover{background:#f8fafc}@media(max-width:760px){.intrusionAlerts__header{flex-direction:column;align-items:stretch}.intrusionAlertCard{grid-template-columns:1fr}.intrusionAlertCard__dismissBtn{min-height:42px}}.eventsTitleRow{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-4)}.eventsTitleRow .muted{margin:0}.eventsLayout{display:grid;grid-template-columns:minmax(300px,360px) minmax(0,1fr);gap:var(--space-4);align-items:start}.eventsDoorRail{position:sticky;top:16px}.eventsDoorRail__header{margin-bottom:var(--space-4)}.eventsDoorRail__list{display:flex;flex-direction:column;gap:12px;max-height:calc(100vh - 240px);overflow-y:auto;padding-right:4px}.eventsDoorRail__list::-webkit-scrollbar{width:10px}.eventsDoorRail__list::-webkit-scrollbar-track{background:#eef2f7;border-radius:999px}.eventsDoorRail__list::-webkit-scrollbar-thumb{background:#c7d2e3;border-radius:999px}.eventsContentPanel{min-width:0}.eventsSelectedDoorHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid rgba(217,224,234,.9)}.eventsSelectedDoorHeader__text{min-width:0}.eventsSelectedDoorHeading{font-size:clamp(24px,3vw,34px);font-weight:900;color:#0f172a;line-height:1.08;letter-spacing:-.02em;word-break:break-word}.eventsSelectedDoorSubheading{margin-top:8px;font-size:13px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.eventsSelectedDoorStatusInline{margin-top:12px}.eventsSelectedDoorHeader__right{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap;justify-content:flex-end}.eventsSectionTitle{font-size:16px;font-weight:900;margin:0;color:var(--text)}.eventsSectionSubtitle{margin-top:4px;font-size:13px;color:var(--muted)}.eventsContentPanel__count{font-size:13px;color:var(--muted)}.eventsFiltersPanel{margin-bottom:var(--space-4);padding:14px;border:1px solid rgba(217,224,234,.9);border-radius:var(--r-md);background:linear-gradient(180deg,#fbfcfe,#f8fbff)}.eventsFiltersPanel__grid{display:grid;gap:12px;align-items:end}.eventsFiltersPanel__grid--top{grid-template-columns:repeat(2,minmax(0,1fr)) auto;margin-bottom:14px}.eventsFilterField{display:flex;flex-direction:column;gap:6px;min-width:0}.eventsFilterField__label{font-size:12px;font-weight:800;color:#475569;text-transform:uppercase;letter-spacing:.04em}.eventsFilterField__control{width:100%;min-width:0}.eventsFilterActions{display:flex;align-items:end;justify-content:flex-end}.eventsUserFilterBlock{border-top:1px solid rgba(217,224,234,.9);padding-top:14px}.eventsUserFilterBlock__header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}.eventsUserFilterBlock__current{font-size:12px;color:var(--muted)}.eventsUserFilterBlock__search{width:100%;margin-bottom:12px}.eventsUserFilterList{display:flex;flex-wrap:wrap;gap:8px}.eventsUserFilterOption{border:1px solid rgba(203,213,225,.9);background:#fff;color:#0f172a;padding:8px 12px;border-radius:999px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.eventsUserFilterOption:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.eventsUserFilterOption--selected{background:linear-gradient(180deg,var(--brand-800),var(--brand-700));border-color:var(--brand-800);color:#fff;box-shadow:0 8px 20px #0b3b8c29}.eventsUserFilterEmpty{font-size:13px;color:var(--muted);padding:4px 0}.eventsUserFilterMore{margin-top:12px;display:flex;justify-content:flex-start}.eventsExportRow{margin-top:14px;padding-top:14px;border-top:1px solid rgba(217,224,234,.9);display:flex;flex-wrap:wrap;gap:10px}.doorListCard{position:relative;width:100%;border:1px solid rgba(203,213,225,.88);border-radius:var(--r-lg);background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:var(--shadow-sm);padding:14px 14px 13px;text-align:left;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease}.doorListCard:before{content:"";position:absolute;inset:0 auto 0 0;width:7px;border-radius:var(--r-lg) 0 0 var(--r-lg);background:transparent}.doorListCard--online{background:linear-gradient(180deg,#fffffffc,#f9fcfafa);border-color:#16a34a2e}.doorListCard--online:before{background:linear-gradient(180deg,#16a34a,#15803d)}.doorListCard--degraded{background:linear-gradient(180deg,#fffffffc,#fffcf7fa);border-color:#f59e0b2e}.doorListCard--degraded:before{background:linear-gradient(180deg,#f59e0b,#d97706)}.doorListCard--offline{background:linear-gradient(180deg,#fffffffc,#fff9f9fa);border-color:#dc262633;box-shadow:0 8px 18px #dc26260a}.doorListCard--offline:before{background:linear-gradient(180deg,#dc2626,#b91c1c)}.doorListCard:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.doorListCard--selected{border-width:2px;border-color:#0d4aa861;box-shadow:0 0 0 4px #0d4aa81a,0 14px 28px #0f172a1f}.doorListCard--selected:after{content:"Selected";position:absolute;top:10px;right:10px;padding:4px 8px;border-radius:999px;background:linear-gradient(180deg,var(--brand-800),var(--brand-700));color:#fff;font-size:11px;font-weight:900;letter-spacing:.02em;box-shadow:0 8px 18px #0b3b8c2e}.doorListCard__top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.doorListCard__titleWrap{min-width:0;padding-right:6px}.doorListCard__title{font-size:15px;font-weight:900;color:#0f172a;line-height:1.2;word-break:break-word}.doorListCard__subtitle{margin-top:4px;font-size:12px;color:#475569;line-height:1.35;word-break:break-word}.doorListCard__meta{display:flex;flex-direction:column;gap:6px;margin-top:12px}.doorListCard__metaLine{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.doorListCard__metaLabel{font-size:11px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.doorListCard__metaValue{font-size:12px;color:#111827;line-height:1.35;font-weight:600;text-align:right}.doorListCard__footer{margin-top:12px;padding-top:10px;border-top:1px solid rgba(217,224,234,.9);font-size:12px;font-weight:900;color:var(--brand-800)}.doorListCard--online .doorListCard__footer{color:#166534}.doorListCard--degraded .doorListCard__footer{color:#92400e}.doorListCard--offline .doorListCard__footer{color:#991b1b}.alert{padding:10px 12px;border-radius:var(--r-sm);border:1px solid var(--border);background:#fbfcfe;color:var(--text);margin-bottom:var(--space-4);font-size:13px}.alert--error{background:#dc262614;border-color:#dc262647;color:#991b1b}.emptyState{color:var(--muted);font-size:14px;line-height:1.35}.emptyState__hint{margin-top:8px;font-size:12px;color:var(--muted)}@media(max-width:1200px){.eventsFiltersPanel__grid--top{grid-template-columns:repeat(2,minmax(0,1fr))}.eventsFilterActions{justify-content:flex-start}}@media(max-width:980px){.eventsLayout{grid-template-columns:1fr}.eventsDoorRail{position:static}.eventsDoorRail__list{max-height:none}}@media(max-width:700px){.eventsSelectedDoorHeader__right{justify-content:flex-start;align-items:flex-start;flex-direction:column}.eventsFiltersPanel__grid--top{grid-template-columns:1fr}.eventsFilterActions .btn,.eventsExportRow .btn{width:100%}.eventsUserFilterBlock__header{flex-direction:column;align-items:flex-start}.eventsUserFilterOption{width:100%;text-align:left}.doorListCard__top{flex-direction:column;align-items:stretch}.doorListCard__metaLine{flex-direction:column;gap:2px}.doorListCard__metaValue{text-align:left}}.adminUsersTitleRow{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-4)}.createUserPanel{border:1px dashed #99b7ff;background:#f5f9ff;margin-bottom:var(--space-4)}.createUserPanel__title{font-size:14px;font-weight:900;margin-bottom:var(--space-4)}.createUserForm{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:flex-end}.createUserForm__field{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}.createUserForm__field .input,.createUserForm__field .select{min-width:160px}.usersPanel{margin-bottom:var(--space-4)}.usersPanel__title{font-size:14px;font-weight:900;margin-bottom:var(--space-3)}.usersPanel__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-3)}.usersPanel__search{width:min(360px,100%)}.accessSubpanel{background:#f8fafc;border-top:1px solid var(--border);padding:var(--space-4)}.accessSubpanel__title{font-size:13px;font-weight:700;margin-bottom:var(--space-3);color:var(--text)}.accessSubpanel__empty{font-size:13px;color:var(--muted);margin-bottom:var(--space-3)}.grantForm{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap;margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border)}.grantForm__label{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:var(--space-2)}.passwordResetPanel{margin-top:var(--space-3);padding:0 var(--space-4) var(--space-4);background:#f8fafc}.passwordResetPanel__title{font-size:13px;font-weight:700;margin-bottom:var(--space-3);color:var(--text)}.passwordResetForm{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.passwordResetForm .input{min-width:220px}.adminMsg{margin-top:var(--space-3);font-size:13px}.adminMsg--error{color:var(--bad)}.adminMsg--success{color:var(--ok)}.badge--role-admin{background:#e6f0ff;border-color:#99b7ff;color:var(--brand-800)}.badge--role-user{background:#f0fdf4;border-color:#86efac;color:#166534}.passwordFieldWrap{position:relative;min-width:220px}.passwordFieldWrap__input{width:100%;padding-right:40px}.passwordToggleBtn{position:absolute;top:50%;right:10px;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--muted);cursor:pointer;padding:0}.passwordToggleBtn:hover{color:var(--text)}.passwordToggleBtn:disabled{cursor:default;opacity:.6}.tableSortButton{border:none;background:transparent;padding:0;font:inherit;font-weight:inherit;color:inherit;cursor:pointer}.tableSortButton:hover{color:var(--text)}.usersManagementTable__detailRow>td,.usersManagementTable__detailRow:hover>td,.usersManagementTable__detailRow:focus-within>td{background:transparent!important}.usersManagementTable__detailCell{background:transparent!important}.accessSubpanel .table tbody tr:hover>td,.accessSubpanel .table tbody tr:focus-within>td{background:transparent!important}.accessSubpanel .userCardPanel{margin-bottom:18px}.accessSubpanel>.accessSubpanel__title{margin-top:6px}.passwordResetPanel{border-top:1px solid var(--border);margin-top:18px;padding-top:18px}.userCardPanel__form{margin-top:12px}.userCardPanel__formTitle{font-size:13px;font-weight:700;color:var(--text);margin-bottom:8px}.userCardPanel__formRow{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.userCardPanel__input{width:min(260px,100%)}.userCardPanel{margin:0 0 14px}.rfidDoorStyleCard{width:min(100%,520px);border:1px solid #b7dfc4;border-left:6px solid #1f8f4e;border-radius:18px;background:#f8fbf9;overflow:hidden}.rfidDoorStyleCard--inactive{border-left-color:#b42318;border-color:#f0c7c2;background:#fff9f8}.rfidDoorStyleCard--empty{width:min(100%,420px);border-left-width:4px}.rfidDoorStyleCard__body{padding:14px 16px 12px}.rfidDoorStyleCard__headerRow{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.rfidDoorStyleCard__title{font-size:1.1rem;font-weight:800;color:#0f172a;line-height:1.2}.rfidDoorStyleCard__subtitle{margin-top:3px;font-size:.95rem;color:#475467}.rfidDoorStyleCard__status{flex-shrink:0;display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:999px;font-size:.85rem;font-weight:800;letter-spacing:.02em;border:1px solid transparent}.rfidDoorStyleCard__status:before{content:"";width:9px;height:9px;border-radius:999px;background:currentColor}.rfidDoorStyleCard__status--active{color:#166534;background:#dcfce7;border-color:#86efac}.rfidDoorStyleCard__status--inactive{color:#991b1b;background:#fee2e2;border-color:#fecaca}.rfidDoorStyleCard__section{margin-bottom:12px}.rfidDoorStyleCard__metaGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-top:12px;border-top:1px solid #d6e6db}.rfidDoorStyleCard__label{font-size:.8rem;font-weight:800;letter-spacing:.03em;color:#5b6b7f;margin-bottom:4px}.rfidDoorStyleCard__value{font-size:.98rem;font-weight:500;color:#0f172a;word-break:break-word}.rfidDoorStyleCard__value--id{font-size:1.02rem;font-weight:800;letter-spacing:.03em}@media(max-width:640px){.rfidDoorStyleCard{width:100%}.rfidDoorStyleCard__headerRow{flex-direction:column;align-items:flex-start}.rfidDoorStyleCard__metaGrid{grid-template-columns:1fr}}.loginPage{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.loginCard{width:100%;max-width:440px;background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-md);padding:32px 28px;border:1px solid var(--border)}.loginBrand{text-align:center;margin-bottom:22px}.loginBrand__title{font-size:28px;font-weight:900;color:var(--brand-800)}.loginBrand__subtitle{font-size:13px;color:var(--muted);margin-top:4px}.loginField{margin-bottom:14px}.loginField label{display:block;font-size:13px;font-weight:700;margin-bottom:6px;color:var(--text)}.loginField input,.loginField select{width:100%}.loginButton{width:100%;margin-top:6px}.loginError{margin-top:14px;background:#dc26261a;border:1px solid rgba(220,38,38,.35);color:#991b1b;padding:10px 12px;border-radius:var(--r-sm);font-size:13px}.loginDivider{height:1px;background:var(--border);margin:18px 0}.loginSecondaryBtn{width:100%}.devPanel{margin-top:14px;border:1px solid var(--border);border-radius:var(--r-md);background:#fbfcfe;padding:14px}.devPanel__title{font-size:14px;font-weight:800;margin-bottom:12px;color:var(--text)}.devOk{margin:10px 0 12px;color:#166534;font-size:13px;font-weight:700}.devBad{margin:10px 0 12px;color:#991b1b;font-size:13px;font-weight:700}.devHint{margin-top:10px;font-size:12px;color:var(--muted);line-height:1.35}