@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-ext-400-normal-BQZuk6qB.woff2)format("woff2"),url(/assets/inter-cyrillic-ext-400-normal-DQukG94-.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-400-normal-obahsSVq.woff2)format("woff2"),url(/assets/inter-cyrillic-400-normal-HOLc17fK.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-ext-400-normal-DGGRlc-M.woff2)format("woff2"),url(/assets/inter-greek-ext-400-normal-KugGGMne.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-400-normal-B4URO6DV.woff2)format("woff2"),url(/assets/inter-greek-400-normal-q2sYcFCs.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-vietnamese-400-normal-DMkecbls.woff2)format("woff2"),url(/assets/inter-vietnamese-400-normal-Bbgyi5SW.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-ext-400-normal-C1nco2VV.woff2)format("woff2"),url(/assets/inter-latin-ext-400-normal-77YHD8bZ.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2)format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-ext-500-normal-B0yAr1jD.woff2)format("woff2"),url(/assets/inter-cyrillic-ext-500-normal-BmqWE9Dz.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-500-normal-BasfLYem.woff2)format("woff2"),url(/assets/inter-cyrillic-500-normal-CxZf_p3X.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-greek-ext-500-normal-C4iEst2y.woff2)format("woff2"),url(/assets/inter-greek-ext-500-normal-2j5mBUwD.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-greek-500-normal-BIZE56-Y.woff2)format("woff2"),url(/assets/inter-greek-500-normal-Xzm54t5V.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-vietnamese-500-normal-DOriooB6.woff2)format("woff2"),url(/assets/inter-vietnamese-500-normal-mJboJaSs.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-ext-500-normal-CV4jyFjo.woff2)format("woff2"),url(/assets/inter-latin-ext-500-normal-BxGbmqWO.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2)format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-ext-600-normal-Dfes3d0z.woff2)format("woff2"),url(/assets/inter-cyrillic-ext-600-normal-Bcila6Z-.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-600-normal-CWCymEST.woff2)format("woff2"),url(/assets/inter-cyrillic-600-normal-4D_pXhcN.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-ext-600-normal-DRtmH8MT.woff2)format("woff2"),url(/assets/inter-greek-ext-600-normal-B8X0CLgF.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-600-normal-plRanbMR.woff2)format("woff2"),url(/assets/inter-greek-600-normal-BZpKdvQh.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-vietnamese-600-normal-Cc8MFFhd.woff2)format("woff2"),url(/assets/inter-vietnamese-600-normal-BuLX-rYi.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-ext-600-normal-D2bJ5OIk.woff2)format("woff2"),url(/assets/inter-latin-ext-600-normal-CIVaiw4L.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2)format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-cyrillic-ext-700-normal-BjwYoWNd.woff2)format("woff2"),url(/assets/inter-cyrillic-ext-700-normal-LO58E6JB.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-cyrillic-700-normal-CjBOestx.woff2)format("woff2"),url(/assets/inter-cyrillic-700-normal-DrXBdSj3.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-greek-ext-700-normal-qfdV9bQt.woff2)format("woff2"),url(/assets/inter-greek-ext-700-normal-BoQ6DsYi.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-greek-700-normal-C3JjAnD8.woff2)format("woff2"),url(/assets/inter-greek-700-normal-BUv2fZ6O.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-vietnamese-700-normal-DlLaEgI2.woff2)format("woff2"),url(/assets/inter-vietnamese-700-normal-BZaoP0fm.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-ext-700-normal-Ca8adRJv.woff2)format("woff2"),url(/assets/inter-latin-ext-700-normal-TidjK2hL.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2)format("woff2"),url(/assets/inter-latin-700-normal-BLAVimhd.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--bg:#f3f6fb;--surface:#fff;--surface-2:#f7f9fc;--border:#e4e9f2;--border-strong:#d4dbe7;--text:#0f1b3d;--text-2:#4a5670;--muted:#7b8699;--primary:#2563eb;--primary-600:#1d4ed8;--primary-50:#eef4ff;--green:#16a34a;--green-50:#e8f8ee;--amber:#d97706;--amber-50:#fff4e2;--red:#e11d48;--red-50:#ffecf0;--violet:#7c3aed;--violet-50:#f2edff;--sidebar-bg:#0b1a3c;--sidebar-bg-2:#0e214c;--sidebar-text:#c7d1e6;--sidebar-muted:#7f8db0;--radius:14px;--radius-sm:10px;--shadow:0 1px 2px #0f1b3d0a, 0 6px 18px #0f1b3d0a;--shadow-lg:0 12px 40px #0f1b3d24;--sidebar-w:272px;--header-h:66px}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.45}h1,h2,h3,h4,p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}input,select,textarea{font:inherit;color:inherit}ul{margin:0;padding:0;list-style:none}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;min-width:0;padding:16px 16px 14px;display:flex}.card__head{justify-content:space-between;align-items:center;gap:12px;min-height:30px;margin-bottom:14px;display:flex}.card__title{letter-spacing:-.01em;align-items:center;gap:10px;font-size:15.5px;font-weight:600;display:flex}.card__actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.card__link{color:var(--primary);align-self:flex-start;align-items:center;gap:6px;margin-top:14px;font-size:13px;font-weight:500;display:inline-flex}.card__link:hover{color:var(--primary-600)}.select{align-items:center;display:inline-flex;position:relative}.select select{appearance:none;background:var(--surface);border:1px solid var(--border-strong);color:var(--text);cursor:pointer;border-radius:8px;font-weight:500}.select--sm select{min-width:86px;padding:5px 30px 5px 10px;font-size:12.5px}.select--md select{border-radius:10px;min-width:118px;padding:10px 38px 10px 14px;font-size:13.5px}.select svg{pointer-events:none;color:var(--muted);position:absolute;right:10px}.select select:hover{border-color:#b9c3d4}.badge{white-space:nowrap;border-radius:5px;align-items:center;padding:1px 7px;font-size:11px;font-weight:600;line-height:17px;display:inline-flex}.badge--success{background:var(--green-50);color:#15803d}.badge--warning{background:var(--amber-50);color:#b45309}.badge--danger{background:var(--red-50);color:#be123c}.badge--info{background:var(--primary-50);color:var(--primary-600)}.badge--neutral{color:#475569;background:#eef2f7}.badge--violet{background:var(--violet-50);color:#6d28d9}.pill{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 10px 3px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.pill i{background:currentColor;border-radius:50%;width:7px;height:7px}.pill--online{background:var(--green-50);color:#15803d}.pill--offline{background:var(--red-50);color:#be123c}.avatar{object-fit:cover;color:#fff;background:#e2e8f0;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.dept-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.dot-icon{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.dot-icon--green{background:#22c55e}.dot-icon--amber{background:#f59e0b}.dot-icon--red{background:#f43f5e}.ring{flex-shrink:0;position:relative}.ring svg{display:block}.ring__track{stroke:#e8edf5}.ring--good .ring__value{stroke:#16a34a}.ring--warn .ring__value{stroke:#d97706}.ring--bad .ring__value{stroke:#e11d48}.ring__label{color:var(--text);justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex;position:absolute;inset:0}.skeleton{background:linear-gradient(90deg,#edf1f7 0%,#f6f8fb 50%,#edf1f7 100%) 0 0/200% 100%;animation:1.3s ease-in-out infinite shimmer;display:block}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty{color:var(--muted);text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:8px;padding:28px 12px;font-size:13px;display:flex}.error-text{color:#be123c;background:var(--red-50);border-radius:8px;padding:12px;font-size:13px}.alert{border-radius:10px;align-items:center;gap:10px;padding:11px 14px;font-size:13.5px;font-weight:500;display:flex}.alert--danger{background:var(--red-50);color:#be123c;border:1px solid #fbd0da}.dropdown{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:60;border-radius:12px;animation:.14s ease-out pop;position:absolute;top:calc(100% + 8px)}@keyframes pop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.dropdown__head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 14px;font-size:14px;display:flex}.dropdown__empty{color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:22px 14px;font-size:13px;display:flex}.link-btn{color:var(--primary);align-items:center;gap:5px;font-size:12.5px;font-weight:500;display:inline-flex}.menu-item{width:100%;color:var(--text-2);text-align:left;border-radius:8px;align-items:center;gap:10px;padding:9px 12px;font-size:13.5px;display:flex}.menu-item:hover{background:var(--surface-2);color:var(--text)}.menu-item--danger{color:#be123c}.menu-item--danger:hover{background:var(--red-50);color:#be123c}.btn-primary{background:linear-gradient(180deg, #2f6df0, var(--primary-600));color:#fff;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:46px;padding:0 20px;font-size:15px;font-weight:600;transition:filter .15s,transform .15s;display:inline-flex;box-shadow:0 6px 16px #2563eb47}.btn-primary:hover{filter:brightness(1.06)}.btn-primary:active{transform:translateY(1px)}.btn-primary:disabled{opacity:.75;cursor:progress}.btn-outline{border:1px solid var(--border-strong);background:var(--surface);color:var(--text);border-radius:10px;align-items:center;gap:7px;padding:9px 16px;font-size:13.5px;font-weight:500;display:inline-flex}.btn-outline:hover{background:var(--surface-2);border-color:#b9c3d4}.btn-outline--sm{border-radius:7px;gap:5px;padding:4px 10px;font-size:11.5px}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app{min-height:100vh}.main{margin-left:var(--sidebar-w);flex-direction:column;min-width:0;min-height:100vh;display:flex}.content{flex:1;min-width:0;padding:22px 26px 10px}.app-footer{color:var(--muted);justify-content:flex-end;gap:8px;padding:6px 26px 14px;font-size:11.5px;display:flex}.app-footer span+span:before{content:"•";margin-right:8px}.logo{align-items:center;gap:12px;display:flex}.logo__mark{color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex;position:relative}.logo__mark:before{content:"";background-color:#0000;background-image:linear-gradient(#60a5fa,#60a5fa),linear-gradient(#60a5fa,#60a5fa),linear-gradient(#60a5fa,#60a5fa),linear-gradient(#60a5fa,#60a5fa),linear-gradient(#60a5fa,#60a5fa),linear-gradient(#60a5fa,#60a5fa),linear-gradient(#60a5fa,#60a5fa),linear-gradient(#60a5fa,#60a5fa);background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%;background-repeat:no-repeat;background-size:12px 2.5px,2.5px 12px,12px 2.5px,2.5px 12px,12px 2.5px,2.5px 12px,12px 2.5px,2.5px 12px;background-attachment:scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box;border-radius:10px;position:absolute;inset:0}.logo__text{flex-direction:column;min-width:0;display:flex}.logo__text strong{color:#fff;letter-spacing:-.01em;font-size:21px;font-weight:700;line-height:1.1}.logo__text small{color:var(--sidebar-text);white-space:nowrap;font-size:11px}.sidebar{width:var(--sidebar-w);background:linear-gradient(180deg, var(--sidebar-bg) 0%, var(--sidebar-bg-2) 100%);color:var(--sidebar-text);z-index:50;scrollbar-width:thin;scrollbar-color:#24345f transparent;flex-direction:column;padding:16px 10px 14px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.sidebar__brand{padding:2px 8px 22px}.sidebar__nav{flex-direction:column;gap:4px;display:flex}.nav-item{height:42px;color:var(--sidebar-text);border-radius:9px;align-items:center;gap:12px;padding:0 12px;font-size:13.5px;font-weight:500;transition:background .15s,color .15s;display:flex}.nav-item svg{color:#aeb9d3;flex-shrink:0}.nav-item span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.nav-item:hover{color:#fff;background:#ffffff0f}.nav-item.active{color:#fff;background:linear-gradient(90deg,#2563eb,#1f55d6);box-shadow:0 6px 16px #2563eb59}.nav-item.active svg{color:#fff}.sidebar__footer{margin-top:auto;padding-top:20px}.org-switch{width:100%;color:var(--sidebar-text);text-align:left;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;display:flex}.org-switch:hover{background:#ffffff0d}.org-switch__icon{color:#fff;display:inline-flex}.org-switch__text{flex-direction:column;flex:1;display:flex}.org-switch__text strong{color:#fff;font-size:13.5px}.org-switch__text small{color:var(--sidebar-muted);font-size:11.5px}.sidebar__version{color:var(--sidebar-muted);padding:14px 12px 6px;font-size:11.5px}.sidebar__copy{color:var(--sidebar-muted);padding:0 12px;font-size:10.5px;line-height:1.4}.sidebar__copy a{color:inherit;white-space:nowrap}.sidebar__copy a:hover{color:#fff}.header__spacer{flex:1}.sidebar-backdrop{display:none}.header{z-index:40;height:var(--header-h);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#ffffffeb;align-items:center;gap:16px;padding:0 26px;display:flex;position:sticky;top:0}.header__burger{display:none!important}.header__right{align-items:center;gap:18px;margin-left:auto;display:flex}.icon-btn{width:40px;height:40px;color:var(--text);border-radius:10px;justify-content:center;align-items:center;display:inline-flex;position:relative}.icon-btn:hover{background:var(--surface-2)}.icon-btn__badge{color:#fff;text-align:center;background:#ef4444;border:2px solid #fff;border-radius:999px;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;line-height:14px;position:absolute;top:3px;right:3px}.search{width:min(340px,100%);position:relative}.search__icon{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.search input{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;outline:none;width:100%;height:40px;padding:0 14px 0 40px;font-size:13.5px;transition:border-color .15s,background .15s}.search input::placeholder{color:#98a2b3}.search input:focus{background:#fff;border-color:#93b4f5;box-shadow:0 0 0 3px #2563eb1a}.search__results{width:100%;min-width:320px;max-height:420px;padding:6px;left:0;overflow-y:auto}.search__group h4{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:8px 8px 4px;font-size:11px;font-weight:600}.search__item{text-align:left;border-radius:8px;align-items:center;gap:10px;width:100%;padding:7px 8px;display:flex}.search__item:hover{background:var(--surface-2)}.search__item>span:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.search__item strong{font-size:13px;font-weight:600}.search__item small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.search__glyph{background:var(--primary-50);width:30px;height:30px;color:var(--primary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.notif{position:relative}.notif__panel{width:360px;max-width:calc(100vw - 24px);right:-8px}.notif__list{max-height:380px;padding:6px;overflow-y:auto}.notif__list li{border-radius:8px;gap:10px;padding:10px 8px;display:flex}.notif__list li.is-unread{background:#f5f8ff}.notif__icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.notif__icon--danger{background:var(--red-50);color:#be123c}.notif__icon--warning{background:var(--amber-50);color:#b45309}.notif__icon--success{background:var(--green-50);color:#15803d}.notif__icon--info{background:var(--primary-50);color:var(--primary-600)}.notif__body{flex-direction:column;gap:2px;min-width:0;display:flex}.notif__body strong{font-size:13px;font-weight:600}.notif__body small{color:var(--text-2);font-size:12px}.notif__body time{color:var(--muted);font-size:11px}.user-menu{position:relative}.user-menu__trigger{text-align:left;border-radius:12px;align-items:center;gap:12px;padding:4px 6px;display:flex}.user-menu__trigger:hover{background:var(--surface-2)}.user-menu__text{flex-direction:column;display:flex}.user-menu__text strong{font-size:13.5px;font-weight:600}.user-menu__text small{color:var(--muted);font-size:11.5px}.user-menu__panel{width:210px;padding:6px;right:0}.user-menu__panel hr{border:0;border-top:1px solid var(--border);margin:6px 0}.splash{background:var(--sidebar-bg);justify-content:center;align-items:center;min-height:100vh;animation:1.4s ease-in-out infinite pulse;display:flex}@keyframes pulse{50%{opacity:.6}}.coming-soon{text-align:center;background:var(--surface);border:1px solid var(--border);max-width:520px;box-shadow:var(--shadow);border-radius:18px;margin:8vh auto;padding:36px 32px}.coming-soon__icon{background:var(--primary-50);width:64px;height:64px;color:var(--primary);border-radius:18px;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.coming-soon h1{margin-bottom:6px;font-size:22px}.coming-soon p{color:var(--text-2)}.coming-soon ul{text-align:left;color:var(--text-2);flex-direction:column;gap:8px;margin:20px auto 24px;font-size:13.5px;display:inline-flex}.coming-soon li{padding-left:20px;position:relative}.coming-soon li:before{content:"";background:var(--primary);border-radius:50%;width:7px;height:7px;position:absolute;top:7px;left:2px}@media (width<=1100px){.main{margin-left:0}.sidebar{box-shadow:var(--shadow-lg);transition:transform .22s;transform:translate(-100%)}.sidebar.is-open{transform:none}.sidebar-backdrop{z-index:45;background:#080f2373;display:block;position:fixed;inset:0}.header__burger{display:inline-flex!important}}@media (width<=720px){.header{gap:8px;padding:0 12px}.header__right{gap:4px}.user-menu__text,.user-menu__trigger>svg{display:none}.content{padding:16px 16px 8px}.search__results{left:12px;right:12px;top:calc(var(--header-h) - 4px);width:auto;min-width:0;position:fixed}.app-footer{justify-content:center;padding:6px 16px 14px}}.lang-switch{color:var(--muted);background:#eef2f7;border-radius:10px;align-items:center;gap:2px;padding:3px 3px 3px 9px;display:inline-flex}.lang-switch>svg{margin-right:4px}.lang-switch button{letter-spacing:.02em;min-width:34px;height:28px;color:var(--text-2);border-radius:7px;padding:0 8px;font-size:12px;font-weight:600}.lang-switch button.is-active{color:var(--primary-600);background:#fff;box-shadow:0 1px 3px #0f1b3d1f}.lang-switch button:focus-visible{outline:2px solid var(--primary);outline-offset:1px}@media (width<=640px){.lang-switch{padding-left:3px}.lang-switch>svg{display:none}}.dashboard{flex-direction:column;gap:16px;display:flex}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:2px;display:flex}.page-head h1{letter-spacing:-.02em;font-size:25px;font-weight:700}.page-head p{color:var(--text-2);margin-top:2px;font-size:13.5px}.page-head__tools{align-items:center;gap:12px;display:flex}.date-input{border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;min-width:190px;height:42px;color:var(--text);border-radius:10px;align-items:center;gap:12px;padding:0 16px;font-size:13.5px;font-weight:500;display:inline-flex;position:relative}.date-input svg{color:var(--text-2)}.date-input input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.date-input:hover{border-color:#b9c3d4}.date-input:focus-within{outline:2px solid var(--primary);outline-offset:2px}.dash-row{align-items:stretch;gap:16px;display:grid}.dash-row--top{grid-template-columns:minmax(0,1fr) 380px}.dash-row--mid{grid-template-columns:minmax(0,610fr) minmax(0,290fr) minmax(0,330fr)}.dash-row--bottom{grid-template-columns:minmax(0,472fr) minmax(0,428fr) minmax(0,330fr)}.org-card__body,.events-card__body,.telegram-card__body{contain:size;scrollbar-width:thin;scrollbar-color:#d5dce8 transparent;flex:auto;overflow-y:auto}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;gap:14px;display:grid}.stat-card{--c:#2f6bff;--bg:#eaf1ff;--bd:#cddcfb;border:1px solid var(--bd);background:linear-gradient(135deg, var(--bg) 0%, color-mix(in srgb, var(--bg) 55%, white) 100%);border-radius:12px;align-items:center;gap:12px;min-width:0;min-height:76px;padding:12px 14px;display:flex}.stat-card__icon{background:var(--c);color:#fff;width:44px;height:44px;box-shadow:0 6px 14px color-mix(in srgb, var(--c) 32%, transparent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.stat-card__body{min-width:0}.stat-card__label{color:var(--text-2);font-size:12.5px;font-weight:500;line-height:1.25}.stat-card__value{font-variant-numeric:tabular-nums;margin-top:5px;font-size:23px;font-weight:700;line-height:1.2}.stat-card--blue{--c:#2f6bff;--bg:#e8f0ff;--bd:#cbdafb}.stat-card--green{--c:#16a34a;--bg:#e4f7eb;--bd:#bfe8cf}.stat-card--red{--c:#ef4444;--bg:#ffeaee;--bd:#fbcdd6}.stat-card--amber{--c:#f59e0b;--bg:#fff3df;--bd:#fbdca9}.stat-card--violet{--c:#8b5cf6;--bg:#f1eaff;--bd:#dccdfb}.stat-card--teal{--c:#0d9488;--bg:#e1f6f4;--bd:#b9e6e0}.stat-card--pink{--c:#ec4899;--bg:#ffebf5;--bd:#f9cde3}.stat-card--indigo{--c:#1e40af;--bg:#e7edff;--bd:#c9d6f8}.stat-card--slate{--c:#5b6b82;--bg:#eceff4;--bd:#d6dce6}.chart-card .card__head{margin-bottom:8px}.legend{color:var(--text-2);flex-wrap:wrap;gap:6px 14px;margin-bottom:8px;font-size:11.5px;display:flex}.legend li{align-items:center;gap:6px;display:inline-flex}.legend b{color:var(--text);font-variant-numeric:tabular-nums;font-weight:600}.legend i{border-radius:50%;width:9px;height:9px}.chart-wrap{flex:1;min-height:206px}.chart-tip{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:10px;min-width:160px;padding:10px 12px;font-size:12px}.chart-tip strong{margin-bottom:6px;font-size:12.5px;display:block}.chart-tip__row{color:var(--text-2);align-items:center;gap:8px;padding:2px 0;display:flex}.chart-tip__row i{border-radius:50%;width:8px;height:8px}.chart-tip__row b{color:var(--text);font-variant-numeric:tabular-nums;margin-left:auto}.dept-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.dept-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:12px 12px 10px;transition:border-color .15s,box-shadow .15s,transform .15s;display:block}.dept-card:hover{border-color:#c6d4ef;transform:translateY(-1px);box-shadow:0 6px 18px #0f1b3d12}.dept-card__head{align-items:center;gap:10px;margin-bottom:10px;display:flex}.dept-card__body{justify-content:space-between;align-items:center;gap:8px;display:flex}.dept-card__title{flex-direction:column;min-width:0;display:flex}.dept-card__title strong{text-transform:uppercase;letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.dept-card__title small{color:var(--muted);margin-top:2px;font-size:12px}.dept-card__stats{flex-direction:column;gap:7px;padding-left:2px;display:flex}.dept-card__line{color:var(--text-2);align-items:center;gap:8px;font-size:12.5px;display:flex}.dept-card__line b{color:var(--text);font-variant-numeric:tabular-nums;font-weight:600}.org-card__body{min-height:300px;margin-right:-6px;padding-right:6px}.tree__children{border-left:1px dashed #cdd6e4;margin-left:12px;padding-left:12px}.tree__item{position:relative}.tree__children>.tree__item:before{content:"";border-top:1px dashed #cdd6e4;width:10px;position:absolute;top:17px;left:-12px}.tree__node{text-align:left;border-radius:8px;align-items:center;gap:7px;width:100%;padding:4px;font-size:13px;font-weight:600;display:flex}.tree__node:hover{background:var(--surface-2)}.tree__chev{width:14px;color:var(--muted);flex-shrink:0}.tree__icon{background:var(--primary-50);width:26px;height:26px;color:var(--primary);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.tree__node--organization .tree__icon{background:var(--primary);color:#fff;border-radius:9px;width:32px;height:32px}.tree__node--floor{color:var(--text-2);font-weight:500}.tree__node--floor .tree__icon{color:#52607a;background:#eef2f7}.tree__dept{background:var(--surface-2);border-radius:8px;align-items:center;gap:10px;margin:3px 0 3px 2px;padding:4px 10px 4px 5px;font-size:12.5px;font-weight:500;display:flex}.tree__dept span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tree__dept small{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:11.5px}.tree__dept:hover{background:var(--primary-50)}.events-card__body{min-height:300px;margin:0 -8px;padding:0 8px}.event-list li+li{border-top:1px solid #eef1f6}.event-row{border-radius:8px;align-items:center;gap:12px;padding:9px 6px;display:flex}.event-row:hover{background:var(--surface-2)}.event-row__body{flex-direction:column;flex:1;min-width:0;display:flex}.event-row__body strong{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.event-row__body small{color:var(--muted);font-size:12px}.event-row__meta{color:var(--text-2);font-variant-numeric:tabular-nums;align-items:center;gap:7px;margin-top:3px;font-size:12px;display:flex}.event-row__meta>i{background:#9aa5b8;border-radius:50%;width:4px;height:4px}.event-row__chev{color:#9aa5b8;flex-shrink:0}.device-strip{scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#d5dce8 transparent;flex:1;grid-auto-columns:max(92px,25% - 9px);grid-auto-flow:column;gap:12px;padding-bottom:6px;display:grid;overflow-x:auto}.device-card{border:1px solid var(--border);scroll-snap-align:start;border-radius:10px;flex-direction:column;gap:2px;min-width:0;padding:8px 8px 10px;transition:border-color .15s,box-shadow .15s;display:flex}.device-card:hover{border-color:#c6d4ef;box-shadow:0 6px 16px #0f1b3d12}.device-card__img{background:linear-gradient(#f3f6fb,#fff);border-radius:8px;flex:1;justify-content:center;align-items:center;margin-bottom:6px;padding:8px 0;display:flex}.device-card strong{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;overflow:hidden}.device-card small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-bottom:8px;font-size:11.5px;overflow:hidden}.device-card .pill{align-self:flex-start}.device-illustration{filter:drop-shadow(0 4px 6px #0f1b3d2e);display:block}.live{color:#e6ecf8;background:linear-gradient(160deg,#0f1f46 0%,#0a1634 100%);border-color:#1a2b56;padding:14px}.live .card__head{margin-bottom:12px}.live .card__title{color:#fff;font-size:14.5px}.live__status{color:#a9b8d8;align-items:center;gap:6px;font-size:11.5px;font-weight:500;display:inline-flex}.live__status i{background:#22c55e;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite blink;box-shadow:0 0 0 3px #22c55e38}.live__status.is-off i{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b38}@keyframes blink{50%{opacity:.4}}.live__body{flex:1;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:12px;display:grid}.cam{background:#1c2a44;border-radius:10px;justify-content:center;align-items:center;min-height:300px;animation:.6s ease-out camIn;display:flex;position:relative;overflow:hidden}@keyframes camIn{0%{filter:brightness(1.7)}}.cam__scene{filter:blur(2px);background:radial-gradient(70% 40% at 50% 0,#ffffff73,#0000 70%),linear-gradient(90deg,#0a14288c 0%,#0000 22% 78%,#0a14288c 100%),repeating-linear-gradient(90deg,#0000 0 38px,#ffffff0f 38px 41px),linear-gradient(#7d8ba0 0%,#b9c3d1 34%,#97a3b5 58%,#4a576d 100%);position:absolute;inset:-6px}.cam__scene:after{content:"";background:radial-gradient(#0000 45%,#050c1e8c 100%);position:absolute;inset:0}.cam__face{z-index:1;animation:.45s ease-out faceIn;display:block;position:relative}.cam__face .avatar{box-shadow:0 10px 26px #00000059}.cam__noshot{text-align:center;color:#e2e8f0;background:#030a1c59;border:1.5px dashed #ffffff73;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:165px;height:220px;padding:12px;font-size:12px;display:flex}.cam__face .cam__photo{aspect-ratio:3/4;object-position:center 30%;max-width:100%;width:auto!important;height:220px!important}@keyframes faceIn{0%{opacity:.4;transform:scale(.9)}}.cam__frame{--g:#22c55e;background:linear-gradient(var(--g), var(--g)) top left / 16px 2.5px, linear-gradient(var(--g), var(--g)) top left / 2.5px 16px, linear-gradient(var(--g), var(--g)) top right / 16px 2.5px, linear-gradient(var(--g), var(--g)) top right / 2.5px 16px, linear-gradient(var(--g), var(--g)) bottom left / 16px 2.5px, linear-gradient(var(--g), var(--g)) bottom left / 2.5px 16px, linear-gradient(var(--g), var(--g)) bottom right / 16px 2.5px, linear-gradient(var(--g), var(--g)) bottom right / 2.5px 16px;background-repeat:no-repeat;position:absolute;inset:-9px}.cam__scan{background:linear-gradient(90deg,#0000,#4ade80,#0000);height:2px;animation:2.4s ease-in-out infinite scan;position:absolute;left:-6px;right:-6px;box-shadow:0 0 10px #4ade80}@keyframes scan{0%,to{top:4%}50%{top:94%}}.cam__rec,.cam__clock{z-index:2;color:#fff;font-variant-numeric:tabular-nums;background:#030a1c8c;border-radius:5px;padding:2px 7px;font-size:10.5px;font-weight:600;position:absolute;top:8px}.cam__rec{align-items:center;gap:5px;display:inline-flex;left:8px}.cam__rec i{background:#ef4444;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite blink}.cam__clock{right:8px}.cam__tag{z-index:2;color:#fff;white-space:nowrap;background:#16a34aeb;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.cam__idle{z-index:1;color:#e2e8f0;flex-direction:column;align-items:center;gap:8px;font-size:12px;display:flex;position:relative}.live__info{color:var(--text);background:#fff;border-radius:10px;flex-direction:column;gap:12px;min-width:0;padding:12px;display:flex}.live__person{border-bottom:1px solid var(--border);gap:10px;min-width:0;padding-bottom:12px;display:flex}.live__person>div{flex-direction:column;min-width:0;display:flex}.live__person strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.live__person small{color:var(--muted);font-size:11.5px}.live__person-meta{color:var(--text-2);align-items:center;gap:8px;margin-top:5px;font-size:11.5px;display:flex}.live__empty{color:var(--muted);font-size:12.5px}.live__recent>span{color:var(--muted);font-size:11.5px}.live__thumbs{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;max-width:220px;margin-top:7px;display:grid}.live__thumbs>span{min-width:0}.live__thumbs .avatar{aspect-ratio:1;width:100%!important;height:auto!important}.live__foot{color:#b8c4de;justify-content:space-between;align-items:center;margin-top:12px;font-size:12px;display:flex}.live__foot span{align-items:center;gap:8px;display:inline-flex}.live__foot i{background:#3b4d78;width:1px;height:12px}.telegram-card{container-type:inline-size}.telegram-card__title{white-space:nowrap;align-items:center;gap:10px;display:inline-flex}@container (width<=380px){.telegram-card .btn-label{display:none}.telegram-card .btn-outline--sm{padding:6px}}.tg-icon{color:#fff;background:#229ed9;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.telegram-card__body{min-height:220px}.tg-list li{align-items:flex-start;gap:12px;padding:9px 2px;display:flex}.tg-list li+li{border-top:1px solid #eef1f6}.tg-list__icon{color:#fff;background:#229ed9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.tg-list__icon.is-alert{background:#e11d48}.tg-list__body{flex-direction:column;flex:1;min-width:0;display:flex}.tg-list__body strong{font-size:13px;font-weight:600}.tg-list__body small{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}.tg-list__time{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;flex-direction:column;align-items:flex-end;gap:2px;font-size:11.5px;display:flex}.tg-list__time em{color:#b45309;align-items:center;gap:3px;font-size:10.5px;font-style:normal;display:inline-flex}@media (width<=1400px){.dash-row--top{grid-template-columns:minmax(0,1fr)}.dash-row--mid,.dash-row--bottom{grid-template-columns:repeat(2,minmax(0,1fr))}.dept-status,.devices-card{grid-column:1/-1}}@media (width<=860px){.dash-row--mid,.dash-row--bottom{grid-template-columns:minmax(0,1fr)}.dept-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-card{gap:10px;min-height:70px;padding:12px}.stat-card__icon{width:38px;height:38px}.stat-card__icon svg{width:20px;height:20px}.stat-card__value{font-size:20px}}@media (width<=520px){.page-head__tools{width:100%}.date-input{flex:1;min-width:0}.dept-grid,.live__body{grid-template-columns:minmax(0,1fr)}.stat-card__label{font-size:12px}}.login{background:var(--bg);grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:100vh;display:grid}.login__brand{color:#fff;background:radial-gradient(circle at 85% 15%,#60a5fa38,#0000 40%),radial-gradient(circle at 10% 90%,#2563eb40,#0000 45%),linear-gradient(160deg,#0b1a3c 0%,#0f2758 100%);flex-direction:column;justify-content:space-between;gap:32px;padding:36px 48px;display:flex;position:relative;overflow:hidden}.login__brand:after{content:"";pointer-events:none;background:repeating-radial-gradient(circle,#0000 0 22px,#93c5fd14 22px 24px);border-radius:50%;width:460px;height:460px;position:absolute;bottom:-140px;right:-140px}.login__hero{z-index:1;max-width:500px;position:relative}.login__hero h1{letter-spacing:-.02em;font-size:36px;font-weight:700;line-height:1.15}.login__hero h1 span{color:#7cb4ff}.login__hero>p{color:#c7d1e6;margin:14px 0 30px;font-size:15px}.login__hero li{gap:14px;margin-bottom:18px;display:flex}.login__hero li>span{color:#93c5fd;background:#ffffff12;border:1px solid #ffffff1f;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.login__hero li strong{font-size:14.5px;font-weight:600;display:block}.login__hero li small{color:#aab6d3;font-size:13px}.login__copy{z-index:1;color:#7f8db0;font-size:12px;position:relative}.login__panel{justify-content:center;align-items:center;padding:40px 20px;display:flex;position:relative}.login__lang{position:absolute;top:18px;right:20px}.login__form{background:var(--surface);border:1px solid var(--border);border-radius:18px;flex-direction:column;gap:16px;width:100%;max-width:410px;padding:34px 32px;display:flex;box-shadow:0 20px 50px #0f1b3d14}.login__badge{background:var(--primary-50);color:var(--primary);border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:5px 11px;font-size:12px;font-weight:600;display:inline-flex}.login__form h2{letter-spacing:-.02em;font-size:25px;font-weight:700}.login__sub{color:var(--text-2);margin-top:-10px;font-size:13.5px}.field{flex-direction:column;gap:7px;display:flex}.field>span:first-child{font-size:13px;font-weight:600}.field__control{align-items:center;display:flex;position:relative}.field__control>svg{color:var(--muted);pointer-events:none;position:absolute;left:14px}.field__control input{border:1px solid var(--border-strong);background:#fff;border-radius:10px;outline:none;width:100%;height:46px;padding:0 46px 0 42px;font-size:14.5px;transition:border-color .15s,box-shadow .15s}.field__control input:focus{border-color:#7aa2f3;box-shadow:0 0 0 3px #2563eb1f}.field__toggle{width:34px;height:34px;color:var(--muted);border-radius:8px;justify-content:center;align-items:center;display:inline-flex;position:absolute;right:7px}.field__toggle:hover{background:var(--surface-2);color:var(--text)}.login__form .btn-primary{margin-top:6px}.login__hint{text-align:center;color:var(--muted);font-size:12.5px}.login__hint code{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:5px;padding:1px 6px;font-size:12px}@media (width<=900px){.login{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr)}.login__brand{padding:18px 20px}.login__hero,.login__copy,.login__brand:after{display:none}.login__panel{align-items:flex-start;padding:28px 16px}.login__form{padding:26px 20px}}.page{flex-direction:column;gap:16px;min-width:0;display:flex}.page-head--inner{align-items:center}.page-head__main{align-items:center;gap:14px;min-width:0;display:flex}.page-head__main h1{font-size:23px}.page-head__suffix{color:var(--text-2);font-weight:600}.page-head__icon,.back-btn{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.page-head__icon{background:var(--primary-50);color:var(--primary)}.back-btn{background:var(--surface);border:1px solid var(--border);color:var(--text);transition:background .15s,border-color .15s}.back-btn:hover{background:var(--primary-50);color:var(--primary);border-color:#c7d7fb}.crumbs{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px;margin-top:3px;font-size:13px;display:flex}.crumbs a{color:var(--text-2)}.crumbs a:hover{color:var(--primary)}.crumbs [aria-current]{color:var(--primary);font-weight:500}.card__subtitle{color:var(--text-2);margin-bottom:12px;font-size:13.5px}.card__link--inline{align-self:auto;margin-top:0}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.toolbar--flat{align-items:flex-end}.toolbar__grow{flex:260px;min-width:0}.toolbar__select{width:170px}.toolbar__end{margin-bottom:1px}.search-input{align-items:center;display:flex;position:relative}.search-input svg{color:var(--muted);pointer-events:none;position:absolute;left:13px}.search-input input{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;outline:none;width:100%;height:42px;padding:0 14px 0 40px;font-size:13.5px;transition:border-color .15s,background .15s,box-shadow .15s}.search-input input:focus{background:#fff;border-color:#93b4f5;box-shadow:0 0 0 3px #2563eb1a}.input{border:1px solid var(--border-strong);width:100%;height:42px;color:var(--text);background:#fff;border-radius:10px;outline:none;padding:0 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}textarea.input{resize:vertical;height:auto;padding:10px 12px;line-height:1.45}.input:focus{border-color:#7aa2f3;box-shadow:0 0 0 3px #2563eb1f}.input:disabled{background:var(--surface-2);color:var(--muted);cursor:not-allowed}.input::placeholder{color:#a0a9b8}.select-box{align-items:center;display:flex;position:relative}.select-box select{appearance:none;cursor:pointer;padding-right:36px}.select-box svg{color:var(--muted);pointer-events:none;position:absolute;right:12px}.input-suffix{align-items:center;display:flex}.input-suffix .input{border-radius:10px 0 0 10px}.input-suffix span{border:1px solid var(--border-strong);background:var(--surface-2);height:42px;color:var(--text-2);border-left:0;border-radius:0 10px 10px 0;align-items:center;padding:0 12px;font-size:13px;display:inline-flex}.btn{white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:42px;padding:0 16px;font-size:13.5px;font-weight:600;transition:background .15s,border-color .15s,filter .15s,box-shadow .15s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{background:linear-gradient(180deg, #2f6df0, var(--primary-600));color:#fff;box-shadow:0 4px 12px #2563eb40}.btn--primary:not(:disabled):hover{filter:brightness(1.07)}.btn--ghost{background:var(--surface);border:1px solid var(--border-strong);color:var(--text)}.btn--ghost:not(:disabled):hover{background:var(--surface-2);border-color:#b9c3d4}.btn--soft{background:var(--primary-50);color:var(--primary-600);border:1px solid #d3e0fb}.btn--soft:not(:disabled):hover{background:#e2ebfe}.btn--danger{color:#fff;background:#e11d48}.btn--danger:not(:disabled):hover{background:#be123c}.btn--sm{flex-shrink:0;width:42px;height:42px;padding:0}.actions{gap:6px;display:inline-flex}.act{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:filter .15s,transform .1s;display:inline-flex}.act:hover{filter:brightness(.94)}.act:active{transform:scale(.94)}.act:disabled{opacity:.6;cursor:progress}.act--blue{color:#2563eb;background:#e8efff}.act--red{color:#e11d48;background:#ffe8ec}.act--green{color:#15803d;background:#e4f7eb}.act--amber{color:#b45309;background:#fef3c7}.link-btn:disabled{opacity:.5}.icon-btn--sm{width:34px;height:34px;color:var(--muted)}.table-card{padding:18px 18px 14px}.table-wrap{border:1px solid var(--border);scrollbar-width:thin;border-radius:12px;overflow-x:auto}.table-wrap--scroll{max-height:360px;overflow-y:auto}.table{border-collapse:collapse;width:100%;font-size:13.5px}.table th{z-index:1;text-align:left;color:var(--text-2);border-bottom:1px solid var(--border);white-space:nowrap;background:#f7f9fc;padding:12px 14px;font-size:12.5px;font-weight:600;position:sticky;top:0}.table td{vertical-align:middle;border-bottom:1px solid #eef1f6;padding:11px 14px}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover td{background:#fafbfe}.table tr.is-clickable{cursor:pointer}.table tr.is-muted td{color:var(--muted)}.table--compact th,.table--compact td{padding:8px 12px}.table .num{text-align:right;font-variant-numeric:tabular-nums}.col-num{width:44px;color:var(--muted);font-variant-numeric:tabular-nums}.col-actions{white-space:nowrap;width:1%}.col-check{width:36px}.col-check input,.check-item input{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.th-sort{color:inherit;align-items:center;gap:5px;font-weight:600;display:inline-flex}.th-sort svg{color:#a3adbd}.th-sort.is-active,.th-sort.is-active svg{color:var(--primary)}.cell-title{align-items:center;gap:11px;min-width:180px;display:flex}.cell-title>span:last-child{flex-direction:column;min-width:0;display:flex}.cell-title strong{font-weight:600}.cell-title small{color:var(--muted);font-size:12px}.cell-icon{color:#475569;background:#eef2f7;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.cell-error{color:#be123c;align-items:center;gap:4px;margin-top:2px;font-size:12px;display:flex}.muted{color:var(--muted)}.small{font-size:12.5px}.nowrap{white-space:nowrap}.mono{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:12.5px}.text-green{color:#15803d}.text-amber{color:#b45309;font-size:11.5px}.text-red{color:#be123c;font-size:11.5px}.text-violet{color:#6d28d9;font-size:11.5px}.badge__dot{background:currentColor;border-radius:50%;width:6px;height:6px;margin-right:5px}.badge{padding:1px 8px;line-height:20px}.table-foot{color:var(--text-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:14px;font-size:13px;display:flex}.pager{align-items:center;gap:4px;display:flex}.pager button{border:1px solid var(--border);background:var(--surface);border-radius:8px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:0 6px;font-size:13px;font-weight:500;display:inline-flex}.pager button:not(:disabled):hover{border-color:#b9c3d4}.pager button.is-active{background:var(--primary);border-color:var(--primary);color:#fff}.pager button:disabled{opacity:.45;cursor:default}.pager__gap{color:var(--muted);padding:0 4px}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#080f2380;justify-content:center;align-items:flex-start;padding:6vh 16px 24px;animation:.15s ease-out fade;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes fade{0%{opacity:0}}.modal{background:var(--surface);border-radius:16px;flex-direction:column;width:100%;animation:.18s ease-out pop;display:flex;box-shadow:0 30px 80px #080f2359}.modal--sm{max-width:420px}.modal--md{max-width:520px}.modal--lg{max-width:720px}.modal__head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px 14px;display:flex}.modal__head h2{font-size:17px;font-weight:700}.modal__head p{color:var(--text-2);margin-top:2px;font-size:13px}.modal__body{padding:18px 20px}.modal__foot{border-top:1px solid var(--border);background:#fafbfd;border-radius:0 0 16px 16px;justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.confirm{color:var(--text-2);align-items:flex-start;gap:14px;font-size:14px;display:flex}.confirm__icon{background:var(--red-50);color:#e11d48;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.confirm__option{background:var(--surface-2);color:var(--text-2);cursor:pointer;border-radius:10px;align-items:flex-start;gap:10px;margin-top:14px;padding:10px 12px;font-size:13px;display:flex}.confirm__option input{flex-shrink:0;margin-top:2px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;display:grid}.form-grid__full{grid-column:1/-1}.form-grid>.alert{margin:0}.field2{flex-direction:column;gap:6px;min-width:0;display:flex}.field2__label{color:var(--text);justify-content:space-between;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.field2__label em{color:#e11d48;font-style:normal}.field2__hint{color:var(--muted);font-size:11.5px}.field2__error{color:#be123c;font-size:12px}.form-section{border-top:1px dashed var(--border-strong);padding-top:6px}.form-section h3{margin-top:10px;font-size:14px;font-weight:700}.form-section p{color:var(--muted);margin-top:2px;font-size:12.5px}.inline-add{gap:6px;display:flex}.segmented{background:#eef2f7;border-radius:11px;flex-wrap:wrap;gap:4px;padding:4px;display:inline-flex}.segmented button{height:34px;color:var(--text-2);border-radius:8px;padding:0 14px;font-size:13px;font-weight:500}.segmented button.is-active{color:var(--primary-600);background:#fff;font-weight:600;box-shadow:0 1px 3px #0f1b3d1f}.segmented--sm button{height:32px;padding:0 12px}.switch-row{align-items:flex-start;gap:12px;display:inline-flex}.switch-row.is-disabled{opacity:.5}.switch{background:#cbd5e1;border-radius:999px;flex-shrink:0;width:42px;height:24px;transition:background .18s;position:relative}.switch i{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .18s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.switch.is-on{background:#16a34a}.switch.is-on i{transform:translate(18px)}.switch-row__text{cursor:pointer;flex-direction:column;padding-top:1px;display:flex}.switch-row__text strong{font-size:13.5px;font-weight:600}.switch-row__text small{color:var(--muted);font-size:12px}.test-row{flex-wrap:wrap;align-items:center;gap:12px;font-size:13px;display:flex}.test-row__ok,.test-row__fail{align-items:center;gap:6px;display:inline-flex}.test-row__ok{color:#15803d}.test-row__fail{color:#be123c}.photo-field{align-items:center;gap:16px;display:flex}.photo-field__preview{color:#94a3b8;border:1px solid var(--border);background:#eef2f7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:84px;height:84px;display:flex;overflow:hidden}.photo-field__preview img{object-fit:cover;width:100%;height:100%}.photo-field__actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.photo-field__actions small{color:var(--muted);flex-basis:100%;font-size:11.5px}.icon-picker,.color-picker{flex-wrap:wrap;gap:6px;display:flex}.color-picker{margin-top:8px}.icon-picker__item{border:2px solid #0000;border-radius:12px;padding:3px}.icon-picker__item.is-active{border-color:var(--primary)}.color-picker__item{width:26px;height:26px;box-shadow:0 0 0 1px var(--border-strong);border:3px solid #fff;border-radius:50%}.color-picker__item.is-active{box-shadow:0 0 0 2px var(--text)}.check-list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin-top:6px;display:grid}.check-item{border:1px solid var(--border);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.check-item:hover{border-color:#c6d4ef}.check-item span{flex-direction:column;min-width:0;display:flex}.check-item strong{font-size:13px}.check-item small{color:var(--muted);font-size:11.5px}.date-input--block{width:100%}.sync-summary,.import-summary{margin-bottom:12px;font-size:13.5px}.modal .alert{margin-bottom:14px}.toasts{z-index:200;flex-direction:column;gap:10px;max-width:min(380px,100vw - 32px);display:flex;position:fixed;bottom:20px;right:20px}.toast{color:#fff;box-shadow:var(--shadow-lg);background:#0f1b3d;border-radius:12px;align-items:flex-start;gap:10px;padding:12px 12px 12px 14px;font-size:13.5px;animation:.2s ease-out pop;display:flex}.toast p{flex:1}.toast>svg:first-child{flex-shrink:0;margin-top:1px}.toast--success>svg:first-child{color:#4ade80}.toast--error>svg:first-child{color:#fb7185}.toast--info>svg:first-child{color:#60a5fa}.toast button{color:#94a3b8;display:inline-flex}.dept-hero{flex-flow:wrap;align-items:center;gap:16px;padding:18px 20px}.dept-hero .dept-icon{border-radius:16px;box-shadow:0 8px 20px #2563eb33}.dept-hero__text{flex:1;min-width:200px}.dept-hero__text h2{font-size:20px;font-weight:700}.dept-hero__text p{color:var(--text-2);margin-top:2px;font-size:13.5px}.dept-hero__tools{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.big-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.big-stat{gap:16px;min-height:96px;padding:18px 20px}.big-stat .stat-card__icon{width:52px;height:52px}.big-stat .stat-card__label{font-size:14px}.big-stat .stat-card__value{font-size:30px}.big-stat .stat-card__value small{color:var(--muted);font-size:15px;font-weight:500}.chips{flex-wrap:wrap;gap:8px;margin-top:-4px;display:flex}.chip{background:var(--surface);border:1px solid var(--border);color:var(--text-2);border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:12.5px;display:inline-flex}.chip b{color:var(--text);font-variant-numeric:tabular-nums}.tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.tile{--t:#2563eb;background:linear-gradient(135deg, color-mix(in srgb, var(--t) 7%, white), #fff 70%);border:1px solid color-mix(in srgb, var(--t) 18%, var(--border));border-radius:14px;align-items:center;gap:14px;padding:16px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;position:relative}.tile:hover{border-color:color-mix(in srgb, var(--t) 40%, white);transform:translateY(-2px);box-shadow:0 10px 24px #0f1b3d14}.tile__icon{background:color-mix(in srgb, var(--t) 14%, white);width:46px;height:46px;color:var(--t);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.tile__text{flex-direction:column;min-width:0;display:flex}.tile__text strong{font-size:14.5px;font-weight:600}.tile__text small{color:var(--muted);font-size:12.5px}.tile__arrow{color:#b3bccb;flex-shrink:0;margin-left:auto;transition:transform .15s,color .15s}.tile:hover .tile__arrow{color:var(--t);transform:translate(2px)}.tile--blue{--t:#2563eb}.tile--violet{--t:#7c3aed}.tile--green{--t:#16a34a}.tile--teal{--t:#0d9488}.tile--pink{--t:#db2777}.tile--sky{--t:#0284c7}.tile--amber{--t:#d97706}.tile--slate{--t:#475569}.two-col{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.live-dot{color:#15803d;align-items:center;gap:6px;font-size:11.5px;font-weight:500;display:inline-flex}.live-dot:before{content:"";background:#22c55e;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite blink;box-shadow:0 0 0 3px #22c55e33}.feed li{border-radius:8px;align-items:center;gap:12px;padding:8px 4px;display:flex}.feed li+li{border-top:1px solid #eef1f6}.feed li.is-new{animation:1.6s ease-out flash}@keyframes flash{0%{background:#e8f8ee}}.feed time{font-variant-numeric:tabular-nums;width:42px;color:var(--text-2);font-size:13px;font-weight:600}.feed__name{flex-direction:column;flex:1;min-width:0;display:flex}.feed__name strong{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.feed__name small{color:var(--muted);font-size:11.5px}.mini-devices li{align-items:center;gap:12px;padding:10px 2px;display:flex}.mini-devices li+li{border-top:1px solid #eef1f6}.mini-devices__icon{color:#475569;background:#eef2f7;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.mini-devices__name{flex-direction:column;flex:1;min-width:0;display:flex}.mini-devices__name strong{font-size:13.5px;font-weight:600}.mini-devices__name small{color:var(--muted);font-size:12px}.att-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.att-head .card__subtitle{color:var(--text);margin:0;font-size:14.5px;font-weight:600}.att-head__tools{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pills{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.pill-tab{border:1px solid var(--border-strong);background:var(--surface);height:36px;color:var(--text-2);border-radius:10px;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:500;display:inline-flex}.pill-tab span{min-width:22px;color:var(--text-2);text-align:center;background:#eef2f7;border-radius:999px;padding:0 6px;font-size:11.5px;font-weight:600;line-height:20px}.pill-tab.is-active{background:var(--primary);border-color:var(--primary);color:#fff}.pill-tab.is-active span{color:#fff;background:#ffffff38}.settings-card{padding:0;overflow:hidden}.tabs{border-bottom:1px solid var(--border);scrollbar-width:none;gap:4px;padding:0 16px;display:flex;overflow-x:auto}.tabs button{color:var(--text-2);white-space:nowrap;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:15px 14px 13px;font-size:13.5px;font-weight:500;display:inline-flex}.tabs button:hover{color:var(--text)}.tabs button.is-active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.settings-body{flex-direction:column;gap:4px;padding:8px 20px 20px;display:flex}.settings-body>.alert{margin-top:12px}.settings-section{flex-direction:column;gap:12px;padding:16px 0;display:flex}.settings-section+.settings-section{border-top:1px solid var(--border)}.settings-section h3{align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.settings-section h3+.muted{margin-top:-8px;font-size:13px}.settings-section.is-disabled{opacity:.55}.switch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px;display:grid}.switch-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.weekdays{flex-wrap:wrap;gap:8px;display:flex}.weekdays button{border:1px solid var(--border-strong);background:var(--surface);width:52px;height:42px;color:var(--text-2);border-radius:10px;font-size:13px;font-weight:600}.weekdays button.is-on{background:var(--primary);border-color:var(--primary);color:#fff}.save-bar{border-top:1px solid var(--border);justify-content:flex-end;padding-top:12px;display:flex}.danger-zone__row{background:#fff8f9;border:1px solid #fbd0da;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.danger-zone__row strong{font-size:14px}.danger-zone__row p{font-size:12.5px}.profile__head{align-items:center;gap:16px;margin-bottom:18px;display:flex}.profile__head h3{font-size:19px;font-weight:700}.profile__head p{color:var(--muted);font-size:13px}.profile__badges{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.profile__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;margin:0;display:grid}.profile__grid div{flex-direction:column;gap:2px;min-width:0;display:flex}.profile__grid dt{color:var(--muted);font-size:12px}.profile__grid dd{margin:0;font-size:14px;font-weight:500}.profile__subtitle{margin:20px 0 10px;font-size:14.5px;font-weight:700}.dept-nav{border-left:1px solid #ffffff1f;flex-direction:column;gap:2px;margin:6px 0 8px 22px;padding:6px 0 6px 12px;display:flex}.dept-nav__title{color:#fff;align-items:center;gap:9px;padding:6px 8px 8px;font-size:13.5px;font-weight:600;display:flex}.dept-nav__title span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dept-nav__item{height:34px;color:var(--sidebar-text);border-radius:8px;align-items:center;gap:10px;padding:0 10px;font-size:13px;transition:background .15s,color .15s;display:flex}.dept-nav__item svg{color:#97a4c3;flex-shrink:0}.dept-nav__item:hover{color:#fff;background:#ffffff0f}.dept-nav__item.active{color:#fff;background:#60a5fa29;font-weight:600}.dept-nav__item.active svg{color:#93c5fd}.coming-soon h1 small{color:var(--muted);font-size:15px;font-weight:500}@media (width<=1200px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col{grid-template-columns:minmax(0,1fr)}}@media (width<=760px){.big-stats,.form-grid,.switch-grid,.switch-grid--3,.profile__grid{grid-template-columns:minmax(0,1fr)}.toolbar>.btn{flex:auto}.toolbar__select{width:100%}.danger-zone__row{flex-direction:column;align-items:flex-start}.modal-overlay{padding:12px}}@media (width<=520px){.tiles{grid-template-columns:minmax(0,1fr)}.page-head__main h1{font-size:20px}}.block{display:block}.readonly-field{border:1px dashed var(--border-strong);background:var(--surface-2);height:42px;color:var(--text);border-radius:10px;align-items:center;gap:8px;padding:0 12px;font-size:14px;font-weight:600;display:flex}.readonly-field svg{color:var(--primary)}.select-with-icon{display:block;position:relative}.select-with-icon>svg{z-index:1;color:#229ed9;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.select-with-icon .input{padding-left:36px}.tg-inline{align-items:center;gap:6px;font-size:13px;display:inline-flex}.tg-inline svg{color:#229ed9}.link-btn--inline{margin-left:8px;font-size:12px}.alert--warning{background:var(--amber-50);color:#92400e;border:1px solid #fbdca9}.tg-groups{flex-direction:column;gap:12px;display:flex}.bot-hint{color:#075985;background:#eaf6fd;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;display:flex}.bot-hint svg{flex-shrink:0}.bot-hint a{color:var(--primary);font-weight:600}.bot-hint.is-warning{background:var(--amber-50);color:#92400e}.tg-groups__list{flex-direction:column;gap:8px;display:flex}.tg-groups__list li{border:1px solid var(--border);border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.tg-groups__list li.is-off{opacity:.6}.tg-groups__icon{color:#fff;background:#229ed9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.tg-groups__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.tg-groups__body strong{flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;display:flex}.tg-groups__body>small{color:var(--muted);font-size:12px}.tg-groups__meta{color:var(--text-2);flex-wrap:wrap;gap:12px;font-size:12px;display:flex}.tg-groups__meta span{align-items:center;gap:4px;display:inline-flex}.tg-groups__meta .text-red,.tg-groups__meta .text-green{font-size:12px}.tg-groups__add{align-self:flex-start}.chat-picker{flex-direction:column;gap:6px;max-height:220px;display:flex;overflow-y:auto}.chat-picker__item{border:1px solid var(--border);text-align:left;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;display:flex}.chat-picker__item span{flex-direction:column;flex:1;display:flex}.chat-picker__item small{color:var(--muted);font-size:11.5px}.chat-picker__item svg{color:#229ed9;flex-shrink:0}.chat-picker__item:hover:not(:disabled){border-color:#93c5fd}.chat-picker__item.is-active{border-color:var(--primary);background:var(--primary-50)}.chat-picker__item:disabled{opacity:.55;cursor:not-allowed}.reason-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.reason-grid button{border:1px solid var(--border-strong);background:var(--surface);height:40px;color:var(--text-2);border-radius:10px;font-size:13px;font-weight:500}.reason-grid button:hover{border-color:#b9c3d4}.reason-grid button.is-active{background:var(--primary);border-color:var(--primary);color:#fff}.doc-field{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.doc-chip{background:var(--surface-2);border:1px solid var(--border);white-space:nowrap;text-overflow:ellipsis;border-radius:8px;align-items:center;gap:6px;max-width:280px;padding:5px 10px;font-size:12.5px;font-weight:500;display:inline-flex;overflow:hidden}.doc-chip--link{color:var(--primary);background:var(--primary-50);border-color:#d3e0fb}.doc-chip--link:hover{background:#e2ebfe}.cell-reason{max-width:260px}.cell-reason small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:12px;display:block;overflow:hidden}.report-head{flex-flow:wrap;justify-content:space-between;align-items:center;gap:12px}.report-head__actions{gap:10px;display:flex}.period-picker{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.period-picker .select-box{width:170px}.period-picker .date-input{min-width:160px}.report-stats{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.rate{text-align:center;border-radius:6px;min-width:46px;padding:1px 8px;font-size:12px;font-weight:700;display:inline-block}.rate--good{background:var(--green-50);color:#15803d}.rate--warn{background:var(--amber-50);color:#b45309}.rate--bad{background:var(--red-50);color:#be123c}.profile-card{align-items:center;gap:16px;display:flex}.profile-card h3{font-size:18px}.profile-card__body{flex-direction:column;gap:8px;min-width:0;display:flex}.profile-card__body .muted{margin-top:-6px}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.section-head>div{flex-direction:column;flex:320px;gap:4px;min-width:0;display:flex}.section-head .muted{margin-top:0;font-size:13px}.org-badge{width:34px;height:34px;color:var(--primary);background:#e8efff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.save-bar--inline{border-top:0;padding-top:0}.bot-card{background:#f3fbf6;border:1px solid #bfe8cf;border-radius:12px;flex-wrap:wrap;align-items:center;gap:14px;padding:14px 16px;display:flex}.bot-card__icon{color:#fff;background:#229ed9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.bot-card__body{flex-direction:column;flex:1;gap:2px;min-width:200px;display:flex}.bot-card__body strong{align-items:center;gap:8px;font-size:15px;display:flex}.bot-card__body small{color:var(--text-2);font-size:12.5px}.bot-card__actions{gap:8px;display:flex}.token-form{align-items:flex-end;gap:10px;display:flex}.token-form__field{flex:1}.token-form>.btn{margin-bottom:20px}.mini-stats{flex-wrap:wrap;gap:10px;display:flex}.mini-stats>span{background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);border-radius:10px;padding:8px 14px;font-size:13px}.mini-stats b{color:var(--text);margin-right:4px;font-size:16px}.mini-stats b.text-green{color:#15803d}.mini-stats b.text-red{color:#be123c}.error-list{flex-direction:column;gap:6px;font-size:12.5px;display:flex}.error-list li{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.error-list svg{color:#be123c}.steps{color:var(--text-2);flex-direction:column;gap:6px;margin:0;padding-left:20px;font-size:13.5px;display:flex}.schedule-row{border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.schedule-row.is-off{background:var(--surface-2)}.schedule-row__time{align-items:center;gap:8px;display:flex}.schedule-row__time .input[type=time]{width:120px}.schedule-row__time .select-box{width:190px}.send-now{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.send-now .select-box{width:230px}.send-results{flex-direction:column;gap:6px;font-size:13px;display:flex}.send-results li{align-items:center;gap:6px;display:flex}.send-results .is-ok svg{color:#15803d}.send-results .is-fail{color:#be123c}@media (width<=1200px){.report-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.reason-grid,.report-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.token-form{flex-direction:column;align-items:stretch}.token-form>.btn{margin-bottom:0}.period-picker .select-box,.period-picker .date-input{flex:140px;width:auto;min-width:0}}.alert--info{background:var(--primary-50);color:var(--primary-600);border:1px solid #d3e0fb}.alert .link-btn{margin-left:auto}.btn-inline{align-self:flex-start}.timeline{flex-direction:column;gap:10px;display:flex}.timeline__axis{height:18px;color:var(--muted);font-variant-numeric:tabular-nums;margin-left:132px;font-size:11px;position:relative}.timeline__axis span{position:absolute;transform:translate(-50%)}.timeline__axis span:first-child{transform:none}.timeline__axis span:last-child{transform:translate(-100%)}.timeline__row{align-items:center;gap:12px;display:flex}.timeline__label{white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;width:120px;font-size:13px;font-weight:600;overflow:hidden}.timeline__track{background:#f1f4f9;border-radius:8px;flex:1;height:32px;position:relative}.timeline__grid{background:#dfe5ee;width:1px;position:absolute;top:4px;bottom:4px}.timeline__bar{background:var(--c);border-radius:6px;align-items:center;padding:0 8px;display:flex;position:absolute;top:4px;bottom:4px;overflow:hidden}.timeline__bar em{color:#fff;white-space:nowrap;font-size:11px;font-style:normal;font-weight:600}.timeline__break{background:repeating-linear-gradient(135deg,#ffffffd9 0 3px,#ffffff59 3px 6px);position:absolute;top:4px;bottom:4px}.timeline__now{background:#e11d48;border-radius:2px;width:2px;position:absolute;top:-3px;bottom:-3px}.shift-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;display:grid}.shift-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;flex-direction:column;gap:12px;padding:16px 16px 14px 20px;display:flex;position:relative;overflow:hidden}.shift-card:before{content:"";background:var(--c);width:5px;position:absolute;top:0;bottom:0;left:0}.shift-card__head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.shift-card__head h3{align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.shift-card__head .badge{align-items:center;gap:3px;display:inline-flex}.shift-card__time{font-variant-numeric:tabular-nums;color:var(--c);align-items:baseline;gap:6px;margin-top:4px;font-size:26px;font-weight:700;display:flex}.shift-card__time>span{color:var(--muted);font-weight:500}.shift-card__night{color:#6d28d9;align-items:center;gap:3px;font-size:12px;font-weight:600;display:inline-flex}.shift-card__facts{color:var(--text-2);flex-direction:column;gap:5px;font-size:12.5px;display:flex}.shift-card__facts li{align-items:center;gap:7px;display:flex}.shift-card__facts svg{color:var(--muted);flex-shrink:0}.shift-card__facts b{color:var(--text);font-weight:600}.shift-card__today{border-top:1px dashed var(--border-strong);flex-wrap:wrap;align-items:center;gap:6px;padding-top:10px;display:flex}.shift-card__count{align-items:center;gap:5px;margin-right:4px;font-size:13px;display:inline-flex}.chip--green{background:var(--green-50);color:#15803d;border-color:#bfe8cf}.chip--amber{background:var(--amber-50);color:#b45309;border-color:#fbdca9}.chip--red{background:var(--red-50);color:#be123c;border-color:#fbcdd6}.chip--green b,.chip--amber b,.chip--red b{color:inherit}.shift-card__foot{flex-wrap:wrap;gap:8px;display:flex}.shift-card__foot .btn{height:36px;font-size:13px}.shift-card--add{border:2px dashed var(--border-strong);background:var(--surface-2);min-height:200px;box-shadow:none;color:var(--primary);justify-content:center;align-items:center;font-size:14px;font-weight:600}.shift-card--add:before{display:none}.shift-card--add:hover{border-color:var(--primary);background:var(--primary-50)}.preset-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.preset-chip{border:1px solid var(--border-strong);background:var(--surface);color:var(--text-2);border-radius:999px;padding:5px 10px;font-size:12px;font-weight:500}.preset-chip:hover{border-color:var(--primary);color:var(--primary)}.preset-chip.is-active{border-color:var(--primary);background:var(--primary-50);color:var(--primary)}.sync-progress{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.sync-progress__head{justify-content:space-between;align-items:center;gap:12px;font-size:13.5px;display:flex}.sync-progress__head span{align-items:center;gap:8px;display:inline-flex}.sync-progress__bar{background:var(--surface-2);border-radius:999px;height:8px;overflow:hidden}.sync-progress__bar i{border-radius:inherit;background:var(--primary);height:100%;transition:width .4s;display:block}.col-check{text-align:center;width:40px}.col-check input{cursor:pointer;width:16px;height:16px;accent-color:var(--primary)}.bulk-bar{background:var(--primary-50);border:1px solid #c7d7fe;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;padding:10px 14px;font-size:13.5px;display:flex}.bulk-bar>span{margin-right:auto}.table tr.is-selected td{background:var(--primary-50)}.shift-summary{background:color-mix(in srgb, var(--c) 8%, white);border:1px solid color-mix(in srgb, var(--c) 25%, white);color:var(--text-2);border-radius:10px;flex-wrap:wrap;gap:8px 18px;padding:10px 14px;font-size:13px;display:flex}.shift-summary span{align-items:center;gap:5px;display:inline-flex}.shift-summary b{color:var(--text)}.confirm-body{color:var(--text-2);flex-direction:column;gap:14px;font-size:14px;display:flex}.two-col--even{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col .card__title svg{color:var(--primary)}.schedule-days{margin:10px 0 6px}.schedule-legend{color:var(--text-2);margin-bottom:14px}.schedule-legend b{color:var(--text)}.holiday-list{flex-direction:column;max-height:320px;display:flex;overflow-y:auto}.holiday-list li{align-items:center;gap:12px;padding:8px 2px;display:flex}.holiday-list li+li{border-top:1px solid #eef1f6}.holiday-list__date{background:var(--red-50);color:#be123c;border-radius:10px;flex-direction:column;flex-shrink:0;align-items:center;width:46px;padding:4px 0;line-height:1.1;display:flex}.holiday-list__date b{font-size:17px}.holiday-list__date small{text-transform:uppercase;font-size:10.5px}.holiday-list__body{flex-direction:column;flex:1;min-width:0;display:flex}.holiday-list__body strong{font-size:13.5px}.holiday-list__body small{color:var(--muted);font-size:12px}.holiday-form{border-top:1px solid var(--border);grid-template-columns:150px minmax(0,1fr) auto auto;gap:8px;margin-top:14px;padding-top:14px;display:grid}.holiday-form .select-box{min-width:160px}.holiday-national{margin-top:10px}@media (width<=1100px){.two-col--even{grid-template-columns:minmax(0,1fr)}}@media (width<=760px){.timeline__axis{margin-left:0}.timeline__row{flex-direction:column;align-items:stretch;gap:4px}.timeline__label{width:auto}.holiday-form,.shift-grid{grid-template-columns:minmax(0,1fr)}}.bot-card__icon--hik{background:#e11d48}.hik-keys{margin-top:4px}.conn-tag{color:#be123c;vertical-align:middle;background:#fff1f3;border-radius:999px;align-items:center;gap:3px;margin-left:6px;padding:0 6px;font-size:11px;font-weight:600;display:inline-flex}.hik-connected{color:var(--text-2);align-items:center;gap:8px;display:flex}.hik-connected svg{color:#e11d48;flex-shrink:0}.face-thumb{object-fit:cover;vertical-align:middle;border-radius:50%;width:30px;height:30px}.hik-card{flex-direction:column;gap:14px;padding:18px;display:flex}.hik-card__head{flex-wrap:wrap;align-items:flex-start;gap:14px;display:flex}.hik-card__head h3{margin-bottom:2px;font-size:15px;font-weight:700}.hik-card__head>div:nth-child(2){flex:1;min-width:240px}.hik-card__icon{color:#e11d48;background:#fff1f3;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.hik-card__stats{color:var(--text-2);align-items:center;gap:8px;font-size:13px;display:flex}.hik-card__levels{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 14px;display:flex}.hik-card__levels>.small{color:var(--text-2);align-items:center;gap:5px;font-weight:600;display:inline-flex}.hik-card__picker{flex-wrap:wrap;flex:1;align-items:center;gap:8px;display:flex}.hik-card__actions{gap:8px;margin-left:auto;display:inline-flex}.check-chip{border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:inline-flex}.check-chip.is-on{border-color:var(--primary);background:var(--primary-50);color:var(--primary-600);font-weight:600}.hik-card__foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.rule-list{color:var(--text-2);flex-direction:column;gap:6px;margin:4px 0 12px;padding-left:18px;font-size:13.5px;list-style:outside;display:flex}.rule-row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.rule-row .field2{max-width:320px}.rule-mode{align-self:flex-start}.window-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;display:grid}.window-box{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex}.window-box>strong{font-size:14px}.window-box__row{grid-template-columns:1fr 1fr;align-items:end;gap:10px;display:grid}.window-box__row .input{min-width:0}.face-crop{background:var(--surface-2);border:1px solid var(--border);color:var(--muted);flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.face-crop img{display:block}.card.face-intro,.face-intro{flex-direction:row;align-items:flex-start;gap:14px;padding:16px 18px;display:flex}.face-intro p{margin:4px 0 0;line-height:1.5}.face-intro__icon{background:var(--primary-50);width:42px;height:42px;color:var(--primary);border-radius:12px;flex:none;place-items:center;display:grid}.face-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.face-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--primary);grid-template-columns:auto 1fr;align-items:center;gap:2px 10px;padding:14px 16px;display:grid}.face-stat span{color:var(--text-2);font-size:14px}.face-stat b{color:var(--text);font-size:20px}.face-stat small{color:var(--muted);grid-column:1/-1;font-size:12px;line-height:1.4}.face-stat.is-alert{background:var(--red-50);color:var(--red);border-color:#fecdd3}.face-stat.is-alert b{color:var(--red)}.face-alerts{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px;padding:4px 0 8px;display:grid}.face-alert{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:12px;padding:14px;display:flex}.face-alert.is-reviewed{background:var(--surface-2)}.face-alert__faces{align-items:center;gap:12px;display:flex}.face-alert__faces figure{flex-direction:column;align-items:center;gap:6px;margin:0;display:flex}.face-alert__faces figcaption{color:var(--muted);align-items:center;gap:4px;font-size:11.5px;display:inline-flex}.face-alert__faces figcaption a{color:var(--primary);display:inline-flex}.face-alert__vs{color:var(--red);font-size:26px;font-weight:700}.face-alert.is-reviewed .face-alert__vs{color:var(--muted)}.face-alert__body{flex-direction:column;gap:3px;min-width:0;display:flex}.face-alert__body strong{font-size:14.5px}.face-alert__tags{flex-wrap:wrap;gap:6px;margin-top:5px;display:flex}.face-alert__hint{color:var(--amber);font-size:12px}.face-alert__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:auto;display:flex}.face-checks{flex-wrap:wrap;gap:4px;display:flex}.face-ref__current{border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:2px 0 16px;display:flex}.face-ref__current small{margin-top:3px;line-height:1.45}.face-ref__actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.face-ref__title{margin:16px 0 10px;font-size:14px}.face-ref__title small{font-size:12px;font-weight:400}.face-grid{grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:10px;display:grid}.face-tile{font:inherit;color:inherit;background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:8px 6px;transition:border-color .15s,box-shadow .15s;display:flex}.face-tile:hover:not(:disabled){border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-50)}.face-tile:disabled{cursor:default}.face-tile.is-dim{opacity:.55}.face-tile small{color:var(--muted);font-size:11px}@media (width<=960px){.face-stats,.face-alerts{grid-template-columns:1fr}}.pass-photo{border:1px solid var(--border);background:var(--surface-2);vertical-align:middle;border-radius:8px;width:36px;height:48px;display:inline-block;overflow:hidden}.pass-photo img{object-fit:cover;object-position:center 30%;width:100%;height:100%;transition:transform .15s}.pass-photo:hover img{transform:scale(1.08)}.pass-photo{cursor:zoom-in;padding:0}.pass-preview{object-fit:contain;background:#0f172a;border-radius:12px;width:100%;max-height:70vh;display:block}.pass-preview__switch{margin-bottom:12px}.lang-field{max-width:360px;margin-top:16px}.input-action{gap:8px;display:flex}.input-action .input{flex:1;min-width:0}.check-list--pages{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.check-item.is-on{border-color:var(--primary);background:var(--primary-50)}.chip-list{flex-wrap:wrap;gap:4px;max-width:420px;display:flex}.credentials dl{gap:10px;margin:14px 0 0;display:grid}.credentials dl>div{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.credentials dt{color:var(--muted);font-size:13px}.credentials dd{-webkit-user-select:all;user-select:all;margin:0;font-size:16px;font-weight:600}