.admin-portal{--portal-accent:#f59e0b;--portal-accent-bg:#f59e0b17;--portal-accent-text:#fbbf24;--text-muted:#989da4;--text-secondary:#b6bcc3;flex:1;grid-template-columns:252px 1fr;min-height:0;display:grid;overflow:hidden}.admin-sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border);flex-direction:column;display:flex;overflow:hidden}.admin-brand{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:11px;padding:18px 14px 14px;display:flex}.admin-brand-icon{background:#0a0500;border-radius:8px;flex-shrink:0;width:32px;height:32px;overflow:hidden}.admin-brand-icon img{object-fit:contain;width:100%;height:100%}.admin-brand-name{color:var(--text-primary);letter-spacing:-.025em;font-size:1rem;font-weight:800}.admin-brand-sub{color:var(--portal-accent-text);letter-spacing:.07em;text-transform:uppercase;margin-top:1px;font-size:.59rem;font-weight:600}.admin-nav{flex-direction:column;flex:1;padding:6px 6px 10px;display:flex;overflow-y:auto}.admin-nav-section{margin-top:14px}.admin-nav-section:first-child{margin-top:6px}.admin-nav-section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);padding:0 11px 5px;font-size:.59rem;font-weight:700;display:block}.admin-nav-items{flex-direction:column;gap:1px;display:flex}.admin-nav-item{cursor:pointer;color:var(--text-secondary);transition:background var(--t-fast), color var(--t-fast);text-align:left;user-select:none;background:0 0;border:none;border-radius:7px;align-items:center;gap:10px;width:100%;padding:8px 11px;font-size:.875rem;font-weight:500;display:flex}.admin-nav-item svg{opacity:.6;transition:opacity var(--t-fast);flex-shrink:0}.admin-nav-item:hover{color:var(--text-primary);background:#ffffff0d}.admin-nav-item:hover svg{opacity:1}.admin-nav-item.active{background:var(--portal-accent-bg);color:var(--portal-accent-text);font-weight:600}.admin-nav-item.active svg{opacity:1}.admin-nav-item-label{flex:1}.admin-sidebar-footer{border-top:1px solid var(--border);flex-shrink:0;padding:8px 6px}.admin-operator{cursor:default;border-radius:7px;align-items:center;gap:10px;padding:8px 11px;display:flex}.admin-operator-avatar{width:28px;height:28px;color:var(--portal-accent-text);background:#f59e0b1a;border:1px solid #f59e0b38;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.admin-operator-info{flex:1;min-width:0}.admin-operator-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:600;overflow:hidden}.admin-operator-role{color:var(--portal-accent-text);font-size:.68rem;font-weight:500}.admin-content{background:var(--bg-base);flex-direction:column;min-height:0;display:flex;overflow:hidden}.admin-page-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:20px 28px;display:flex}.admin-page-title{color:var(--text-primary);letter-spacing:-.025em;font-size:1.25rem;font-weight:700;line-height:1.2}.admin-page-subtitle{color:var(--text-muted);margin-top:3px;font-size:.8rem}.admin-page-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.admin-page-body{flex-direction:column;flex:1;gap:16px;padding:24px 28px;display:flex;overflow-y:auto}.btn-admin-primary{background:var(--portal-accent);color:#100600;border-radius:var(--r-md);cursor:pointer;transition:background var(--t-fast);white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;padding:5px 11px;font-size:.78rem;font-weight:600;line-height:1;display:inline-flex}.btn-admin-primary:hover{background:#fbbf24}.admin-search{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);transition:border-color var(--t-fast);align-items:center;gap:10px;padding:8px 14px;display:flex}.admin-search:focus-within{border-color:var(--portal-accent);box-shadow:0 0 0 3px #f59e0b14}.admin-search svg{color:var(--text-muted);flex-shrink:0}.admin-search input{color:var(--text-primary);font-size:.875rem;font-family:var(--font-sans);background:0 0;border:none;outline:none;width:100%}.admin-search input::placeholder{color:var(--text-muted)}.section-note{color:var(--text-muted);font-size:.6875rem}.service-chips{flex-wrap:wrap;align-items:center;gap:8px;padding:14px 16px;display:flex}.service-chip{color:var(--text-secondary);border-radius:var(--r-full);border:1px solid var(--border);white-space:nowrap;background:#ffffff0a;align-items:center;gap:7px;padding:5px 11px;font-size:.75rem;font-weight:600;display:inline-flex}.chip-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.service-chip-ok .chip-dot{background:var(--accent-green);box-shadow:0 0 0 2px #22c55e2e}.service-chip-warn .chip-dot{background:var(--accent-amber)}.service-chip-down .chip-dot{background:var(--accent-red)}.admin-loading-row{color:var(--text-secondary);justify-content:center;align-items:center;gap:10px;padding:44px 24px;font-size:.8125rem;display:flex}.metric-value.metric-warn{color:var(--accent-amber)}.admin-portal .metrics-bar{flex-wrap:wrap}.admin-portal .metric-item{flex:150px}.admin-portal .empty-state-icon{border-radius:var(--r-lg);border:1px solid var(--border);width:48px;height:48px;color:var(--text-muted);background:#ffffff0a;justify-content:center;align-items:center;margin-bottom:4px;display:flex}.ov-kpis{z-index:2;isolation:isolate;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:16px;display:grid;position:relative}.ov-kpi{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-xl);cursor:pointer;text-align:left;color:var(--text-primary);transition:border-color var(--t-fast), transform var(--t-fast);align-items:center;gap:12px;padding:15px 16px;display:flex}.ov-kpi:hover{border-color:var(--kpi-accent)}.ov-kpi:active{transform:translateY(1px)}.ov-kpi:focus-visible{outline:2px solid var(--kpi-accent);outline-offset:2px}.ov-kpi-icon{border-radius:var(--r-lg);background:color-mix(in srgb, var(--kpi-accent) 14%, transparent);width:40px;height:40px;color:var(--kpi-accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.ov-kpi-main{flex-direction:column;flex:1;min-width:0;display:flex}.ov-kpi-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;font-size:.6875rem;font-weight:600}.ov-kpi-value{font-size:1.375rem;font-weight:700;font-family:var(--font-mono);margin-top:3px;line-height:1.15}.ov-kpi-sub{color:var(--text-muted);margin-top:2px;font-size:.6875rem}.ov-kpi>svg{color:var(--text-muted);flex-shrink:0}.ov-grid{z-index:1;isolation:isolate;grid-template-columns:1.35fr 1fr;align-items:start;gap:16px;display:grid;position:relative}@media (width<=1100px){.ov-grid{grid-template-columns:1fr}}.ov-panel-link{cursor:pointer;color:var(--portal-accent-text);border-radius:var(--r-sm);transition:background var(--t-fast);background:0 0;border:none;align-items:center;gap:2px;padding:4px 6px;font-size:.72rem;font-weight:600;display:inline-flex}.ov-panel-link:hover{background:var(--portal-accent-bg)}.ov-panel-link:focus-visible{outline:2px solid var(--portal-accent-text);outline-offset:2px}.ov-seg-wrap{padding:16px}.ov-seg{border-radius:var(--r-full);background:#ffffff0f;height:10px;display:flex;overflow:hidden}.ov-seg>div{height:100%;transition:width .4s}.ov-seg-legend{flex-wrap:wrap;gap:10px 18px;margin-top:14px;display:flex}.ov-seg-item{color:var(--text-secondary);align-items:center;gap:6px;font-size:.75rem;display:inline-flex}.ov-seg-dot{border-radius:50%;width:8px;height:8px}.ov-seg-item b{font-family:var(--font-mono);color:var(--text-primary)}.ov-ipam{flex-direction:column;gap:8px;padding:16px 16px 4px;display:flex}.ov-bar{border-radius:var(--r-full);background:#ffffff0f;height:10px;overflow:hidden}.ov-bar-fill{border-radius:var(--r-full);height:100%;transition:width .4s}.ov-bar-fill.ok{background:var(--accent-green)}.ov-bar-fill.warn{background:var(--accent-amber)}.ov-bar-fill.danger{background:var(--accent-red)}.ov-bar-meta{color:var(--text-muted);justify-content:space-between;font-size:.75rem;display:flex}.ov-divider{background:var(--border-subtle);height:1px;margin:14px 16px 0}.ov-mix-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;padding:12px 16px 0;font-size:.6875rem;font-weight:600}.ov-mix{flex-direction:column;gap:9px;padding:8px 16px 16px;display:flex}.ov-mix-row{grid-template-columns:96px 1fr 40px;align-items:center;gap:10px;font-size:.75rem;display:grid}.ov-mix-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;text-transform:capitalize;overflow:hidden}.ov-mix-bar{border-radius:var(--r-full);background:#ffffff0f;height:6px;overflow:hidden}.ov-mix-fill{border-radius:var(--r-full);background:var(--portal-accent);height:100%;transition:width .4s}.ov-mix-count{font-family:var(--font-mono);color:var(--text-muted);text-align:right}.ov-list{flex-direction:column;display:flex}.ov-list-row{border-bottom:1px solid var(--border-subtle);align-items:center;gap:10px;padding:10px 16px;display:flex}.ov-list-row:last-child{border-bottom:none}.ov-list-main{flex:1;min-width:0}.ov-list-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:600;overflow:hidden}.ov-list-sub{color:var(--text-muted);margin-top:1px;font-size:.6875rem}@media (width<=768px){.admin-portal{grid-template-rows:1fr 56px;grid-template-columns:1fr}.admin-sidebar{border-right:none;border-top:1px solid var(--border);order:2;height:56px}.admin-brand,.admin-sidebar-footer,.portal-switcher,.admin-nav-section-label{display:none}.admin-nav{flex-direction:row;align-items:stretch;gap:0;height:56px;padding:0;overflow-x:auto}.admin-nav-section{margin:0;display:contents}.admin-nav-items{display:contents}.admin-nav-item{text-align:center;border-radius:0;flex-direction:column;flex-shrink:0;justify-content:center;gap:3px;min-width:42px;height:56px;padding:4px;font-size:.55rem}.admin-nav-item svg{opacity:1}.admin-nav-item-label{display:block}.admin-nav-item.active{color:var(--portal-accent-text);box-shadow:inset 0 -2px 0 var(--portal-accent);background:0 0}.admin-content{order:1}.admin-page-header{padding:14px 16px}.admin-page-body{padding:16px}}