:root{--color-accent:#009690;--color-accent-hover:#00b3aa;--color-accent-pressed:#00807a;--color-accent-subtle:#e6f7f6;--color-text-primary:#1a1a1a;--color-text-secondary:#4b5563;--color-text-muted:#6b7280;--color-text-inverse:#fff;--color-surface:#fff;--color-surface-2:#f9fafb;--color-surface-3:#f3f4f6;--color-border:#e5e7eb;--color-border-strong:#d1d5db;--color-success:#16a34a;--color-warning:#d97706;--color-error:#dc2626;--color-info:#0284c7;--sidebar-width-collapsed:56px;--sidebar-width-expanded:220px;--appbar-height:48px;--radius-sm:6px;--radius-md:8px;--radius-full:9999px;--motion-fast:.15s ease;--motion-sidebar:.15s ease;--z-sidebar:80;--z-appbar:100;color:var(--color-text-primary);background:var(--color-surface-2);font-family:Noto Sans Georgian,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:13px}*,:before,:after{box-sizing:border-box}html,body{min-height:100vh;margin:0;padding:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}a{color:inherit;text-decoration:none}.shell{grid-template-columns:var(--sidebar-width-collapsed) 1fr;min-height:100vh;display:grid}.shell--expanded{grid-template-columns:var(--sidebar-width-expanded) 1fr}.sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);height:100vh;z-index:var(--z-sidebar);transition:width var(--motion-sidebar);flex-direction:column;display:flex;position:sticky;top:0;overflow:hidden}.sidebar__brand{height:var(--appbar-height);border-bottom:1px solid var(--color-border);flex-shrink:0;align-items:center;gap:10px;padding:0 12px;display:flex}.sidebar__brand-mark{background:var(--color-accent);width:32px;height:32px;color:var(--color-text-inverse);border-radius:var(--radius-sm);letter-spacing:.5px;flex-shrink:0;place-items:center;font-size:14px;font-weight:700;display:grid}.sidebar__brand-text{white-space:nowrap;opacity:0;transition:opacity var(--motion-fast);font-size:14px;font-weight:600}.shell--expanded .sidebar__brand-text{opacity:1}.sidebar__tenant{border-bottom:1px solid var(--color-border);white-space:nowrap;flex-shrink:0;align-items:center;gap:8px;padding:12px 12px 8px;display:flex}.sidebar__tenant-icon{background:var(--color-surface-3);border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-text-secondary);flex-shrink:0;place-items:center;display:grid}.sidebar__tenant-name{color:var(--color-text-primary);opacity:0;transition:opacity var(--motion-fast);font-size:13px;font-weight:600}.shell--expanded .sidebar__tenant-name{opacity:1}.sidebar__nav{flex-direction:column;flex:1;gap:2px;padding:8px 6px;display:flex;overflow-y:auto}.nav-item{border-radius:var(--radius-sm);color:var(--color-text-secondary);transition:background var(--motion-fast), color var(--motion-fast);white-space:nowrap;align-items:center;gap:12px;padding:8px 10px;display:flex}.nav-item:hover{background:var(--color-surface-3);color:var(--color-text-primary)}.nav-item--active{background:var(--color-accent-subtle);color:var(--color-accent);font-weight:600}.nav-item__icon{flex-shrink:0;place-items:center;width:20px;height:20px;display:grid}.nav-item__label{opacity:0;transition:opacity var(--motion-fast);font-size:13px}.shell--expanded .nav-item__label{opacity:1}.sidebar__footer{border-top:1px solid var(--color-border);flex-shrink:0;align-items:center;gap:10px;padding:10px 12px;display:flex}.sidebar__avatar{border-radius:var(--radius-full);background:var(--color-accent);width:28px;height:28px;color:var(--color-text-inverse);flex-shrink:0;place-items:center;font-size:11px;font-weight:600;display:grid}.sidebar__user{color:var(--color-text-secondary);white-space:nowrap;opacity:0;transition:opacity var(--motion-fast);font-size:12px}.shell--expanded .sidebar__user{opacity:1}.main{flex-direction:column;min-width:0;display:flex}.appbar{height:var(--appbar-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:var(--z-appbar);align-items:center;gap:16px;padding:0 22px;display:flex;position:sticky;top:0}.appbar__title{color:var(--color-text-primary);font-size:15px;font-weight:600}.appbar__spacer{flex:1}.appbar__status{color:var(--color-text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.status-dot{background:var(--color-text-muted);border-radius:50%;width:8px;height:8px}.status-dot--ok{background:var(--color-success)}.status-dot--warn{background:var(--color-warning)}.status-dot--err{background:var(--color-error)}.content{width:100%;max-width:1400px;padding:22px}.viewer-wrap{background:var(--color-surface-2);min-height:calc(100vh - var(--appbar-height));flex:1;display:flex}.viewer-iframe{background:var(--color-surface);border:0;flex:1;width:100%;display:block}.cards{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--motion-fast), box-shadow var(--motion-fast);flex-direction:column;gap:14px;padding:18px;display:flex}.card:hover{border-color:var(--color-border-strong);box-shadow:0 1px 4px #0000000a}.card__head{justify-content:space-between;align-items:center;gap:10px;display:flex}.card__title{color:var(--color-text-primary);margin:0;font-size:14px;font-weight:600}.badge{border-radius:var(--radius-full);background:var(--color-surface-3);color:var(--color-text-secondary);align-items:center;gap:6px;padding:3px 8px;font-size:11px;display:inline-flex}.badge--on{color:var(--color-success);background:#16a34a1a}.badge--off{color:var(--color-error);background:#dc26261a}.badge--warn{color:var(--color-warning);background:#d977061a}.card__body{grid-template-columns:1fr auto;align-items:center;gap:16px;display:grid}.kv{flex-direction:column;gap:6px;display:flex}.kv__row{justify-content:space-between;align-items:baseline;gap:12px;font-size:12px;display:flex}.kv__label{color:var(--color-text-muted)}.kv__value{color:var(--color-text-primary);font-variant-numeric:tabular-nums;font-weight:500}.card__icon{background:var(--color-accent-subtle);width:64px;height:64px;color:var(--color-accent);border-radius:var(--radius-md);flex-shrink:0;place-items:center;display:grid}.card__footer{border-top:1px solid var(--color-border);color:var(--color-text-muted);justify-content:space-between;align-items:center;padding-top:12px;font-size:11px;display:flex}.empty,.error-state{background:var(--color-surface);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);text-align:center;color:var(--color-text-muted);flex-direction:column;align-items:center;gap:10px;padding:48px 24px;display:flex}.error-state{color:var(--color-error);background:#dc262608;border-color:#dc26264d}.error-state code{background:var(--color-surface-3);color:var(--color-text-secondary);border-radius:4px;padding:2px 6px;font-size:11px}.section-title{color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:13px;font-weight:600}.sidebar__tenant-check{background:var(--color-accent);width:18px;height:18px;color:var(--color-text-inverse);border-radius:50%;flex-shrink:0;place-items:center;margin-left:auto;display:grid}.user-menu-wrap{width:100%;position:relative}.user-pill{border-radius:var(--radius-sm);width:100%;transition:background var(--motion-fast);align-items:center;gap:10px;padding:4px 0;display:flex}.user-pill:hover{background:var(--color-surface-3)}.user-menu{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);z-index:110;flex-direction:column;min-width:180px;padding:4px;display:flex;position:absolute;bottom:calc(100% + 6px);left:0;right:0;box-shadow:0 4px 16px #0000001a}.user-menu__item{border-radius:var(--radius-sm);color:var(--color-text-primary);text-align:left;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:13px;display:flex}.user-menu__item:hover{background:var(--color-surface-3);color:var(--color-accent)}.login-shell{background:linear-gradient(135deg, var(--color-surface-2) 0%, var(--color-accent-subtle) 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;width:100%;max-width:380px;padding:32px 28px;box-shadow:0 8px 24px #0000000f}.login-brand{align-items:center;gap:12px;margin-bottom:24px;display:flex}.login-mark{background:var(--color-accent);width:44px;height:44px;color:var(--color-text-inverse);border-radius:10px;place-items:center;font-size:20px;font-weight:700;display:grid}.login-title{letter-spacing:.5px;margin:0;font-size:18px;font-weight:700}.login-sub{color:var(--color-text-muted);font-size:11px}.login-form{flex-direction:column;gap:14px;display:flex}.login-footer{border-top:1px solid var(--color-border);color:var(--color-text-muted);text-align:center;margin-top:20px;padding-top:14px;font-size:11px}.field{flex-direction:column;gap:4px;display:flex}.field-label{color:var(--color-text-secondary);font-size:12px;font-weight:500}.field-input{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);height:36px;font:inherit;background:var(--color-surface);color:var(--color-text-primary);transition:border-color var(--motion-fast), box-shadow var(--motion-fast);padding:0 10px}.field-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle);outline:none}.field-error{color:var(--color-error);border-radius:var(--radius-sm);background:#dc262614;border:1px solid #dc262640;padding:8px 10px;font-size:12px}.field-success{color:var(--color-success);border-radius:var(--radius-sm);text-align:center;background:#16a34a14;border:1px solid #16a34a40;padding:12px;font-size:13px}.btn-primary{background:var(--color-accent);height:38px;color:var(--color-text-inverse);border-radius:var(--radius-sm);transition:background var(--motion-fast);padding:0 16px;font-size:13px;font-weight:600}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{height:38px;color:var(--color-text-secondary);border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);transition:background var(--motion-fast), color var(--motion-fast);background:0 0;padding:0 16px;font-size:13px;font-weight:500}.btn-ghost:hover:not(:disabled){background:var(--color-surface-3);color:var(--color-text-primary)}.modal-backdrop{z-index:200;background:#0006;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal-card{background:var(--color-surface);border-radius:12px;width:100%;max-width:400px;overflow:hidden;box-shadow:0 20px 60px #0003}.modal-head{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-title{margin:0;font-size:15px;font-weight:600}.modal-close{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-text-muted);transition:background var(--motion-fast);font-size:16px}.modal-close:hover{background:var(--color-surface-3);color:var(--color-text-primary)}.modal-body{flex-direction:column;gap:14px;padding:20px;display:flex}.modal-actions{justify-content:flex-end;gap:8px;margin-top:6px;display:flex}