:root{--bg: #f4f6fb;--panel: #ffffff;--border: #e6e9f2;--text: #1e2233;--muted: #8a94a6;--ok: #2dce89;--warning: #fb6340;--critical: #f5365c;--unreachable: #8a94a6;--accent: #5e72e4;--shadow: 0 2px 10px rgba(30, 34, 51, .06);--input-bg: #ffffff;--bar-track: #eef0f6;--backdrop: rgba(30, 34, 51, .4);--modal-shadow: 0 8px 30px rgba(30, 34, 51, .15)}:root[data-theme=dark]{--bg: #0f1420;--panel: #171e2e;--border: #2a3346;--text: #e6e9f0;--muted: #8b93a7;--ok: #2ecc71;--warning: #f5a623;--critical: #e74c3c;--unreachable: #6b7280;--accent: #4f8cff;--shadow: 0 2px 10px rgba(0, 0, 0, .3);--input-bg: #0f1420;--bar-track: #232b3d;--backdrop: rgba(0, 0, 0, .6);--modal-shadow: 0 8px 30px rgba(0, 0, 0, .4)}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;font-family:-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}.vue-shell{display:flex;flex-direction:column;height:100vh;min-height:0}.topbar{flex-shrink:0;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:var(--panel);border-bottom:1px solid var(--border)}.topbar-brand{display:flex;align-items:center;font-weight:700;font-size:17px;color:var(--text)}.topbar-logo{height:32px;max-width:180px;object-fit:contain;display:block}.logo-preview{max-height:60px;max-width:240px;object-fit:contain;display:block}.logo-preview-chip{display:inline-block;padding:12px 16px;border-radius:10px;margin-bottom:10px}.logo-preview-chip.light-bg{background:#f4f6fb}.logo-preview-chip.dark-bg{background:#0f1420}.topbar-meta{display:flex;align-items:center;gap:20px;color:var(--muted);font-size:13px}.topbar-clock{font-variant-numeric:tabular-nums}.theme-toggle{background:transparent;border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:6px 12px;font-size:12px}.theme-toggle:hover{color:var(--text);border-color:var(--accent)}.app-shell{display:flex;flex:1;min-height:0;align-items:stretch}.sidebar{width:220px;flex-shrink:0;display:flex;flex-direction:column;gap:4px;padding:20px 16px;border-right:1px solid var(--border);background:var(--panel);overflow-y:auto;transition:width .15s ease}.sidebar.collapsed{width:76px;padding:20px 12px}.nav-icon{width:20px;height:20px;flex-shrink:0}.sidebar .nav-link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;color:var(--muted);text-decoration:none;font-size:14px}.sidebar.collapsed .nav-link{justify-content:center}.sidebar.collapsed .nav-label{display:none}.sidebar .nav-link:hover{background:#5e72e414;color:var(--text)}.sidebar .nav-link.active{background:#5e72e41f;color:var(--accent);font-weight:600}.sidebar-collapse-toggle{display:flex;align-items:center;gap:12px;margin-top:auto;padding:10px 12px;border-radius:8px;background:transparent;border:none;color:var(--muted);font-size:14px;cursor:pointer}.sidebar.collapsed .sidebar-collapse-toggle{justify-content:center}.sidebar-collapse-toggle:hover{background:#5e72e414;color:var(--text)}.chevron-flipped{transform:rotate(180deg)}.user-menu{position:relative}.avatar{width:34px;height:34px;border-radius:50%;background:var(--accent);color:#fff;border:none;padding:0;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer}.user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:var(--modal-shadow);padding:6px;z-index:60}.user-menu-email{padding:8px 10px;font-size:12px;color:var(--muted);border-bottom:1px solid var(--border);margin-bottom:4px;overflow-wrap:break-word}.user-menu-item{display:block;width:100%;text-align:left;background:transparent;border:none;border-radius:6px;padding:8px 10px;font-size:13px;color:var(--text);text-decoration:none;cursor:pointer;font-family:inherit}.user-menu-item:hover{background:#5e72e41a}.user-menu-logout{color:var(--critical)}.user-menu-status{padding:4px 10px 2px;font-size:12px}.user-menu-status-error{color:var(--critical)}main{flex:1;min-width:0;width:100%;padding:24px;overflow-y:auto;position:relative}.slide-forward-enter-active,.slide-forward-leave-active,.slide-back-enter-active,.slide-back-leave-active{transition:transform .22s ease;position:absolute;top:0;left:0;right:0}.slide-forward-enter-from{transform:translate(100%)}.slide-forward-leave-to{transform:translate(-25%)}.slide-back-enter-from{transform:translate(-100%)}.slide-back-leave-to{transform:translate(25%)}.group-section{margin-bottom:32px}.group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;cursor:pointer;list-style:none}.group-header::-webkit-details-marker{display:none}.group-header:before{content:"▸";margin-right:8px;color:var(--muted);display:inline-block;transition:transform .15s ease}.group-section[open]>.group-header:before,.org-section[open]>.group-header:before{transform:rotate(90deg)}.group-header.static{cursor:default}.group-header.static:before{content:none}.group-header h2{font-size:16px;margin:0;flex:1;color:var(--text)}.group-header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.group-summary{display:flex;gap:8px;flex-wrap:wrap}.group-body{margin-top:4px}.group-body .grid{margin-top:14px}.org-section{margin-bottom:32px;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--panel);box-shadow:var(--shadow)}.org-header h2{font-size:17px}.org-body{margin-top:12px}.nested-groups{margin-top:16px;padding-left:18px;border-left:2px solid var(--border)}.nested-groups .group-section{margin-bottom:20px}.nested-groups .group-section:last-child{margin-bottom:0}.org-section.hidden{display:none}.stat-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.stat-tile{flex:1;min-width:100px;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow)}.stat-label{font-size:12px;color:var(--muted)}.stat-value{font-size:26px;font-weight:700;color:var(--text)}.stat-value.ok{color:var(--ok)}.stat-value.warning{color:var(--warning)}.stat-value.critical{color:var(--critical)}.stat-value.unchecked{color:var(--unreachable)}.group-list{display:flex;flex-direction:column;gap:8px}.group-list-row{display:flex;justify-content:space-between;align-items:center;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:12px 16px;box-shadow:var(--shadow)}.group-list-row .meta{margin-left:10px}.org-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 10px}.org-tile{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;color:var(--text)}.org-tile-badge{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;background:var(--bar-track);color:var(--muted);box-shadow:var(--shadow)}.org-tile-badge.ok{background:#2dce891f;color:var(--ok)}.org-tile-badge.warning{background:#fb63401f;color:var(--warning)}.org-tile-badge.critical{background:#f5365c1f;color:var(--critical)}.org-tile-label{font-size:12px;text-align:center;line-height:1.3;overflow-wrap:break-word;max-width:90px}.back-link{display:inline-block;margin-bottom:16px}.org-detail-title{margin:0 0 2px;font-size:19px;color:var(--text)}.org-detail-summary{margin-bottom:20px}.analytics{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:28px}.analytics-panel{flex:1 1 260px;min-width:0;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px;box-shadow:var(--shadow)}.analytics-title{margin:0 0 12px;font-size:13px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.02em}.stacked-bar{display:flex;height:14px;border-radius:999px;overflow:hidden;background:var(--bar-track);margin-bottom:14px}.stacked-bar-segment{height:100%}.stacked-bar-segment.ok{background:var(--ok)}.stacked-bar-segment.warning{background:var(--warning)}.stacked-bar-segment.critical{background:var(--critical)}.stacked-bar-segment.unchecked{background:var(--unreachable)}.chart-legend{display:flex;flex-direction:column;gap:6px}.chart-legend-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text)}.chart-legend-item .meta{margin-left:auto}.chart-legend-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.chart-legend-dot.ok{background:var(--ok)}.chart-legend-dot.warning{background:var(--warning)}.chart-legend-dot.critical{background:var(--critical)}.chart-legend-dot.unchecked{background:var(--unreachable)}.analytics-panel-wide{flex:2 1 400px;min-width:0}.echart-canvas{width:100%;max-width:100%;height:280px}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:8px;flex-wrap:wrap}.org-search{width:100%;max-width:320px;padding:9px 12px;border-radius:8px;border:1px solid var(--border);background:var(--input-bg);color:var(--text);margin-bottom:16px}.org-search:focus{outline:none;border-color:var(--accent)}button,.btn,a.secondary,a.danger{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:8px 14px;cursor:pointer;font-size:14px;font-family:inherit}a.secondary,a.danger{display:inline-block;text-decoration:none;line-height:1.2}button.secondary,a.secondary{background:transparent;border:1px solid var(--border);color:var(--text)}button.danger,a.danger{background:var(--critical)}button:disabled{opacity:.5;cursor:not-allowed}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px;min-width:0;overflow-wrap:break-word;box-shadow:var(--shadow)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px}.card-header>div:first-child{min-width:0}.card-header>div:last-child{flex-shrink:0;text-align:right}.card-header h3{margin:0 0 4px;font-size:16px;color:var(--text)}.card-header .meta{color:var(--muted);font-size:12px;overflow-wrap:break-word}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;text-transform:uppercase}.badge.ok{background:#2dce891f;color:var(--ok)}.badge.warning{background:#fb63401f;color:var(--warning)}.badge.critical{background:#f5365c1f;color:var(--critical)}.badge.unreachable,.badge.unchecked{background:#8a94a626;color:var(--unreachable)}.group-summary .badge{margin-top:0}.badge.device{margin-top:6px;background:transparent;border:1px solid var(--border);color:var(--muted)}.metric{margin:10px 0}.metric-label{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:4px}.bar{height:6px;background:var(--bar-track);border-radius:4px;overflow:hidden}.bar-fill{height:100%;border-radius:4px}.bar-fill.ok{background:var(--ok)}.bar-fill.warning{background:var(--warning)}.bar-fill.critical{background:var(--critical)}.row{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);margin:6px 0;gap:8px}.row>span,.metric-label>span{min-width:0}.services,.signal-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.chip{font-size:11px;padding:2px 8px;border-radius:999px;border:1px solid var(--border)}.chip.active{color:var(--ok);border-color:var(--ok)}.chip.inactive{color:var(--critical);border-color:var(--critical)}.card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.error-text{color:var(--critical);font-size:13px;margin-top:8px}.empty-state{color:var(--muted);text-align:center;padding:60px 0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--backdrop);display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:40px 16px;z-index:50}.modal{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:24px;width:420px;max-width:92vw;max-height:85vh;overflow-y:auto;overflow-x:auto;box-shadow:var(--modal-shadow)}.modal h2{margin-top:0;color:var(--text)}.field{margin-bottom:14px}.field label{display:block;font-size:13px;color:var(--muted);margin-bottom:4px}.field input,.field select{width:100%;padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:var(--input-bg);color:var(--text);font-family:inherit}.field input:focus,.field select:focus{outline:none;border-color:var(--accent)}.field small{color:var(--muted);display:block;margin-top:4px}.hidden{display:none}.radio-row{display:flex;gap:16px;font-size:13px}.radio-row label{display:flex;align-items:center;gap:6px;color:var(--text);font-weight:400}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.field-hint{color:var(--muted);font-size:13px;margin:0 0 14px}.tfa-factors{margin-bottom:14px}.qr-wrap{display:flex;justify-content:center;padding:12px;background:#fff;border-radius:10px;margin-bottom:14px}.secret-key{font-family:monospace;background:var(--input-bg);border:1px solid var(--border);border-radius:4px;padding:1px 6px;word-break:break-all}.otp-input{letter-spacing:4px;font-size:18px;text-align:center}.login-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:32px;width:320px}.login-card h1{font-size:18px;margin-top:0}.mobile-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;background:var(--panel);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom,0)}.mobile-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-align:center;padding:8px 4px;font-size:11px;line-height:1.3;color:var(--muted);text-decoration:none}.mobile-tab .nav-icon{width:20px;height:20px}.mobile-tab.active{color:var(--accent);font-weight:600}main.has-mobile-tabbar{padding-bottom:calc(64px + env(safe-area-inset-bottom,0))}@media (max-width: 768px){.topbar{padding:0 14px}main{padding:16px}.stat-row{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.stat-tile{min-width:0}.grid{grid-template-columns:1fr}.org-search{max-width:100%}.toolbar{align-items:stretch}.modal{padding:18px}.user-menu-dropdown{right:-8px}}