:root,[data-theme=dark]{--bg-base:#0a0e1a;--bg-surface:#111827;--bg-card:#161d2e;--bg-card-hover:#1a2236;--sidebar-bg:#0d1322;--border:#ffffff12;--border-bright:#ffffff21;--text-primary:#e8edf5;--text-secondary:#8b95a8;--text-muted:#4d5a6e;--accent-blue:#3b82f6;--accent-blue-glow:#3b82f640;--accent-cyan:#06b6d4;--status-safe:#10b981;--status-safe-bg:#10b9811f;--status-caution:#f59e0b;--status-caution-bg:#f59e0b1f;--status-danger:#ef4444;--status-danger-bg:#ef44441f;--status-offline:#6b7280;--status-offline-bg:#6b72801f;--font-mono:"JetBrains Mono", monospace;--sidebar-width:240px;--header-h:84px;--radius:10px;--radius-sm:6px;--shadow:0 4px 24px #0006;--login-bg-gradient:radial-gradient(ellipse 80% 60% at 50% -10%, #3b82f626 0%, transparent 60%);--logo-gradient-a:#2563eb;--logo-gradient-b:#0891b2;--sidebar-active-text:#3b82f6;--nav-hover-bg:#ffffff0a;--chart-grid:#ffffff0a;--chart-tick:#4d5a6e;--chart-tooltip-bg:#1a2236;--chart-tooltip-border:#ffffff1a}[data-theme=light]{--bg-base:#f0f4f8;--bg-surface:#fff;--bg-card:#fff;--bg-card-hover:#f8fafc;--sidebar-bg:#1e293b;--border:#00000014;--border-bright:#00000024;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--accent-blue:#2563eb;--accent-blue-glow:#2563eb1a;--accent-cyan:#0284c7;--status-safe:#059669;--status-safe-bg:#0596691a;--status-caution:#d97706;--status-caution-bg:#d977061a;--status-danger:#dc2626;--status-danger-bg:#dc26261a;--status-offline:#64748b;--status-offline-bg:#64748b1a;--font-mono:"JetBrains Mono", monospace;--sidebar-width:240px;--header-h:80px;--radius:10px;--radius-sm:6px;--shadow:0 2px 16px #00000014;--login-bg-gradient:radial-gradient(ellipse 80% 60% at 50% -10%, #2563eb14 0%, transparent 60%);--logo-gradient-a:#2563eb;--logo-gradient-b:#0284c7;--sidebar-active-text:#2563eb;--nav-hover-bg:#ffffff14;--chart-grid:#0000000d;--chart-tick:#94a3b8;--chart-tooltip-bg:#1e293b;--chart-tooltip-border:#00000026}[data-theme=green]{--bg-base:#ecfdf5;--bg-surface:#fff;--bg-card:#fff;--bg-card-hover:#f0fdf8;--sidebar-bg:#065f46;--border:#065f461f;--border-bright:#065f4633;--text-primary:#052e16;--text-secondary:#166534;--text-muted:#6eae8a;--accent-blue:#059669;--accent-blue-glow:#0596691f;--accent-cyan:#10b981;--status-safe:#059669;--status-safe-bg:#0596691a;--status-caution:#d97706;--status-caution-bg:#d977061a;--status-danger:#dc2626;--status-danger-bg:#dc26261a;--status-offline:#64748b;--status-offline-bg:#64748b1a;--font-mono:"JetBrains Mono",monospace;--sidebar-width:240px;--header-h:60px;--radius:10px;--radius-sm:6px;--shadow:0 2px 20px #065f461a;--chart-grid:#065f460f;--chart-tick:#6eae8a;--chart-tooltip-bg:#052e16;--chart-tooltip-border:#ffffff1a}[data-theme=violet]{--bg-base:#f5f3ff;--bg-surface:#fff;--bg-card:#fff;--bg-card-hover:#ede9fe;--sidebar-bg:#4c1d95;--border:#6d28d91f;--border-bright:#6d28d933;--text-primary:#1e0a4a;--text-secondary:#5b21b6;--text-muted:#a78bfa;--accent-blue:#7c3aed;--accent-blue-glow:#7c3aed1f;--accent-cyan:#8b5cf6;--status-safe:#059669;--status-safe-bg:#0596691a;--status-caution:#d97706;--status-caution-bg:#d977061a;--status-danger:#dc2626;--status-danger-bg:#dc26261a;--status-offline:#6b7280;--status-offline-bg:#6b72801a;--font-mono:"JetBrains Mono",monospace;--sidebar-width:240px;--header-h:60px;--radius:10px;--radius-sm:6px;--shadow:0 2px 20px #6d28d91a;--chart-grid:#6d28d90f;--chart-tick:#a78bfa;--chart-tooltip-bg:#1e0a4a;--chart-tooltip-border:#ffffff1a}[data-theme=corporate]{--bg-base:#f4f6fb;--bg-surface:#fff;--bg-card:#fff;--bg-card-hover:#f8f9ff;--sidebar-bg:#1a1d2e;--border:#6366f11a;--border-bright:#6366f12e;--text-primary:#1a1d2e;--text-secondary:#4b5280;--text-muted:#9496b0;--accent-blue:#6366f1;--accent-blue-glow:#6366f11a;--accent-cyan:#818cf8;--status-safe:#22c55e;--status-safe-bg:#22c55e1a;--status-caution:#f59e0b;--status-caution-bg:#f59e0b1a;--status-danger:#ef4444;--status-danger-bg:#ef44441a;--status-offline:#9ca3af;--status-offline-bg:#9ca3af1a;--font-mono:"JetBrains Mono",monospace;--sidebar-width:240px;--header-h:60px;--radius:10px;--radius-sm:6px;--shadow:0 2px 20px #6366f114;--chart-grid:#6366f112;--chart-tick:#9496b0;--chart-tooltip-bg:#1a1d2e;--chart-tooltip-border:#ffffff14}[data-theme=light] .login-page{background:#f0f4f8}[data-theme=light] .login-box{background:#fff;border-color:#0000001a;box-shadow:0 20px 60px #0000001f}[data-theme=light] .login-input{color:#0f172a;background:#f8fafc;border-color:#0000001f}[data-theme=light] .login-demo{color:#475569;background:#f8fafc;border-color:#00000014}[data-theme=light] .login-label{color:#475569}[data-theme=light] .login-brand{color:#0f172a}[data-theme=light] .login-sub{color:#94a3b8}[data-theme=green] .login-page{background:#ecfdf5}[data-theme=green] .login-box{background:#fff;border-color:#065f461a;box-shadow:0 20px 60px #065f461f}[data-theme=green] .login-input{color:#052e16;background:#f0fdf8;border-color:#065f4626}[data-theme=green] .login-demo{color:#166534;background:#f0fdf8;border-color:#065f461a}[data-theme=green] .login-label{color:#166534}[data-theme=green] .login-brand{color:#052e16}[data-theme=green] .login-sub{color:#6eae8a}[data-theme=violet] .login-page{background:#f5f3ff}[data-theme=violet] .login-box{background:#fff;border-color:#6d28d91a;box-shadow:0 20px 60px #6d28d91f}[data-theme=violet] .login-input{color:#1e0a4a;background:#ede9fe;border-color:#6d28d926}[data-theme=violet] .login-demo{color:#5b21b6;background:#ede9fe;border-color:#6d28d91a}[data-theme=violet] .login-label{color:#5b21b6}[data-theme=violet] .login-brand{color:#1e0a4a}[data-theme=violet] .login-sub{color:#a78bfa}[data-theme=corporate] .login-page{background:#f4f6fb}[data-theme=corporate] .login-box{background:#fff;border-color:#6366f11a;box-shadow:0 20px 60px #6366f11f}[data-theme=corporate] .login-input{color:#1a1d2e;background:#f4f6fb;border-color:#6366f126}[data-theme=corporate] .login-demo{color:#4b5280;background:#f4f6fb;border-color:#6366f11a}[data-theme=corporate] .login-label{color:#4b5280}[data-theme=corporate] .login-brand{color:#1a1d2e}[data-theme=corporate] .login-sub{color:#9496b0}.app-layout{min-height:100vh;display:flex}.app-main-area{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--border);z-index:100;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-header{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:18px 20px;display:flex}.sidebar-logo-icon{background:linear-gradient(135deg, var(--accent-blue), var(--accent-cyan));border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;display:flex}.sidebar-brand{letter-spacing:-.8px;font-size:20px;font-weight:500;line-height:1}.sidebar-brand span{color:var(--accent-cyan)}.sidebar-user{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:10px;margin:12px 14px;padding:10px 12px;display:flex}.user-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.user-avatar.super{background:linear-gradient(135deg,#6366f1,#3b82f6)}.user-avatar.facility{background:linear-gradient(135deg,#10b981,#06b6d4)}.user-info{min-width:0}.user-name{letter-spacing:-.2px;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:500;overflow:hidden}.user-role{color:var(--text-muted);letter-spacing:0;font-size:14px;font-weight:400}.sidebar-nav{flex:1;padding:10px 0;overflow-y:auto}.nav-section-title{color:var(--text-muted);letter-spacing:1.2px;text-transform:uppercase;padding:11px 20px 5px;font-size:13px;font-weight:600}.nav-item{cursor:pointer;color:var(--text-secondary);letter-spacing:-.2px;white-space:nowrap;border-radius:0;align-items:center;gap:10px;padding:11px 20px;font-size:16px;font-weight:500;transition:all .15s;display:flex;position:relative;overflow:hidden}.nav-item:hover{color:var(--text-primary);background:#ffffff0a}.nav-item.active{background:var(--accent-blue-glow);color:var(--accent-blue)}.nav-item.active:before{content:"";background:var(--accent-blue);border-radius:0 2px 2px 0;width:3px;position:absolute;top:0;bottom:0;left:0}.nav-icon{opacity:.8;justify-content:center;align-items:center;width:18px;display:flex}.nav-item.active .nav-icon{opacity:1}.nav-badge{background:var(--status-danger);color:#fff;border-radius:10px;margin-left:auto;padding:2px 7px;font-size:13px;font-weight:700}.theme-switcher{border-top:1px solid var(--border);flex-direction:column;gap:6px;padding:10px 12px;display:flex}.theme-switcher__themes{flex-wrap:wrap;gap:4px;display:flex}.theme-switcher__selects{gap:4px;display:flex}.theme-switcher__select{min-width:0;font-size:11px;font-family:var(--font-main);color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border-bright);border-radius:var(--radius-sm);cursor:pointer;outline:none;flex:1;padding:4px 6px}.theme-switcher__select:focus{border-color:var(--accent-blue)}.theme-switcher__select--font{flex:1.5}.theme-btn{border-radius:var(--radius-sm);border:1px solid var(--border-bright);cursor:pointer;min-width:0;font-family:var(--font-main);background:0 0;flex-direction:column;flex:1;align-items:center;gap:3px;padding:6px 3px;font-size:10px;font-weight:600;transition:all .2s;display:flex}.theme-btn .tb-dot{border-radius:3px;width:18px;height:10px}.theme-btn.active-theme{outline:2px solid var(--accent-cyan);outline-offset:1px}.theme-btn[data-t=light]{color:#475569;background:#f8fafc;border-color:#0000001a}.theme-btn[data-t=light] .tb-dot{background:linear-gradient(90deg,#f0f4f8,#2563eb)}.theme-btn[data-t=green]{color:#6ee7b7;background:#065f46;border-color:#ffffff26}.theme-btn[data-t=green] .tb-dot{background:linear-gradient(90deg,#065f46,#6ee7b7)}.theme-btn[data-t=violet]{color:#ddd6fe;background:#4c1d95;border-color:#ffffff26}.theme-btn[data-t=violet] .tb-dot{background:linear-gradient(90deg,#7c3aed,#a78bfa)}.theme-btn[data-t=corporate]{color:#a5b4fc;background:#1a1d2e;border-color:#6366f166}.theme-btn[data-t=corporate] .tb-dot{background:linear-gradient(90deg,#6366f1,#c7d2fe)}.theme-btn[data-t=dark]{color:#8b95a8;background:#0d1322;border-color:#ffffff1a}.theme-btn[data-t=dark] .tb-dot{background:linear-gradient(90deg,#0a0e1a,#3b82f6)}.sidebar-footer{border-top:1px solid var(--border);padding:12px 14px}.logout-btn{border:1px solid var(--border-bright);border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);font-family:var(--font-main);letter-spacing:-.1px;cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:15.5px;font-weight:500;transition:all .2s;display:flex}.logout-btn:hover{border-color:var(--status-danger);color:var(--status-danger)}.header{height:var(--header-h);background:var(--bg-surface);border-bottom:1px solid var(--border);z-index:90;flex-shrink:0;align-items:center;gap:16px;padding:0 24px;display:flex;position:sticky;top:0}.t1-header-row{align-items:center;gap:12px;width:100%;height:100%;display:flex}.weather-bar{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);letter-spacing:-.1px;cursor:pointer;flex-wrap:nowrap;flex:1;align-items:center;gap:14px;min-width:0;padding:10px 18px;font-size:16px;font-weight:400;display:flex;overflow-x:auto}.weather-bar::-webkit-scrollbar{display:none}.weather-item{white-space:nowrap;flex-shrink:0}.weather-sep{flex-shrink:0}.weather-alert-pill,.weather-detail-link{white-space:nowrap;flex-shrink:0}.weather-item{color:var(--text-secondary);align-items:center;gap:5px;font-size:14.5px;display:flex}.weather-item strong{color:var(--text-primary);font-size:17px;font-weight:600}.weather-sep{color:var(--border-bright)}.weather-alert-pill{background:#ef44441a;border:1.5px solid #ef444459;border-radius:6px;margin-left:6px;padding:6px 14px;font-size:15px;font-weight:600}.weather-alert-pill strong{color:var(--status-danger);font-size:17px;font-weight:700}.weather-detail-link{color:var(--text-muted);cursor:pointer;font-size:12px}.weather-action-btn{border-radius:var(--radius-sm);border:1px solid var(--border-bright);color:var(--text-secondary);font-family:var(--font-main);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.weather-action-btn:hover{background:var(--accent-blue-glow);border-color:var(--accent-blue);color:var(--accent-blue)}.t2-type-switch{gap:4px;display:flex}.t2-type-btn{border-radius:var(--radius-sm);border:1px solid var(--border-bright);color:var(--text-muted);font-family:var(--font-main);cursor:pointer;background:0 0;padding:6px 12px;font-size:13px;font-weight:600;transition:all .15s}.t2-type-btn.active{background:var(--accent-blue-glow);border-color:var(--accent-blue);color:var(--accent-blue)}.header-bell{cursor:pointer;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);justify-content:center;align-items:center;padding:7px 10px;font-size:16px;display:flex;position:relative}.bell-dot{background:var(--status-danger);color:#fff;border:1.5px solid var(--bg-surface);text-align:center;min-width:16px;height:16px;font-size:10px;font-weight:700;line-height:13px;font-family:var(--font-main);border-radius:8px;padding:0 4px;position:absolute;top:2px;right:2px}.bell-dropdown{background:var(--bg-card);border:1px solid var(--border-bright);border-radius:var(--radius);width:320px;max-height:400px;box-shadow:var(--shadow);z-index:1000;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.bell-dropdown__header{color:var(--text-secondary);border-bottom:1px solid var(--border);padding:12px 16px;font-size:13px}.bell-dropdown__header strong{color:var(--status-danger)}.bell-dropdown__list{max-height:280px;overflow-y:auto}.bell-dropdown__empty{text-align:center;color:var(--text-muted);padding:24px;font-size:13px}.bell-dropdown__item{border-bottom:1px solid var(--border);cursor:default;border-left:3px solid #0000;padding:10px 16px}.bell-dropdown__item:hover{background:var(--bg-card-hover)}.bell-dropdown__item--danger{border-left-color:var(--status-danger)}.bell-dropdown__item--caution{border-left-color:var(--status-caution)}.bell-dropdown__item-top{justify-content:space-between;margin-bottom:4px;display:flex}.bell-dropdown__facility{color:var(--text-primary);font-size:12px;font-weight:600}.bell-dropdown__time{color:var(--text-muted);font-size:11px}.bell-dropdown__item-body{color:var(--text-secondary);font-size:12px}.bell-dropdown__item-body strong{color:var(--status-danger)}.bell-dropdown__more{border:none;border-top:1px solid var(--border);width:100%;color:var(--accent-blue);font-size:13px;font-family:var(--font-main);cursor:pointer;text-align:center;background:0 0;padding:10px;display:block}.bell-dropdown__more:hover{background:var(--bg-card-hover)}@media (width<=768px){.bell-dropdown{width:auto;position:fixed;inset:auto 12px 60px}}.main-content{flex:1;padding:28px;overflow-y:auto}.page-container{animation:.25s fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}[data-layout=t2] .sidebar{align-items:center;width:80px;padding:0}[data-layout=t2] .sidebar-header{flex-shrink:0;justify-content:center;width:100%;padding:16px 0}[data-layout=t2] .sidebar-logo-icon{width:40px;height:40px}[data-layout=t2] .sidebar-brand{display:none}[data-layout=t2] .sidebar-user{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;width:calc(100% - 16px);margin:8px;padding:8px 4px}[data-layout=t2] .user-info{display:none}[data-layout=t2] .user-avatar{width:38px;height:38px;font-size:15px}[data-layout=t2] .sidebar-nav{flex:1;width:100%;padding:6px 0;overflow:hidden auto}[data-layout=t2] .sidebar-nav::-webkit-scrollbar{display:none}[data-layout=t2] .nav-section-title{display:none}[data-layout=t2] .nav-item{white-space:nowrap;border-radius:10px;justify-content:center;gap:0;width:calc(100% - 16px);margin:3px 8px;padding:12px 0;position:relative;overflow:visible}[data-layout=t2] .nav-item>span:not(.nav-icon):not(.nav-badge),[data-layout=t2] .nav-item.active:before{display:none}[data-layout=t2] .nav-item:after{content:attr(data-label);background:var(--sidebar-bg);color:var(--text-primary);white-space:nowrap;border:1px solid var(--border-bright);pointer-events:none;opacity:0;z-index:300;border-radius:7px;padding:6px 12px;font-size:12px;font-weight:500;transition:opacity .15s;position:absolute;top:50%;left:84px;transform:translateY(-50%);box-shadow:0 4px 16px #00000059}[data-layout=t2] .nav-item:hover:after{opacity:1}[data-layout=t2] .nav-icon{opacity:.65;width:22px;height:22px}[data-layout=t2] .nav-icon svg{width:22px;height:22px}[data-layout=t2] .nav-item:hover .nav-icon,[data-layout=t2] .nav-item.active .nav-icon{opacity:1}[data-layout=t2] .nav-badge{text-align:center;border-radius:8px;min-width:15px;padding:0 5px;font-size:9px;position:absolute;top:5px;right:3px}[data-layout=t2] .theme-switcher{border-top:1px solid var(--border);flex-shrink:0;gap:4px;width:100%;padding:6px;overflow:visible}[data-layout=t2] .theme-switcher__themes{grid-template-columns:1fr 1fr;gap:4px;display:grid}[data-layout=t2] .theme-btn{border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:0;min-width:0;padding:4px 2px;font-size:0}[data-layout=t2] .theme-btn .tb-dot{border-radius:3px;width:100%;height:12px}[data-layout=t2] .theme-switcher__selects{flex-direction:column;gap:3px}[data-layout=t2] .theme-switcher__select{padding:3px 4px;font-size:10px}[data-layout=t2] .sidebar-footer{flex-shrink:0;width:100%;padding:8px}[data-layout=t2] .logout-btn{white-space:nowrap;border-radius:10px;justify-content:center;width:100%;padding:10px 0;line-height:0;overflow:hidden;font-size:0!important}[data-layout=t2] .header{flex-direction:column;align-items:stretch;gap:0;height:124px;padding:0 28px}[data-layout=t2] .t1-header-row{display:none!important}[data-layout=t2] .t2-header-top,[data-layout=t2] .t2-nav-tabs{display:flex!important}.t2-header-top{border-bottom:1px solid var(--border);align-items:center;gap:14px;height:74px;padding:0 4px;display:none}.t2-weather-pill{align-items:center;gap:4px;font-size:14px;display:inline-flex}.t2-weather-alert{background:#ef44441a;border:1.5px solid #ef444459;border-radius:6px;padding:7px 16px;font-size:16px}.t2-nav-tabs{align-items:flex-end;gap:0;height:50px;display:none;overflow-x:auto}.t2-nav-tabs::-webkit-scrollbar{display:none}.t2-tab{height:46px;color:var(--text-muted);cursor:pointer;white-space:nowrap;letter-spacing:-.2px;border-bottom:3px solid #0000;flex-shrink:0;align-items:center;gap:6px;padding:0 18px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.t2-tab:hover{color:var(--text-secondary);background:var(--accent-blue-glow)}.t2-tab.active{color:var(--accent-blue);border-bottom-color:var(--accent-blue);font-weight:600}[data-layout=t2] .main-content{padding:22px!important}[data-layout=t2] .app-main-area{margin-left:80px}[data-theme=light] .sidebar{background:var(--sidebar-bg)}[data-theme=light] .sidebar-brand{color:#f1f5f9}[data-theme=light] .sidebar-brand span{color:#38bdf8}[data-theme=light] .nav-item{color:#94a3b8}[data-theme=light] .nav-item:hover{color:#f1f5f9;background:#ffffff14}[data-theme=light] .nav-item.active{color:#60a5fa;background:#3b82f626}[data-theme=light] .nav-section-title{color:#475569}[data-theme=light] .logout-btn{color:#94a3b8;border-color:#ffffff26}[data-theme=light] .logout-btn:hover{color:#ef4444;border-color:#ef4444}[data-theme=light] .sidebar-user{background:#ffffff0f;border-color:#ffffff1a}[data-theme=light] .user-name{color:#f1f5f9}[data-theme=light] .user-role{color:#64748b}[data-theme=light] .header{background:#fff;box-shadow:0 1px #00000014}[data-theme=light] .weather-bar{background:#f8fafc;border-color:#00000014}[data-theme=light] .weather-sep{color:#cbd5e1}[data-theme=light] .header-bell{background:#f8fafc;border-color:#00000014}[data-theme=green] .sidebar{background:var(--sidebar-bg)}[data-theme=green] .sidebar-brand{color:#fff}[data-theme=green] .sidebar-brand span{color:#6ee7b7}[data-theme=green] .nav-item{color:#ffffffa6}[data-theme=green] .nav-item:hover{color:#fff;background:#ffffff1a}[data-theme=green] .nav-item.active{color:#fff;background:#ffffff2e}[data-theme=green] .nav-item.active:before{background:#fff}[data-theme=green] .nav-section-title{color:#ffffff59}[data-theme=green] .logout-btn{color:#fff9;border-color:#fff3}[data-theme=green] .logout-btn:hover{color:#fca5a5;border-color:#fca5a5}[data-theme=green] .sidebar-user{background:#ffffff1a;border-color:#ffffff26}[data-theme=green] .user-name{color:#fff}[data-theme=green] .user-role{color:#ffffff80}[data-theme=green] .theme-switcher{border-top-color:#ffffff26}[data-theme=green] .header{background:#fff;box-shadow:0 1px #065f461a}[data-theme=green] .weather-bar{background:#f0fdf8;border-color:#065f461f}[data-theme=green] .header-bell{background:#f0fdf8;border-color:#065f461a}[data-theme=violet] .sidebar{background:var(--sidebar-bg)}[data-theme=violet] .sidebar-brand{color:#fff}[data-theme=violet] .sidebar-brand span{color:#ddd6fe}[data-theme=violet] .nav-item{color:#ffffffa6}[data-theme=violet] .nav-item:hover{color:#fff;background:#ffffff1a}[data-theme=violet] .nav-item.active{color:#fff;background:#ffffff2e}[data-theme=violet] .nav-item.active:before{background:#fff}[data-theme=violet] .nav-section-title{color:#ffffff59}[data-theme=violet] .logout-btn{color:#fff9;border-color:#fff3}[data-theme=violet] .logout-btn:hover{color:#fca5a5;border-color:#fca5a5}[data-theme=violet] .sidebar-user{background:#ffffff1a;border-color:#ffffff26}[data-theme=violet] .user-name{color:#fff}[data-theme=violet] .user-role{color:#ffffff80}[data-theme=violet] .theme-switcher{border-top-color:#ffffff26}[data-theme=violet] .header{background:#fff;box-shadow:0 1px #6d28d91a}[data-theme=violet] .weather-bar{background:#ede9fe;border-color:#6d28d91f}[data-theme=violet] .header-bell{background:#ede9fe;border-color:#6d28d91a}[data-theme=corporate] .sidebar{background:#1a1d2e;border-right-color:#ffffff0f}[data-theme=corporate] .sidebar-header{border-bottom-color:#ffffff0f}[data-theme=corporate] .sidebar-brand{color:#fff}[data-theme=corporate] .sidebar-brand span{color:#a5b4fc}[data-theme=corporate] .nav-item{color:#ffffff80}[data-theme=corporate] .nav-item:hover{color:#fff;background:#ffffff0f}[data-theme=corporate] .nav-item.active{color:#c7d2fe;background:#6366f133}[data-theme=corporate] .nav-item.active:before{background:#6366f1}[data-theme=corporate] .nav-section-title{color:#ffffff40}[data-theme=corporate] .logout-btn{color:#fff6;border-color:#ffffff1f}[data-theme=corporate] .logout-btn:hover{color:#ef4444;border-color:#ef4444}[data-theme=corporate] .sidebar-user{background:#ffffff0d;border-color:#ffffff14}[data-theme=corporate] .user-name{color:#fff}[data-theme=corporate] .user-role{color:#ffffff59}[data-theme=corporate] .theme-switcher{border-top-color:#ffffff0f}[data-theme=corporate] .header{background:#fff;box-shadow:0 1px #6366f114,0 2px 12px #6366f10a}[data-theme=corporate] .weather-bar{background:#f4f6fb;border-color:#6366f11a}[data-theme=corporate] .header-bell{color:#6366f1;background:#f4f6fb;border-color:#6366f11a}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes modalIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.mobile-header-content{flex-direction:column;gap:5px;width:100%;display:none}.mobile-header-top{align-items:center;gap:8px;width:100%;display:flex}.mobile-menu-btn{border:1px solid var(--border-bright);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:6px 8px;display:flex}.mobile-weather-row{color:var(--text-secondary);flex-wrap:wrap;flex:1;align-items:center;gap:5px;min-width:0;font-size:11px;display:flex}.mobile-weather-row strong{color:var(--text-primary);font-weight:600}.mobile-weather-row>*{white-space:nowrap}.mobile-weather-sep{color:var(--border-bright);font-size:10px}.mobile-header-bottom{align-items:center;gap:8px;width:100%;display:flex}.mobile-bottom-right{flex-shrink:0;gap:4px;margin-left:auto;display:flex}.mobile-action-btn{flex-shrink:0;padding:4px 8px!important;font-size:11px!important}@media (width<=768px){.sidebar{width:0;transition:width .25s;overflow:hidden}.mobile-sidebar-open .sidebar,.app-layout.mobile-sidebar-open .sidebar{box-shadow:0 0 40px #00000080;width:280px!important}.header{flex-wrap:wrap;min-height:50px;height:auto!important;padding:8px 12px!important;position:sticky!important;left:0!important;right:0!important}.main-content{min-height:0;height:auto!important;margin-top:0!important}.app-main-area{margin-left:0!important}.main-content{padding:14px!important}.mobile-header-content{display:flex}.t1-header-row{display:none!important}[data-layout=t2] .sidebar{width:0}[data-layout=t2] .app-main-area{margin-left:0!important}.mobile-sidebar-open [data-layout=t2] .sidebar,[data-layout=t2] .mobile-sidebar-open .sidebar{width:280px!important}[data-layout=t2] .header{flex-wrap:wrap;flex-direction:row!important;height:auto!important}[data-layout=t2] .t2-header-top,[data-layout=t2] .t2-nav-tabs{display:none!important}.sidebar-overlay{z-index:99;background:#00000080;display:none;position:fixed;inset:0}.sidebar-overlay.visible{display:block}}@media (width>=769px) and (width<=1024px){.sidebar{align-items:center;width:80px;padding:0}.sidebar-brand{display:none}.sidebar-header{justify-content:center;padding:16px 0}.sidebar-logo-icon{width:40px;height:40px}.user-info{display:none}.user-avatar{width:38px;height:38px;font-size:15px}.sidebar-user{flex-direction:column;justify-content:center;align-items:center;gap:4px;width:calc(100% - 16px);margin:8px;padding:8px 4px}.nav-section-title{display:none}.nav-item{border-radius:10px;justify-content:center;gap:0;width:calc(100% - 16px);margin:3px 8px;padding:12px 0}.nav-item>span:not(.nav-icon):not(.nav-badge),.nav-item.active:before{display:none}.nav-badge{padding:0 5px;font-size:9px;position:absolute;top:5px;right:3px}.theme-switcher{gap:4px;width:100%;padding:6px}.theme-switcher__themes{grid-template-columns:1fr 1fr;gap:4px;display:grid}.theme-btn{padding:4px 2px;font-size:0}.theme-btn .tb-dot{width:100%;height:12px}.theme-switcher__selects{flex-direction:column;gap:3px}.theme-switcher__select{padding:3px 4px;font-size:10px}.logout-btn{border-radius:10px;justify-content:center;padding:10px 0;font-size:0!important}.app-main-area{margin-left:80px!important}.main-content{padding:20px!important}[data-layout=t2] .app-main-area{margin-left:80px!important}}@media (width>=769px){.mobile-header-content,.sidebar-overlay{display:none!important}}.action-btn{border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-main);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:8px 20px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.action-btn:disabled{opacity:.4;cursor:not-allowed}.action-btn--full{width:100%}.action-btn--login{color:#fff;letter-spacing:.2px;border-radius:var(--radius-sm);background:linear-gradient(135deg,#2563eb,#0891b2);border:none;width:100%;padding:12px;font-size:16px;font-weight:600}.action-btn--login:hover:not(:disabled){opacity:.9}.action-btn--save,.action-btn--confirm{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.action-btn--save:hover:not(:disabled),.action-btn--confirm:hover:not(:disabled){filter:brightness(1.15)}.action-btn--register{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.action-btn--register:hover:not(:disabled){filter:brightness(1.15)}.action-btn--delete{background:var(--status-danger);color:#fff;border-color:var(--status-danger)}.action-btn--delete:hover:not(:disabled){filter:brightness(1.15)}.action-btn--cancel{color:var(--text-secondary);border-color:var(--border-bright);background:0 0}.action-btn--cancel:hover:not(:disabled){background:var(--nav-hover-bg)}.action-btn--detail{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.action-btn--detail:hover:not(:disabled){filter:brightness(1.15)}.action-btn--edit{color:var(--text-secondary);border-color:var(--border-bright);background:0 0}.action-btn--edit:hover:not(:disabled){background:var(--nav-hover-bg)}.action-btn--download{background:var(--status-safe);color:#fff;border-color:var(--status-safe)}.action-btn--download:hover:not(:disabled){filter:brightness(1.15)}.action-btn--print{background:var(--status-danger);color:#fff;border-color:var(--status-danger)}.action-btn--print:hover:not(:disabled){filter:brightness(1.15)}.action-btn--complete{background:var(--status-safe);color:#fff;border:none;border-radius:4px;padding:4px 12px;font-size:12px}.action-btn--complete:hover:not(:disabled){filter:brightness(1.15)}.action-btn--view-all{color:var(--accent-cyan);border-color:var(--border);background:0 0;font-size:12px}.action-btn--view-all:hover:not(:disabled){background:var(--nav-hover-bg)}.icon-btn{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-main);cursor:pointer;white-space:nowrap;background:#ffffff0a;align-items:center;gap:6px;padding:8px 14px;font-size:13px;transition:all .2s;display:inline-flex;position:relative}.icon-btn:hover{background:var(--nav-hover-bg);color:var(--text-primary)}.icon-btn--active{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.icon-btn--bell{background:0 0;border:none;border-radius:50%;padding:8px}.icon-btn__label{font-size:13px}.icon-btn__badge{background:var(--status-danger);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.text-input{flex-direction:column;gap:6px;display:flex}.text-input__label{color:var(--text-secondary);font-size:13px;font-weight:500}.text-input__field{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-family:var(--font-main);background:#ffffff0a;outline:none;padding:10px 14px;font-size:14px;transition:border-color .2s}.text-input__field:focus{border-color:var(--accent-blue)}.text-input__field:disabled{opacity:.5;cursor:not-allowed}.text-input__field::placeholder{color:var(--text-muted)}.text-input--login .text-input__label{color:var(--text-secondary);font-weight:600}.text-input--login .text-input__field{border-color:var(--border);background:#ffffff08;padding:14px 16px;font-size:15px}.text-input--search .text-input__field{border-radius:20px;padding:8px 12px;font-size:13px}.select-box{flex-direction:column;gap:6px;display:flex}.select-box__label{color:var(--text-secondary);font-size:13px;font-weight:500}.select-box__field{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-main);cursor:pointer;appearance:none;background:#ffffff0a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238b95a8' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 10px center no-repeat;outline:none;padding:8px 32px 8px 12px;font-size:13px;transition:border-color .2s}.select-box__field:focus{border-color:var(--accent-blue)}.select-box__field:disabled{opacity:.5;cursor:not-allowed}.select-box__field option{background:var(--bg-surface);color:var(--text-primary)}.select-box--header .select-box__field{border-color:var(--border);background:0 0;padding:6px 28px 6px 10px;font-size:12px}.select-box--filter .select-box__field{padding:8px 32px 8px 12px}.filter-bar{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.filter-bar__left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.filter-bar__right{align-items:center;gap:8px;display:flex}.data-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;transition:all .2s}.data-card--clickable{cursor:pointer}.data-card--clickable:hover{background:var(--bg-card-hover);border-color:var(--border-bright)}.data-card--danger{border-top:2px solid var(--status-danger)}.data-card--caution{border-top:2px solid var(--status-caution)}.data-card--safe{border-top:2px solid var(--status-safe)}.data-card--offline{border-top:2px solid var(--status-offline)}.data-card--summary{padding:16px 20px}.data-card--add{color:var(--text-muted);cursor:pointer;border-style:dashed;justify-content:center;align-items:center;min-height:180px;display:flex}.data-card--add:hover{color:var(--text-secondary);border-color:var(--border-bright)}.data-card--device{padding:20px}.summary-card__header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.summary-card__title{color:var(--text-secondary);font-size:12px}.summary-card__icon{color:var(--text-muted)}.summary-card__value{font-size:32px;font-weight:700;font-family:var(--font-main);line-height:1.2}.summary-card__sub{color:var(--text-muted);margin-top:4px;font-size:11px}.text--safe{color:var(--status-safe)}.text--caution{color:var(--status-caution)}.text--danger{color:var(--status-danger)}.text--offline{color:var(--status-offline)}.data-table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{border-bottom:1px solid var(--border);white-space:nowrap;padding:12px 16px;font-size:13px}.data-table th{background:var(--bg-surface);color:var(--text-secondary);text-transform:none;z-index:1;font-size:12px;font-weight:600;position:sticky;top:0}.data-table td{color:var(--text-primary)}.data-table tbody tr{transition:background .15s}.data-table tbody tr:hover{background:var(--bg-card-hover)}.data-table__row--clickable{cursor:pointer}.data-table__empty{color:var(--text-muted);text-align:center!important;padding:40px 16px!important}.pagination{justify-content:center;align-items:center;gap:4px;padding:16px 0;display:flex}.pagination__btn,.pagination__num{border:1px solid var(--border);border-radius:var(--radius-sm);min-width:32px;height:32px;color:var(--text-secondary);font-family:var(--font-main);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0 8px;font-size:13px;transition:all .15s;display:flex}.pagination__btn:hover:not(:disabled),.pagination__num:hover:not(:disabled){background:var(--nav-hover-bg);color:var(--text-primary)}.pagination__btn:disabled,.pagination__num:disabled{opacity:.3;cursor:not-allowed}.pagination__num--active{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.pagination__num--active:hover{background:var(--accent-blue);color:#fff}.toggle-switch{cursor:pointer;align-items:center;gap:10px;display:inline-flex}.toggle-switch--disabled{opacity:.5;cursor:not-allowed}.toggle-switch__input{display:none}.toggle-switch__track{background:var(--text-muted);border-radius:11px;width:40px;height:22px;transition:background .2s;position:relative}.toggle-switch__input:checked+.toggle-switch__track{background:var(--accent-blue)}.toggle-switch__thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:2px;left:2px}.toggle-switch__input:checked+.toggle-switch__track .toggle-switch__thumb{transform:translate(18px)}.toggle-switch__label{color:var(--text-secondary);font-size:13px}.modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;max-height:85vh;animation:.25s modalIn;display:flex}.modal--sm{width:400px}.modal--md{width:560px}.modal--lg{width:720px}.modal__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal__title{color:var(--text-primary);font-size:16px;font-weight:600}.modal__close{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex}.modal__close:hover{background:var(--nav-hover-bg);color:var(--text-primary)}.modal__body{flex:1;padding:20px;overflow-y:auto}.modal__footer{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:8px;padding:16px 20px;display:flex}.modal-form{flex-direction:column;gap:14px;display:flex}.modal-form__row{flex-direction:column;gap:4px;display:flex}.modal-form__label{color:var(--text-secondary);font-size:13px;font-weight:600}.modal-form__input{background:var(--bg-base);border:1px solid var(--border-color);color:var(--text-primary);font-size:14px;font-family:var(--font-main);border-radius:6px;padding:8px 12px}.modal-form__input:focus{border-color:var(--accent-blue);outline:none}.modal-form__select{background:var(--bg-base);border:1px solid var(--border-color);color:var(--text-primary);font-size:14px;font-family:var(--font-main);border-radius:6px;padding:8px 12px}.modal-form__textarea{background:var(--bg-base);border:1px solid var(--border-color);width:100%;color:var(--text-primary);font-size:14px;font-family:var(--font-main);resize:vertical;border-radius:6px;min-height:60px;padding:8px 12px}.modal-form__textarea:focus{border-color:var(--accent-blue);outline:none}.modal-form__grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.modal-form__info{color:var(--text-secondary);font-size:13px;line-height:1.5}.modal-form__info-label{color:var(--text-muted);min-width:80px;font-weight:600;display:inline-block}.conn-dot{font-size:13px}.conn-dot--on{color:#10b981}.conn-dot--off{color:#ef4444}@media (width<=768px){.modal--sm,.modal--md,.modal--lg{width:calc(100vw - 32px);max-width:100%}.modal{max-height:90vh}.modal-form__grid{grid-template-columns:1fr}}.status-bar{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:20px;padding:13px 22px;display:flex}.status-bar-date{color:var(--text-secondary);letter-spacing:-.1px;font-size:14.5px;font-weight:500}.status-bar-date strong{color:var(--text-primary);font-weight:600}.status-bar-sep{background:var(--border);width:1px;height:24px}.status-chip{background:var(--bg-surface);border:1px solid var(--border);border-radius:20px;align-items:center;gap:6px;padding:5px 13px;font-size:13px;display:flex}.status-chip-label{color:var(--text-muted)}.status-chip-val{font-weight:500;font-family:var(--font-main);letter-spacing:-.5px}.dashboard-layout{grid-template-columns:7fr 3fr;align-items:start;gap:18px;display:grid}.dashboard-left{min-width:0}.dashboard-right{flex-direction:column;gap:14px;min-width:0;display:flex;position:sticky;top:0}.section-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:1.2px;font-size:11.5px;font-weight:700}.section-action{color:var(--accent-blue);cursor:pointer;background:var(--accent-blue-glow);border-radius:var(--radius-sm);border:1px solid #3b82f64d;padding:4px 10px;font-size:12.5px;font-weight:500;transition:filter .15s}.section-action:hover{filter:brightness(1.2)}.summary-row{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.db-summary-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px 22px;transition:border-color .2s}.db-summary-card:hover{border-color:var(--border-bright)}.summary-top{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.summary-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;font-size:11.5px;font-weight:600}.summary-icon{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.summary-val{font-size:36px;font-weight:400;font-family:var(--font-main);letter-spacing:-2px;line-height:1}.summary-sub{letter-spacing:-.1px;margin-top:5px;font-size:13px;font-weight:400}.summary-safe{color:var(--status-safe)}.summary-caution{color:var(--status-caution)}.summary-danger{color:var(--status-danger)}.facility-overview-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px;display:grid}.facility-overview-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;padding:18px;transition:all .2s;position:relative;overflow:hidden}.facility-overview-card:hover{border-color:var(--border-bright);box-shadow:var(--shadow);transform:translateY(-2px)}.facility-add-card{border-style:dashed;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:160px;display:flex}.fac-name{letter-spacing:-.4px;align-items:center;margin-bottom:5px;font-size:16px;font-weight:600;display:flex}.fac-icon{opacity:.6;vertical-align:middle;align-items:center;margin-right:6px;display:inline-flex}.fac-addr{color:var(--text-muted);margin-bottom:14px;font-size:12px;font-weight:400}.fac-stats{gap:16px;margin-bottom:14px;display:flex}.fac-stat{text-align:center}.fac-stat-val{font-size:24px;font-weight:400;font-family:var(--font-main);letter-spacing:-1.2px;line-height:1.1;display:block}.fac-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;font-size:11px;font-weight:600}.fac-status-row{flex-wrap:wrap;gap:6px;display:flex}.fac-chip{border-radius:10px;padding:3px 9px;font-size:12px}.fac-chip-info{color:#93c5fd;background:#3b82f61a}.badge-safe{background:var(--status-safe-bg);color:var(--status-safe)}.badge-caution{background:var(--status-caution-bg);color:var(--status-caution)}.badge-danger{background:var(--status-danger-bg);color:var(--status-danger)}.badge-offline{background:var(--status-offline-bg);color:var(--status-offline)}.alert-list{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:20px;overflow:hidden}.alert-item{border-bottom:1px solid var(--border);letter-spacing:-.1px;cursor:pointer;align-items:center;gap:14px;padding:13px 18px;font-size:13.5px;font-weight:400;transition:background .15s;display:flex}.alert-item:last-child{border-bottom:none}.alert-item:hover{background:var(--bg-card-hover)}.alert-level-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.alert-action{cursor:pointer;border:1px solid;border-radius:4px;flex-shrink:0;padding:3px 8px;font-size:12px}.action-pending{color:var(--status-caution);border-color:var(--status-caution);background:var(--status-caution-bg)}.action-done{color:var(--status-safe);border-color:var(--status-safe);background:var(--status-safe-bg)}.placeholder-box{background:var(--bg-card);border:1px dashed var(--border-bright);border-radius:var(--radius);text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:8px;padding:32px 16px;font-size:13px;display:flex}@media (width<=1024px){.dashboard-layout{grid-template-columns:1fr}.dashboard-right{position:static}.summary-row,.facility-overview-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.status-bar{gap:8px;padding:10px 14px}.status-bar-date{width:100%;font-size:13px}.status-bar-sep{display:none}.status-chip{padding:4px 10px;font-size:11px}.summary-row{grid-template-columns:repeat(2,1fr);gap:10px}.db-summary-card{padding:14px 16px}.summary-val{font-size:28px}.summary-sub{font-size:11px}.facility-overview-grid{grid-template-columns:1fr;gap:10px}.alert-item{gap:10px;padding:10px 14px;font-size:12px}.section-title{font-size:10px}.section-action{padding:3px 8px;font-size:11px}}@media (width>=1400px){.section-title{font-size:13.5px!important}.section-action{font-size:14.5px!important}.db-summary-card{padding:22px 24px!important}.summary-label{font-size:13.5px!important}.summary-val{font-size:38px!important}.summary-sub{font-size:15px!important}.status-bar{padding:14px 22px!important}.status-chip{padding:5px 14px!important;font-size:14.5px!important}.fac-name{font-size:17px!important}.fac-addr{font-size:14px!important}.fac-chip{padding:4px 10px!important;font-size:13.5px!important}.alert-item{padding:14px 18px!important;font-size:15.5px!important}.alert-action{padding:4px 11px!important;font-size:14px!important}}.fac-alert-toggle{cursor:pointer;background:var(--status-danger-bg);border:1px solid var(--status-danger);border-radius:var(--radius-sm);color:var(--status-danger);margin-left:auto;padding:4px 12px;font-size:12px;font-weight:600}.sensor-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px;display:grid}.sensor-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;padding:22px;transition:all .2s;position:relative;overflow:hidden}.sensor-card:hover{border-color:var(--border-bright);box-shadow:var(--shadow);transform:translateY(-1px)}.sensor-card:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.sensor-card.safe:before{background:linear-gradient(90deg, var(--status-safe), #34d399)}.sensor-card.caution:before{background:linear-gradient(90deg, var(--status-caution), #fbbf24)}.sensor-card.danger:before{background:linear-gradient(90deg, var(--status-danger), #f87171)}.sensor-card.offline:before{background:linear-gradient(90deg, var(--status-offline), #9ca3af)}.sensor-top{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.sensor-name{letter-spacing:-.4px;font-size:16px;font-weight:500}.sensor-loc{color:var(--text-muted);margin-top:2px;font-size:12px}.sensor-status-badge{letter-spacing:.4px;border-radius:10px;padding:3px 9px;font-size:11px;font-weight:600}.sensor-wbgt-row{align-items:baseline;gap:6px;margin-bottom:12px;display:flex}.sensor-wbgt-val{font-size:48px;font-weight:400;font-family:var(--font-main);letter-spacing:-2.5px;line-height:1}.sensor-wbgt-unit{color:var(--text-secondary);font-size:18px;font-weight:400}.sensor-wbgt-label{color:var(--text-muted);letter-spacing:.3px;margin-bottom:14px;font-size:12px}.sensor-metrics{grid-template-columns:1fr 1fr;gap:8px;display:grid}.metric-box{background:var(--bg-surface);border-radius:var(--radius-sm);padding:10px 12px}.metric-label{color:var(--text-muted);letter-spacing:.6px;text-transform:uppercase;margin-bottom:3px;font-size:11px;font-weight:600}.metric-val{font-size:20px;font-weight:400;font-family:var(--font-main);letter-spacing:-1px}.metric-unit{color:var(--text-secondary);font-size:13px;font-weight:400}.sensor-time{color:var(--text-muted);align-items:center;gap:4px;margin-top:10px;font-size:12px;display:flex}.live-dot{background:var(--status-safe);border-radius:50%;width:5px;height:5px;animation:2s infinite pulse;display:inline-block}.ai-analysis-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);margin-top:12px;padding:10px 12px}.ai-analysis-label{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:4px;font-size:11px;font-weight:600;display:flex}.ai-refresh-btn{font-size:10px;font-family:var(--font-main);color:var(--accent-blue);border:1px solid var(--accent-blue);cursor:pointer;opacity:.7;background:0 0;border-radius:10px;align-items:center;gap:3px;padding:2px 8px;transition:opacity .2s;display:inline-flex}.ai-refresh-btn:hover{opacity:1}.ai-analysis-text{color:var(--text-muted);font-size:12px;line-height:1.5}@media (width<=1024px){.sensor-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.sensor-grid{grid-template-columns:1fr;gap:10px}.sensor-card{padding:16px}.sensor-wbgt-val{font-size:36px}.fac-alert-toggle{margin-top:8px;margin-left:0}}@media (width>=1400px){.sensor-card{padding:22px!important}}.device-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.device-toolbar__left{flex-wrap:wrap;gap:10px;display:flex}.filter-select{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-main);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238b95a8' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;outline:none;padding:8px 32px 8px 12px;font-size:13px}.filter-select option{background:var(--bg-surface);color:var(--text-primary)}.device-register-btn{background:linear-gradient(135deg, var(--accent-blue), #0891b2);color:#fff;border-radius:var(--radius-sm);font-family:var(--font-main);cursor:pointer;border:none;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:filter .15s;display:inline-flex}.device-register-btn:hover{filter:brightness(1.1)}.device-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.device-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:18px;transition:all .2s}.device-card:hover{border-color:var(--border-bright)}.device-top{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.device-name{letter-spacing:-.4px;font-size:15px;font-weight:500}.device-id{font-family:var(--font-main);color:var(--text-muted);margin-top:2px;font-size:11px}.indicator-row{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.indicator{color:var(--text-muted);align-items:center;gap:4px;font-size:11px;display:flex}.ind-dot{border-radius:50%;width:7px;height:7px}.ind-on{background:var(--status-safe)}.ind-off{background:var(--status-danger)}.ind-warn{background:var(--status-caution)}.device-threshold{border-bottom:1px solid var(--border);color:var(--text-muted);justify-content:space-between;align-items:center;padding:6px 0;font-size:12px;display:flex}.device-threshold .mono{font-family:var(--font-main);color:var(--text-primary)}.device-actions{gap:6px;margin-top:10px;display:flex}.dev-btn{border-radius:var(--radius-sm);border:1px solid var(--border-bright);color:var(--text-secondary);cursor:pointer;font-size:13px;font-family:var(--font-main);background:0 0;flex:1;padding:8px;transition:all .15s}.dev-btn:hover{background:var(--bg-card-hover);color:var(--text-primary)}.dev-btn.primary{background:var(--accent-blue-glow);border-color:var(--accent-blue);color:var(--accent-blue)}.dev-btn.danger{color:var(--status-danger);border-color:#ef44444d}.dev-btn.danger:hover{background:var(--status-danger-bg)}.device-empty{text-align:center;color:var(--text-muted);grid-column:1/-1;padding:40px;font-size:14px}@media (width<=1024px){.device-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.device-grid{grid-template-columns:1fr;gap:10px}.device-toolbar{flex-direction:column;align-items:stretch}.device-toolbar__left{width:100%}.device-toolbar__left .filter-select{flex:1}.device-register-btn{justify-content:center;width:100%}.device-card{padding:14px}.dev-btn{padding:6px;font-size:12px}}@media (width>=1400px){.dev-btn{font-size:14.5px!important}}.users-page{flex-direction:column;gap:16px;display:flex}.users-filter{justify-content:space-between;align-items:center;gap:10px;display:flex}.users-filter__selects{gap:10px;display:flex}.users-add-btn{background:linear-gradient(135deg, var(--accent-blue), #0891b2);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:opacity .2s;display:inline-flex}.users-add-btn:hover{opacity:.85}.users-status{border-radius:12px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.users-status--active{color:#10b981;background:#10b98126}.users-status--inactive{color:#9ca3af;background:#6b728026}.users-actions{justify-content:center;gap:6px;display:flex}.users-table-view{display:block}.users-mobile-view{display:none}.user-mobile-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;margin-bottom:10px;padding:14px}.user-mobile-card__header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;display:flex}.user-mobile-card__name{color:var(--text-primary);font-size:15px;font-weight:600}.user-mobile-card__info{flex-direction:column;gap:6px;display:flex}.user-mobile-card__row{color:var(--text-secondary);justify-content:space-between;font-size:13px;display:flex}.user-mobile-card__label{color:var(--text-muted);min-width:60px}.user-mobile-card__actions{border-top:1px solid var(--border-color);gap:8px;margin-top:12px;padding-top:10px;display:flex}.user-mobile-card__actions .action-btn{flex:1}.users-mobile-empty{text-align:center;color:var(--text-muted);padding:40px 0;font-size:14px}@media (width<=768px){.users-filter{flex-direction:column;align-items:stretch}.users-filter__selects{grid-template-columns:1fr 1fr;gap:8px;display:grid}.users-add-btn{justify-content:center;width:100%;padding:10px 16px}.users-table-view{display:none}.users-mobile-view{display:block}}@media (width<=400px){.users-filter__selects{grid-template-columns:1fr}}.data-page{flex-direction:column;gap:16px;display:flex}.data-filter{flex-direction:column;gap:10px;display:flex}.data-filter__main{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.data-filter__left,.data-filter__right,.data-filter__row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.data-filter__separator{color:var(--text-muted);padding:0 2px;font-size:14px}.data-filter__date{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);font-size:13px;font-family:var(--font-main);border-radius:6px;padding:6px 10px}.data-filter__date::-webkit-calendar-picker-indicator{filter:invert(.7)}.data-filter__actions{justify-content:flex-end;gap:8px;display:flex}.data-action-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:opacity .2s;display:inline-flex}.data-action-btn:hover{opacity:.85}.data-action-btn--download{background:linear-gradient(135deg, var(--accent-blue), #0891b2);color:#fff}.data-action-btn--print{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.data-level{align-items:center;gap:4px;font-size:13px;display:inline-flex}.data-level__label{border-radius:4px;padding:1px 6px;font-size:11px;font-weight:600}.data-level--safe .data-level__label{color:#10b981;background:#10b98126}.data-level--caution .data-level__label{color:#f59e0b;background:#f59e0b26}.data-level--danger .data-level__label{color:#ef4444;background:#ef444426}.data-table--measurement th{color:var(--text-secondary);text-align:center;border-bottom:1px solid var(--border-color);padding:8px 6px;font-size:12px;font-weight:600}.data-table--measurement .data-table__group-cell{border-bottom:2px solid var(--accent-blue);color:var(--text-primary);font-size:13px}.data-table--measurement .data-table__sub-row th{color:var(--accent-blue);padding:4px 6px;font-size:11px}.data-table-view{display:block}.data-mobile-view{display:none}.data-mobile-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;margin-bottom:8px;padding:12px}.data-mobile-card__header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;display:flex}.data-mobile-card__time{color:var(--text-primary);font-size:14px;font-weight:600}.data-mobile-card__category{color:var(--text-muted);font-size:12px}.data-mobile-card__grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.data-mobile-card__item{flex-direction:column;gap:2px;display:flex}.data-mobile-card__label{color:var(--text-muted);font-size:11px}.data-mobile-empty{text-align:center;color:var(--text-muted);padding:40px 0;font-size:14px}@media (width<=768px){.data-filter__main{flex-direction:column;align-items:stretch}.data-filter__left,.data-filter__right{flex-wrap:wrap}.data-filter__date{flex:1;min-width:120px;font-size:16px}.data-filter__row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.data-filter__separator{display:none}.data-filter__actions{grid-template-columns:1fr 1fr;display:grid}.data-action-btn{justify-content:center}.data-table-view,.data-table-header-group{display:none}.data-mobile-view{display:block}}@media (width<=400px){.data-filter__row{grid-template-columns:1fr}}.alerts-page{flex-direction:column;gap:16px;display:flex}.alerts-filter{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.alerts-filter__row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.alerts-filter__date{font-size:13px;font-family:var(--font-main);color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;padding:6px 10px}.alerts-filter__date:focus{border-color:var(--accent-blue)}.alerts-filter__search{font-size:13px;font-family:var(--font-main);color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;min-width:200px;padding:6px 12px}.alerts-filter__search:focus{border-color:var(--accent-blue)}.alerts-filter__search::placeholder{color:var(--text-muted);font-size:12px}.alerts-summary{color:var(--text-secondary);background:var(--bg-surface);border-radius:var(--radius-sm);border:1px solid var(--border);padding:8px 12px;font-size:13px}.alerts-summary strong{color:var(--text-primary)}.alert-level{border-radius:12px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.alert-level--danger{color:#ef4444;background:#ef444426}.alert-level--caution{color:#f59e0b;background:#f59e0b26}.alert-level--warning{color:#fbbf24;background:#fbbf2426}.alert-status{border-radius:12px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.alert-status--pending{color:#ef4444;background:#ef444426}.alert-status--done{color:#10b981;background:#10b98126}.alert-temp--danger{color:#ef4444;font-weight:600}.alert-temp--caution{color:#f59e0b;font-weight:600}.alert-temp--warning{color:#fbbf24;font-weight:600}.alert-action-text{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:12px;line-height:1.4;overflow:hidden}.alerts-table-view{display:block}.alerts-mobile-view{display:none}.alert-mobile-card{background:var(--bg-card);border:1px solid var(--border-color);border-left:3px solid var(--border-color);border-radius:10px;margin-bottom:10px;padding:14px}.alert-mobile-card--danger{border-left-color:#ef4444}.alert-mobile-card--caution{border-left-color:#f59e0b}.alert-mobile-card--warning{border-left-color:#fbbf24}.alert-mobile-card__header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;display:flex}.alert-mobile-card__time{color:var(--text-primary);font-size:13px;font-weight:600}.alert-mobile-card__info{flex-direction:column;gap:6px;display:flex}.alert-mobile-card__row{color:var(--text-secondary);justify-content:space-between;font-size:13px;display:flex}.alert-mobile-card__label{color:var(--text-muted);min-width:80px}.alert-mobile-card__actions{border-top:1px solid var(--border-color);margin-top:12px;padding-top:10px}.alert-mobile-card__actions .action-btn{width:100%}.alerts-mobile-empty{text-align:center;color:var(--text-muted);padding:40px 0;font-size:14px}@media (width<=768px){.alerts-filter{flex-direction:column;align-items:stretch;gap:8px}.alerts-filter__row{flex-wrap:wrap}.alerts-filter__date{flex:1;min-width:120px;font-size:16px}.alerts-filter__search{flex:1;min-width:0;font-size:16px}.alerts-summary{font-size:12px}.alerts-table-view{display:none}.alerts-mobile-view{display:block}}@media (width<=400px){.alert-mobile-card{padding:10px}.alert-mobile-card__label{min-width:70px;font-size:12px}}.logs-page{flex-direction:column;gap:16px;display:flex}.logs-filter{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.logs-filter__row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.logs-filter__date{font-size:13px;font-family:var(--font-main);color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;padding:6px 10px}.logs-filter__date:focus{border-color:var(--accent-blue)}.logs-filter__search{font-size:13px;font-family:var(--font-main);color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;min-width:160px;padding:6px 10px}.logs-filter__search::placeholder{color:var(--text-tertiary)}.logs-filter__search:focus{border-color:var(--accent-blue)}.logs-search-btn{font-size:13px;font-weight:600;font-family:var(--font-main);cursor:pointer;white-space:nowrap;background:linear-gradient(135deg, var(--accent), var(--accent-blue,var(--accent)));color:#fff;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;transition:opacity .2s;display:inline-flex}.logs-search-btn:hover{opacity:.85}@media (width<=768px){.logs-filter{flex-direction:column;align-items:stretch}.logs-filter__row{flex-wrap:wrap}.logs-filter__date{flex:1;min-width:120px;font-size:16px}.logs-filter__search{width:100%;min-width:0;font-size:16px}}.log-cat{border-radius:12px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.log-cat--alert{color:#ef4444;background:#ef444426}.log-cat--device{color:#3b82f6;background:#3b82f626}.log-cat--user{color:#10b981;background:#10b98126}.log-cat--system{color:#9ca3af;background:#6b728026}.log-cat--auth{color:#8b5cf6;background:#8b5cf626}.log-cat--facility{color:#f59e0b;background:#f59e0b26}.log-action{border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.log-action--success{color:#10b981;background:#10b98126}.log-action--danger{color:#ef4444;background:#ef444426}.log-action--warn{color:#f59e0b;background:#f59e0b26}.log-action--default{color:#9ca3af;background:#6b72801a}.logs-table-view{display:block}.logs-mobile-view{display:none}.log-mobile-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;margin-bottom:10px;padding:14px}.log-mobile-card__header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.log-mobile-card__time{color:var(--text-primary);font-size:13px;font-weight:600}.log-mobile-card__desc{color:var(--text-secondary);margin-bottom:8px;font-size:13px;line-height:1.5}.log-mobile-card__footer{color:var(--text-muted);border-top:1px solid var(--border-color);justify-content:space-between;padding-top:8px;font-size:12px;display:flex}.logs-mobile-empty{text-align:center;color:var(--text-muted);padding:40px 0;font-size:14px}@media (width<=768px){.logs-filter{grid-template-columns:1fr 1fr;gap:8px;display:grid}.logs-table-view{display:none}.logs-mobile-view{display:block}.logs-search-btn{grid-column:1/-1;justify-content:center;padding:10px 16px;font-size:14px}}@media (width<=400px){.logs-filter{grid-template-columns:1fr}}.analysis-page{flex-direction:column;gap:16px;display:flex}.analysis-filter-area{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.analysis-filter-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.analysis-date-group{align-items:center;gap:6px;display:flex}.analysis-date-input{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);font-size:13px;font-family:var(--font-main);border-radius:6px;padding:6px 10px}.analysis-date-input::-webkit-calendar-picker-indicator{filter:invert(.7)}.analysis-date-sep{color:var(--text-secondary);font-size:13px}.analysis-compare-toggle{cursor:pointer;color:var(--text-secondary);border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;transition:all .15s;display:flex}.analysis-compare-toggle input[type=checkbox]{accent-color:var(--accent)}.analysis-compare-toggle:hover{background:var(--bg-hover)}.analysis-search-btn{font-size:13px;font-weight:600;font-family:var(--font-main);cursor:pointer;white-space:nowrap;background:linear-gradient(135deg, var(--accent), var(--accent-blue,var(--accent)));color:#fff;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;transition:opacity .2s;display:inline-flex}.analysis-search-btn:hover:not(:disabled){opacity:.85}.analysis-search-btn:disabled{opacity:.5;cursor:not-allowed}.analysis-sensor-checks{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.analysis-sensor-checks__label{color:var(--text-secondary);white-space:nowrap;font-size:12px;font-weight:600}.analysis-sensor-check{cursor:pointer;color:var(--text-primary);border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;transition:background .15s;display:flex}.analysis-sensor-check:hover{background:var(--bg-hover)}.analysis-sensor-check input[type=checkbox]{width:14px;height:14px;accent-color:var(--accent)}.analysis-sensor-check__dot{border-radius:50%;width:8px;height:8px;display:inline-block}.analysis-info-bar{background:var(--bg-hover);border-radius:8px;justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.analysis-info-bar__title{color:var(--text-primary);font-size:14px;font-weight:600}.analysis-info-bar__range{color:var(--text-secondary);font-size:12px;font-family:var(--font-main)}.analysis-legend{flex-wrap:wrap;gap:12px;display:flex}.analysis-legend__item{border-radius:6px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:600;display:flex}.analysis-legend__item--danger{color:#ef4444;background:#ef444426;border-left:3px solid #ef4444}.analysis-legend__item--caution{color:#f59e0b;background:#f59e0b1f;border-left:3px solid #f59e0b}.analysis-legend__peak{font-family:var(--font-main);opacity:.85;font-size:11px}.analysis-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.analysis-chart-box{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;height:340px;padding:16px;position:relative}.analysis-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.analysis-empty__icon{opacity:.5;margin-bottom:16px;font-size:48px}.analysis-empty__text{color:var(--text-primary);margin-bottom:8px;font-size:16px;font-weight:600}.analysis-empty__sub{color:var(--text-secondary);font-size:13px}.analysis-loading{color:var(--text-secondary);justify-content:center;align-items:center;gap:10px;padding:60px 20px;font-size:14px;display:flex}.analysis-loading__spinner{border:2px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite analysis-spin}@keyframes analysis-spin{to{transform:rotate(360deg)}}@media (width<=768px){.analysis-page{gap:12px}.analysis-filter-area{border-radius:10px;padding:12px}.analysis-filter-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.analysis-date-group{grid-column:1/-1}.analysis-search-btn{grid-column:1/-1;justify-content:center}.analysis-compare-toggle,.analysis-sensor-checks{grid-column:1/-1}.analysis-grid{grid-template-columns:1fr;gap:12px}.analysis-chart-box{border-radius:10px;height:260px;padding:12px}.analysis-info-bar{flex-direction:column;align-items:flex-start;gap:4px;padding:8px 12px}.analysis-legend{gap:8px}.analysis-legend__item{padding:2px 8px;font-size:11px}.analysis-empty{padding:40px 16px}.analysis-empty__icon{font-size:36px}.analysis-empty__text{font-size:14px}}@media (width<=480px){.analysis-filter-area{gap:6px;padding:10px}.analysis-filter-row{grid-template-columns:1fr;gap:6px}.analysis-date-group{flex-direction:column;gap:4px}.analysis-date-input{width:100%;padding:8px 10px;font-size:14px}.analysis-date-sep{text-align:center;font-size:12px}.analysis-search-btn{justify-content:center;width:100%;padding:10px 16px;font-size:14px}.analysis-chart-box{border-radius:8px;height:220px;padding:10px}.analysis-info-bar{border-radius:6px}.analysis-info-bar__title{font-size:13px}.analysis-info-bar__range{font-size:11px}.analysis-legend{flex-direction:column;gap:6px}.analysis-legend__item{width:100%;font-size:11px}.analysis-sensor-checks{flex-direction:column;gap:6px}.analysis-sensor-check{background:var(--bg-hover);border-radius:6px;padding:6px 10px;font-size:13px}.analysis-compare-toggle{background:var(--bg-hover);border-radius:8px;padding:8px 12px;font-size:14px}.analysis-loading{padding:40px 16px;font-size:13px}.analysis-empty{padding:30px 12px}.analysis-empty__text{font-size:13px}.analysis-empty__sub{font-size:12px}}.facilities-page{flex-direction:column;gap:16px;display:flex}.facilities-filter{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.facilities-filter__left{flex-wrap:wrap;flex:1;gap:10px;display:flex}.facilities-add-btn{background:linear-gradient(135deg, var(--accent-blue), #0891b2);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.facilities-add-btn:hover{opacity:.85}.fac-status{border-radius:12px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.fac-status--safe{color:#10b981;background:#10b98126}.fac-status--caution{color:#f59e0b;background:#f59e0b26}.fac-status--danger{color:#ef4444;background:#ef444426}.fac-status--offline{color:#9ca3af;background:#6b728026}.fac-actions{justify-content:center;gap:6px;display:flex}.facilities-table-view{display:block}.facilities-mobile-view{display:none}.fac-mobile-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;margin-bottom:10px;padding:14px}.fac-mobile-card__header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;display:flex}.fac-mobile-card__name{color:var(--text-primary);font-size:15px;font-weight:600}.fac-mobile-card__info{flex-direction:column;gap:6px;display:flex}.fac-mobile-card__row{color:var(--text-secondary);justify-content:space-between;font-size:13px;display:flex}.fac-mobile-card__label{color:var(--text-muted);min-width:60px}.fac-mobile-card__actions{border-top:1px solid var(--border-color);gap:8px;margin-top:12px;padding-top:10px;display:flex}.fac-mobile-card__actions .action-btn{flex:1}@media (width<=768px){.facilities-filter{flex-direction:column;align-items:stretch}.facilities-filter__left{flex-direction:column}.facilities-add-btn{justify-content:center;width:100%}.facilities-table-view{display:none}.facilities-mobile-view{display:block}}.checklist-page{flex-direction:column;gap:16px;display:flex}.checklist-tabs{border-bottom:1px solid var(--border-color);gap:4px;padding-bottom:0;display:flex;overflow-x:auto}.checklist-tabs__btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 20px;font-size:14px;font-weight:600;transition:color .2s,border-color .2s}.checklist-tabs__btn:hover{color:var(--text-primary)}.checklist-tabs__btn--active{color:var(--accent-blue);border-bottom-color:var(--accent-blue)}.checklist-items{flex-direction:column;gap:2px;display:flex}.checklist-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.checklist-item__text{color:var(--text-primary);flex:1;font-size:14px}.checklist-item__num{color:var(--accent-blue);margin-right:8px;font-weight:600}.checklist-radio-group{flex-shrink:0;gap:16px;display:flex}.checklist-radio{color:var(--text-muted);cursor:pointer;align-items:center;gap:4px;font-size:13px;display:flex}.checklist-radio input{display:none}.checklist-radio__dot{border:2px solid var(--border-color);border-radius:50%;width:16px;height:16px;transition:all .2s}.checklist-radio--pass .checklist-radio__dot{background:#10b981;border-color:#10b981}.checklist-radio--pass{color:#10b981}.checklist-radio--fail .checklist-radio__dot{background:#ef4444;border-color:#ef4444}.checklist-radio--fail{color:#ef4444}.checklist-radio--na .checklist-radio__dot{background:#6b7280;border-color:#6b7280}.checklist-radio--na{color:#6b7280}.checklist-footer{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.checklist-footer__info{color:var(--text-secondary);gap:20px;font-size:14px;display:flex}.checklist-footer__actions{gap:8px;display:flex}.checklist-dl-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.checklist-dl-btn:hover{opacity:.85}.checklist-dl-btn--pdf{background:linear-gradient(135deg, var(--accent-blue), #0891b2);color:#fff}.checklist-dl-btn--csv{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}@media (width<=768px){.checklist-item{flex-direction:column;align-items:flex-start;gap:10px}.checklist-radio-group{justify-content:space-between;width:100%}.checklist-footer{flex-direction:column;align-items:stretch}.checklist-footer__info{flex-direction:column;gap:4px}.checklist-footer__actions{grid-template-columns:1fr 1fr;display:grid}.checklist-dl-btn{justify-content:center}}.system-page{flex-direction:column;gap:20px;display:flex}.system-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:20px}.system-section__title{color:var(--text-primary);border-bottom:1px solid var(--border-color);margin-bottom:16px;padding-bottom:10px;font-size:16px;font-weight:600}.system-gauges{flex-wrap:wrap;justify-content:center;gap:32px;display:flex}.gauge{flex-direction:column;align-items:center;gap:4px;display:flex}.gauge__circle{width:120px;height:70px;position:relative}.gauge__svg{width:100%;height:100%}.gauge__value{font-size:22px;font-weight:700;font-family:var(--font-main);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.gauge__unit{font-size:12px;font-weight:400}.gauge__label{color:var(--text-muted);font-size:13px;font-weight:600}.system-uptime{text-align:center;color:var(--text-muted);margin-top:12px;font-size:13px}.system-section--full{grid-column:1/-1}.notif-facility-select{margin-bottom:12px}.notif-table{border-collapse:collapse;width:100%;font-size:13px}.notif-table th{background:var(--bg-card);color:var(--text-muted);letter-spacing:.6px;text-transform:uppercase;border-bottom:1px solid var(--border-color);text-align:left;padding:9px 12px;font-size:11px;font-weight:700}.notif-table td{border-bottom:1px solid var(--border-color);vertical-align:middle;padding:9px 12px}.notif-table tr:last-child td{border-bottom:none}.notif-table tr:hover td{background:var(--bg-surface,#94a3b80a)}.notif-toggle{background:var(--status-safe);cursor:pointer;border-radius:9px;flex-shrink:0;width:32px;height:18px;transition:background .2s;display:inline-block;position:relative}.notif-toggle:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:right .2s,left .2s;position:absolute;top:2px;right:2px}.notif-toggle.off{background:var(--text-muted)}.notif-toggle.off:after{left:2px;right:auto}.notif-help{color:var(--text-muted);margin-top:12px;font-size:12px}.notif-cards--mobile{display:none}.notif-card{background:var(--bg-base);border:1px solid var(--border-color);border-radius:8px;margin-bottom:8px;padding:12px}.notif-card__header{color:var(--text-primary);border-bottom:1px solid var(--border-color);margin-bottom:10px;padding-bottom:8px;font-size:13px}.notif-card__channels{flex-direction:column;gap:8px;display:flex}.notif-card__ch{color:var(--text-secondary);justify-content:space-between;align-items:center;padding:2px 0;font-size:13px;display:flex}.system-thresholds{flex-direction:column;gap:12px;display:flex}.system-threshold-row{background:var(--bg-base);border-radius:8px;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.system-threshold-row__label{font-size:14px;font-weight:600}.system-threshold-row__label--warning{color:#fbbf24}.system-threshold-row__label--caution{color:#f59e0b}.system-threshold-row__label--danger{color:#ef4444}.system-threshold-row__input{align-items:center;gap:4px;display:flex}.system-threshold-row__input input{text-align:center;background:var(--bg-card);border:1px solid var(--border-color);width:60px;color:var(--text-primary);font-size:14px;font-family:var(--font-main);border-radius:6px;padding:6px 8px}.system-threshold-row__input span{color:var(--text-muted);font-size:14px}.system-threshold-save{justify-content:flex-end;margin-top:16px;display:flex}@media (width<=768px){.system-gauges{gap:16px}.gauge__circle{width:100px;height:60px}.gauge__value{font-size:18px}.notif-table--desktop{display:none}.notif-cards--mobile{display:block}}.alert-popup{background:var(--bg-card);border:1px solid var(--status-danger);border-left:4px solid var(--status-danger);border-radius:var(--radius);z-index:9999;max-width:340px;padding:16px 20px;animation:.3s slideIn;position:fixed;top:80px;right:24px;box-shadow:0 8px 32px #00000080}.popup-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;align-items:center;padding:2px;font-size:16px;transition:color .2s;display:flex;position:absolute;top:10px;right:12px}.popup-close:hover{color:var(--text-primary)}.popup-title{color:var(--status-danger);letter-spacing:-.3px;align-items:center;gap:6px;margin-bottom:5px;font-size:15px;font-weight:700;display:flex}.popup-body{color:var(--text-secondary);letter-spacing:-.1px;margin-bottom:10px;font-size:14px;font-weight:400;line-height:1.6}.popup-temp{color:var(--status-danger)}.popup-meta{color:var(--text-muted);font-size:12px}.popup-advice{color:var(--status-caution);font-size:12px}.popup-actions{gap:8px;display:flex}.popup-btn{border-radius:var(--radius-sm);cursor:pointer;font-size:12px;font-family:var(--font-main);border:none;flex:1;padding:7px;font-weight:600;transition:opacity .2s}.popup-btn:hover{opacity:.85}.popup-dismiss{background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-bright)}.popup-action-btn{background:var(--status-danger);color:#fff}[data-theme=light] .alert-popup{background:#fff}[data-theme=light] .popup-dismiss{color:#475569;background:#f8fafc}[data-theme=green] .alert-popup{background:#fff}[data-theme=green] .popup-dismiss{color:#166534;background:#f0fdf8}[data-theme=violet] .alert-popup{background:#fff}[data-theme=violet] .popup-dismiss{color:#5b21b6;background:#ede9fe}[data-theme=corporate] .alert-popup{background:#fff}[data-theme=corporate] .popup-dismiss{color:#4b5280;background:#f4f6fb;border-color:#6366f126}@media (width<=768px){.alert-popup{max-width:unset;inset:auto 12px 12px}.popup-title{font-size:16.5px!important}.popup-body,.popup-btn{font-size:15.5px!important}}@media (width>=769px) and (width<=1024px){.alert-popup{max-width:320px;top:70px;right:16px}}.action-modal__alert-banner{background:var(--status-danger-bg,#ef44441a);border:1px solid var(--status-danger);border-radius:var(--radius-sm);margin-bottom:16px;padding:12px 16px}.action-modal__alert-title{color:var(--status-danger);font-size:13px;font-weight:700}.action-modal__alert-detail{color:var(--text-secondary);margin-top:4px;font-size:12px}.action-modal__guide{margin-bottom:16px}.action-modal__guide-title{color:var(--text-primary);margin-bottom:10px;font-size:13px;font-weight:700}.action-modal__guide-list{flex-direction:column;gap:6px;display:flex}.action-modal__guide-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-primary);align-items:center;gap:10px;padding:8px 12px;font-size:13px;transition:background .2s,border-color .2s;display:flex}.action-modal__guide-item:hover{background:var(--bg-surface);border-color:var(--border-bright)}.action-modal__guide-item input[type=checkbox]{accent-color:var(--accent-blue);cursor:pointer;flex-shrink:0;width:16px;height:16px}.action-modal__guide-item span{flex:1;line-height:1.4}.action-modal__field{margin-bottom:12px}.action-modal__label{color:var(--text-primary);margin-bottom:6px;font-size:13px;font-weight:600}.action-modal__textarea{width:100%;font-size:13px;font-family:var(--font-main);color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);resize:vertical;outline:none;padding:10px 12px;transition:border-color .2s}.action-modal__textarea::placeholder{color:var(--text-muted)}.action-modal__textarea:focus{border-color:var(--accent-blue)}.action-modal__input{width:100%;font-size:13px;font-family:var(--font-main);color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;padding:8px 12px;transition:border-color .2s}.action-modal__input::placeholder{color:var(--text-muted)}.action-modal__input:focus{border-color:var(--accent-blue)}.action-modal__row{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (width<=768px){.action-modal__row{grid-template-columns:1fr}.action-modal__guide-item{padding:10px 14px;font-size:14px}.action-modal__textarea,.action-modal__input{font-size:16px}}.location-modal__desc{color:var(--text-secondary);margin-bottom:16px;font-size:13px;line-height:1.6}.location-modal__field{margin-bottom:14px}.location-modal__label{color:var(--text-primary);margin-bottom:6px;font-size:13px;font-weight:600}.location-modal__input{width:100%;font-size:13px;font-family:var(--font-main);color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;padding:8px 12px;transition:border-color .2s}.location-modal__input:focus{border-color:var(--accent-blue)}.location-modal__input::placeholder{color:var(--text-muted)}.location-modal__gps-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.location-modal__status{background:var(--status-safe-bg,#22c55e1a);border:1px solid var(--status-safe);border-radius:var(--radius-sm);color:var(--text-secondary);margin-top:12px;padding:10px 14px;font-size:12px}.ai-modal__meta{color:var(--text-muted);margin-bottom:14px;font-size:12px}.ai-modal__cards{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.ai-modal__card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.ai-modal__card-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px;font-size:11px;font-weight:700}.ai-modal__card-value{font-size:32px;font-weight:400;font-family:var(--font-main)}.ai-modal__card-sub{color:var(--text-muted);margin-top:4px;font-size:12px}.ai-modal__analysis{background:var(--accent-blue-glow,#3b82f614);border:1px solid var(--accent-blue);border-radius:var(--radius-sm);margin-bottom:12px;padding:14px}.ai-modal__analysis-title{color:var(--accent-blue);margin-bottom:6px;font-size:12px;font-weight:700}.ai-modal__analysis-body{color:var(--text-primary);font-size:13px;line-height:1.6}.weather-table{border-collapse:collapse;width:100%;font-size:13px}.weather-table th,.weather-table td{text-align:left;border-bottom:1px solid var(--border);padding:8px 10px}.weather-table th{color:var(--text-muted);background:var(--bg-surface);font-size:12px;font-weight:600}.weather-table td{color:var(--text-primary)}.weather-table tbody tr:hover{background:var(--bg-surface)}.ai-modal__loading{text-align:center;padding:40px 20px}.ai-modal__spinner{border:3px solid var(--border);border-top:3px solid var(--accent-blue);border-radius:50%;width:40px;height:40px;margin:0 auto 16px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.ai-modal__loading-text{color:var(--text-primary);margin-bottom:8px;font-size:15px;font-weight:600}.ai-modal__loading-sub{color:var(--text-muted);font-size:13px}.ai-modal__error{text-align:center;color:var(--status-danger);padding:30px 20px;font-size:13px}.weather-table--desktop{width:100%;display:table}.weather-table--mobile{display:none}.weather-forecast-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:8px;padding:12px}.weather-forecast-card__header{color:var(--text-secondary);justify-content:space-between;margin-bottom:6px;font-size:13px;display:flex}.weather-forecast-card__temp{margin-bottom:4px;font-size:18px;font-weight:600}.weather-forecast-card__action{color:var(--text-muted);font-size:12px}@media (width<=768px){.location-modal__gps-row{grid-template-columns:1fr}.location-modal__input{font-size:16px}.ai-modal__cards{grid-template-columns:1fr}.ai-modal__card-value{font-size:26px}.weather-table,.weather-table--desktop{display:none}.weather-table--mobile{display:block}}:root{--font-main:"Pretendard Variable", "Pretendard", -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;overflow-x:hidden}body{font-family:var(--font-main);background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100vh;font-size:15px;font-weight:400;line-height:1.6;overflow-y:auto}h1,h2,h3,h4,h5,h6{letter-spacing:-.5px;font-weight:600;line-height:1.25}p,span,div{letter-spacing:-.2px}.mono{font-feature-settings:"tnum" 1}.login-page{background:var(--bg-base);background-image:radial-gradient(80% 60% at 50% -10%,#3b82f626 0%,#0000 60%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-box{background:var(--bg-surface);border:1px solid var(--border-bright);width:400px;box-shadow:0 24px 80px #0009, 0 0 0 1px var(--border);border-radius:16px;padding:48px 44px}.login-logo{align-items:center;gap:10px;margin-bottom:8px;display:flex}.login-logo-icon{background:linear-gradient(135deg, var(--accent-blue), var(--accent-cyan));border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.login-brand{letter-spacing:-1px;font-size:30px;font-weight:400}.login-brand span{color:var(--accent-cyan)}.login-sub{color:var(--text-muted);letter-spacing:-.1px;margin-bottom:36px;font-size:14px;font-weight:400}.login-box .text-input--login{margin-bottom:16px}.login-box .text-input--login .text-input__label{color:var(--text-secondary);letter-spacing:.8px;text-transform:uppercase;margin-bottom:7px;font-size:12px;font-weight:600}.login-box .text-input--login .text-input__field{background:var(--bg-card);border:1px solid var(--border-bright);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-main);padding:11px 14px;font-size:15px;font-weight:400}.login-box .text-input--login .text-input__field:focus{border-color:var(--accent-blue)}.login-error{border-radius:var(--radius-sm);color:#ef4444;text-align:center;background:#ef44441a;border:1px solid #ef44444d;margin-bottom:12px;padding:10px 14px;font-size:13px}.login-demo{background:var(--bg-card);border-radius:var(--radius-sm);color:var(--text-secondary);border:1px solid var(--border);margin-bottom:20px;padding:12px 14px;font-size:13px}.login-demo strong{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;display:block}.demo-account{border-bottom:1px solid var(--border);cursor:pointer;justify-content:space-between;padding:3px 0;transition:background .15s;display:flex}.demo-account:last-child{border-bottom:none}.demo-account:hover{background:#6366f11a}@media (width<=480px){.login-box{width:calc(100vw - 32px);padding:32px 24px}.login-brand{font-size:26px}.login-box .text-input--login .text-input__field{padding:12px 14px;font-size:16px}.login-box .action-btn--login{padding:13px;font-size:16px}}@media (width>=481px) and (width<=768px){.login-box{width:380px;padding:40px 36px}}@media (width>=1400px){.login-brand{font-size:32px!important}.login-sub{font-size:15.5px!important}.login-box .text-input--login .text-input__label{font-size:13.5px!important}.login-box .text-input--login .text-input__field{padding:12px 14px!important;font-size:17px!important}.login-box .action-btn--login{padding:13px!important;font-size:17px!important}.login-demo{padding:14px 16px!important;font-size:14.5px!important}}