@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,300;0,14..32,400;0,14..32,500;0,14..32,600;0,14..32,700&display=swap";:root{--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", ui-monospace, monospace;--bg-base:#0f1117;--bg-sidebar:#0c0e14;--bg-surface:#161b25;--bg-surface-2:#1c2230;--bg-input:#161b25;--border:#ffffff12;--border-subtle:#ffffff0a;--border-strong:#ffffff1c;--text-primary:#e8eaf0;--text-secondary:#8b91a6;--text-muted:#505668;--primary:#6366f1;--primary-hover:#7c7ff5;--primary-soft:#6366f11f;--primary-border:#6366f140;--green:#34d399;--green-soft:#34d3991a;--amber:#fbbf24;--amber-soft:#fbbf241a;--red:#f87171;--red-soft:#f871711a;--blue:#60a5fa;--blue-soft:#60a5fa1a;--r-sm:4px;--r-md:6px;--r-lg:8px;--r-xl:10px;--r-full:9999px;--t-fast:.1s ease;--t-base:.16s ease;--t-smooth:.22s cubic-bezier(.4,0,.2,1);--sidebar-w:240px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg-base);height:100%;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.6;overflow:hidden}#root{flex-direction:column;display:flex}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff24}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--r-sm)}.portal{width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);max-width:var(--sidebar-w);background:var(--bg-sidebar);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.sidebar-brand{border-bottom:1px solid var(--border-subtle);flex-shrink:0;align-items:center;gap:10px;padding:18px 16px 14px;display:flex}.sidebar-brand-icon{border-radius:var(--r-md);flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.sidebar-brand-name{color:var(--text-primary);letter-spacing:-.02em;font-size:.9375rem;font-weight:700}.portal-switcher{flex-shrink:0;padding:8px 10px;position:relative}.portal-switcher-trigger{border:1px solid var(--border);border-radius:var(--r-md);width:100%;color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;transition:border-color var(--t-fast), background var(--t-fast), color var(--t-fast);white-space:nowrap;background:0 0;align-items:center;gap:8px;padding:7px 10px;font-size:.8125rem;font-weight:500;display:flex;overflow:hidden}.portal-switcher-trigger:hover{border-color:var(--border-strong);color:var(--text-primary);background:#ffffff08}.switcher-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.switcher-domain{text-align:left;text-overflow:ellipsis;flex:1;overflow:hidden}.portal-switcher-menu{background:var(--bg-surface-2);border:1px solid var(--border-strong);border-radius:var(--r-lg);z-index:300;position:absolute;top:calc(100% - 4px);left:10px;right:10px;overflow:hidden;box-shadow:0 12px 40px #0009}.portal-switcher-option{width:100%;color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;text-align:left;transition:background var(--t-fast), color var(--t-fast);white-space:nowrap;background:0 0;border:none;align-items:center;gap:8px;padding:9px 12px;font-size:.8125rem;font-weight:500;display:flex;overflow:hidden}.portal-switcher-option:hover{color:var(--text-primary);background:#ffffff0a}.portal-switcher-option.ps-selected{color:var(--text-primary)}.ps-blank{flex-shrink:0;width:14px;display:inline-block}.ps-section-label{letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);padding:10px 12px 4px;font-size:.6875rem;font-weight:600}.ps-divider{background:var(--border);height:1px;margin:4px 0}.ps-create-form{border-top:1px solid var(--border);flex-direction:column;gap:6px;padding:8px 12px 10px;display:flex}.ps-create-form input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--r-sm);width:100%;color:var(--text-primary);font-family:var(--font-sans);transition:border-color var(--t-fast);outline:none;padding:7px 10px;font-size:.8125rem}.ps-create-form input:focus{border-color:var(--primary)}.ps-create-actions{justify-content:flex-end;gap:6px;display:flex}.ps-create-error{color:var(--red);font-size:.75rem}.sidebar-nav{flex-direction:column;flex:1;gap:1px;padding:6px 8px;display:flex;overflow-y:auto}.nav-section-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;padding:14px 10px 4px;font-size:.6875rem;font-weight:600}.nav-item{border-radius:var(--r-md);width:100%;color:var(--text-secondary);font-size:.875rem;font-weight:500;font-family:var(--font-sans);cursor:pointer;text-align:left;transition:background var(--t-fast), color var(--t-fast), border-color var(--t-fast);white-space:nowrap;background:0 0;border:none;border-left:2px solid #0000;flex-shrink:0;align-items:center;gap:10px;padding:8px 10px;display:flex}.nav-item svg{opacity:.7;transition:opacity var(--t-fast);flex-shrink:0}.nav-item:hover{color:var(--text-primary);background:#ffffff0a}.nav-item:hover svg{opacity:1}.nav-item.active{color:var(--text-primary);border-left-color:var(--primary);background:#6366f114}.nav-item.active svg{opacity:1}.sidebar-footer{border-top:1px solid var(--border-subtle);flex-shrink:0;padding:8px 8px 10px}.sidebar-user{border-radius:var(--r-md);cursor:pointer;transition:background var(--t-fast);align-items:center;gap:10px;padding:8px 10px;display:flex}.sidebar-user:hover{background:#ffffff0a}.sidebar-avatar{border-radius:var(--r-full);background:var(--primary-soft);border:1px solid var(--primary-border);width:30px;height:30px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.sidebar-user-role{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.portal-content{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.page-header{border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:22px 28px 18px;display:flex}.page-title{color:var(--text-primary);letter-spacing:-.025em;font-size:1.25rem;font-weight:700;line-height:1.2}.page-header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.page-body{flex-direction:column;flex:1;gap:20px;padding:24px 28px 40px;display:flex;overflow-y:auto}.btn{font-size:.875rem;font-weight:600;font-family:var(--font-sans);border-radius:var(--r-md);cursor:pointer;transition:all var(--t-fast);white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;padding:8px 16px;line-height:1;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.btn svg{flex-shrink:0}.btn-sm{padding:6px 12px;font-size:.8125rem}.btn-xs{padding:4px 8px;font-size:.75rem}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn-secondary{color:var(--text-secondary);border-color:var(--border);background:#ffffff0d}.btn-secondary:hover{color:var(--text-primary);border-color:var(--border-strong);background:#ffffff17}.btn-ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover{color:var(--text-primary);background:#ffffff0d}.btn-danger{background:var(--red-soft);color:var(--red);border-color:#f8717133}.btn-danger:hover{background:#f871712e}.btn-outline{border-color:var(--border);color:var(--text-secondary);background:0 0}.btn-outline:hover{color:var(--text-primary);border-color:var(--border-strong);background:#ffffff0a}.badge{border-radius:var(--r-full);white-space:nowrap;letter-spacing:.01em;align-items:center;padding:2px 8px;font-size:.6875rem;font-weight:600;display:inline-flex}.badge-success{background:var(--green-soft);color:var(--green)}.badge-warning{background:var(--amber-soft);color:var(--amber)}.badge-danger{background:var(--red-soft);color:var(--red)}.badge-neutral{color:var(--text-muted);background:#ffffff0f}.badge-info{background:var(--primary-soft);color:#a5b4fc}.badge-blue{background:var(--blue-soft);color:var(--blue)}.status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.status-dot.online{background:var(--green)}.status-dot.offline{background:var(--text-muted)}.status-dot.warning{background:var(--amber)}.status-dot.error{background:var(--red)}.section{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-xl);overflow:hidden}.section-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:13px 18px;display:flex}.section-title{color:var(--text-primary);font-size:.8125rem;font-weight:600}.metrics-bar{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-xl);display:flex;overflow:hidden}.metric-item{border-right:1px solid var(--border);flex:1;min-width:0;padding:18px 22px}.metric-item:last-child{border-right:none}.metric-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:8px;font-size:.6875rem;font-weight:600}.metric-value{color:var(--text-primary);font-size:1.75rem;font-weight:700;font-family:var(--font-mono);letter-spacing:-.04em;line-height:1}.metric-sub{color:var(--text-muted);margin-top:5px;font-size:.75rem}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:56px 24px;display:flex}.empty-icon{border-radius:var(--r-lg);border:1px solid var(--border);width:48px;height:48px;color:var(--text-muted);background:#ffffff08;justify-content:center;align-items:center;margin-bottom:6px;display:flex}.empty-state h3{color:var(--text-primary);font-size:1rem;font-weight:600}.empty-state p{color:var(--text-muted);max-width:360px;font-size:.875rem;line-height:1.65}.data-table{border-collapse:collapse;width:100%;font-size:.875rem}.data-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid var(--border);white-space:nowrap;padding:11px 18px;font-size:.6875rem;font-weight:600}.data-table td{color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);vertical-align:middle;padding:13px 18px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#ffffff05}.data-table td strong,.data-table .cell-primary{color:var(--text-primary);font-weight:600}.table-wrap{overflow-x:auto}.table-wrap .data-table{min-width:520px}.info-row{border-bottom:1px solid var(--border-subtle);grid-template-columns:160px 1fr auto;align-items:center;gap:14px;padding:12px 18px;display:grid}.info-row:last-child{border-bottom:none}.info-key{color:var(--text-secondary);font-size:.875rem;font-weight:500}.info-val{color:var(--text-primary);font-size:.875rem;font-weight:500;font-family:var(--font-mono);word-break:break-all}.toggle{flex-shrink:0;width:40px;height:22px;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-slider{border:1px solid var(--border-strong);border-radius:var(--r-full);cursor:pointer;transition:background var(--t-base), border-color var(--t-base);background:#ffffff12;position:absolute;inset:0}.toggle-slider:after{content:"";background:var(--text-muted);width:14px;height:14px;transition:transform var(--t-smooth), background var(--t-base);border-radius:50%;position:absolute;top:50%;left:3px;transform:translateY(-50%)}.toggle input:checked+.toggle-slider{background:var(--primary-soft);border-color:var(--primary)}.toggle input:checked+.toggle-slider:after{background:var(--primary);transform:translateY(-50%)translate(18px)}.settings-section{flex-direction:column;display:flex}.settings-section-header{border-bottom:1px solid var(--border-subtle);padding:16px 18px 12px}.settings-section-header h3{color:var(--text-primary);font-size:.9375rem;font-weight:600}.settings-section-header p{color:var(--text-muted);margin-top:3px;font-size:.8125rem;line-height:1.55}.modal-overlay{z-index:200;background:#000000a6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--r-xl);flex-direction:column;gap:18px;width:460px;max-width:100%;padding:28px;animation:.15s ease-out modalIn;display:flex;box-shadow:0 20px 60px #00000080}@keyframes modalIn{0%{opacity:0;transform:scale(.97)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.modal-title{color:var(--text-primary);letter-spacing:-.02em;font-size:1.0625rem;font-weight:700}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.field input,.field select{background:var(--bg-input);border:1px solid var(--border-strong);border-radius:var(--r-md);width:100%;color:var(--text-primary);font-size:.875rem;font-family:var(--font-sans);transition:border-color var(--t-fast), box-shadow var(--t-fast);outline:none;padding:9px 12px}.field input:focus,.field select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.field select{cursor:pointer}.field-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.key-box{background:var(--bg-surface-2);border:1px solid var(--border-subtle);border-radius:var(--r-md);font-family:var(--font-mono);color:var(--text-muted);cursor:pointer;transition:border-color var(--t-fast), color var(--t-fast);justify-content:space-between;align-items:center;padding:8px 11px;font-size:.75rem;display:flex}.key-box:hover{border-color:var(--border);color:var(--text-secondary)}.terminal{border:1px solid var(--border);border-radius:var(--r-md);font-family:var(--font-mono);color:var(--green);background:#0a0c10;max-height:200px;padding:14px;font-size:.75rem;line-height:1.7;overflow-y:auto}.org-badge{border-radius:var(--r-full);text-transform:uppercase;letter-spacing:.06em;background:var(--blue-soft);color:var(--blue);border:1px solid #60a5fa33;align-items:center;padding:1px 7px;font-size:.5625rem;font-weight:700;display:inline-flex}.spinner{border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.65s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{background:var(--red-soft);border-radius:var(--r-lg);color:var(--red);border:1px solid #f8717133;align-items:center;gap:10px;padding:13px 16px;font-size:.875rem;line-height:1.5;display:flex}.conn-form{flex-wrap:wrap;align-items:flex-end;gap:12px;padding:18px;display:flex}.conn-form .field{flex:240px;min-width:0}.conn-hint{color:var(--text-muted);padding:0 18px 16px;font-size:.8125rem;line-height:1.55}.conn-empty-providers{align-items:flex-start;gap:16px;padding:24px 18px;display:flex}.conn-empty-providers h3{color:var(--text-primary);font-size:.9375rem;font-weight:600}.conn-empty-providers p{color:var(--text-muted);max-width:480px;margin:5px 0 12px;font-size:.875rem;line-height:1.6}.inline-empty{color:var(--text-muted);text-align:center;padding:24px 18px;font-size:.875rem}.toast{border-radius:var(--r-lg);background:var(--bg-surface-2);border:1px solid var(--border-strong);color:var(--text-primary);justify-content:space-between;align-items:center;gap:12px;padding:11px 16px;font-size:.875rem;animation:.18s ease-out toastIn;display:flex;box-shadow:0 8px 24px #0006}.toast-success{border-color:#34d39940}.toast-error{border-color:#f8717140}.toast-info{border-color:var(--primary-border)}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.portal-admin{--primary:#f59e0b;--primary-hover:#fbbf24;--primary-soft:#f59e0b17;--primary-border:#f59e0b38}.portal-admin .nav-item.active{border-left-color:var(--primary);background:#f59e0b12}.portal-admin .nav-item.active svg{color:var(--primary)}.admin-portal{flex:1;grid-template-columns:252px 1fr;min-height:0;display:grid;overflow:hidden}.admin-brand-icon{border-radius:var(--r-md);flex-shrink:0;width:30px;height:30px;overflow:hidden}.admin-brand-sub{text-transform:uppercase;letter-spacing:.08em;color:var(--primary);margin-top:2px;font-size:.625rem;font-weight:600}.admin-nav{flex-direction:column;flex:1;gap:1px;padding:8px;display:flex;overflow-y:auto}.admin-content{background:var(--bg-base);flex-direction:column;display:flex;overflow:hidden}.admin-header{border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:22px 28px 18px;display:flex}.admin-header-left{flex-direction:column;gap:3px;display:flex}.admin-title{color:var(--text-primary);letter-spacing:-.025em;font-size:1.25rem;font-weight:700}.admin-subtitle{color:var(--text-muted);font-size:.8125rem}.admin-header-actions{align-items:center;gap:8px;display:flex}.admin-body{flex-direction:column;flex:1;gap:20px;padding:24px 28px 40px;display:flex;overflow-y:auto}.admin-status-online{color:var(--green)}.admin-status-warning{color:var(--amber)}.admin-status-error{color:var(--red)}.service-row{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:12px;padding:13px 18px;display:flex}.service-row:last-child{border-bottom:none}.service-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.service-meta{color:var(--text-muted);margin-top:2px;font-size:.75rem}.relay-endpoint{font-family:var(--font-mono);color:var(--text-muted);margin-top:2px;font-size:.75rem}.coming-soon{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:64px 24px;display:flex}.coming-soon h3{color:var(--text-secondary);font-size:1rem;font-weight:600}.coming-soon p{max-width:340px;font-size:.875rem;line-height:1.65}.landing-shell{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-deep:#000;--ink:#f7fbff;--ink-secondary:#c4d1de;--muted:#8b9bb0;--line:#ffffff1c;--line-strong:#ffffff38;--surface:#070a0e;--surface-card:#0c1219;--surface-hover:#121b24;--blue:#0284c7;--cyan:#38bdf8;--green:#34d399;--lime:#a3e635;--amber:#f59e0b;--grad:linear-gradient(135deg, #38bdf8 0%, #34d399 100%);--shadow-glow:0 0 24px #38bdf824;--shadow-card:0 20px 60px #000000a6;--font-sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Roboto Mono", Menlo, Consolas, monospace;font-family:var(--font-sans);background-color:var(--bg-deep);color:var(--ink);background-image:radial-gradient(circle,#ffffff2e 1px,#0000 1px),radial-gradient(circle at 80% 8%,#38bdf80a,#0000 38rem),radial-gradient(circle at 18% 70%,#34d39908,#0000 42rem);background-repeat:repeat,no-repeat,no-repeat;background-size:24px 24px,100% 100%,100% 100%;background-attachment:fixed;min-height:100vh;line-height:1.55;position:relative;overflow-x:hidden}.landing-shell *{box-sizing:border-box}.landing-shell a{color:inherit;cursor:pointer;text-decoration:none}.landing-shell button,.landing-shell input,.landing-shell select{font-family:inherit}.lp-top-loading-bar{z-index:99999;pointer-events:none;background:linear-gradient(90deg,#0284c7 0%,#38bdf8 45%,#34d399 80%,#a3e635 100%);height:2.5px;transition:width .18s ease-out,opacity .22s ease-out;position:fixed;top:0;left:0;box-shadow:0 0 12px #38bdf8cc,0 0 6px #34d39999}.lp-page-content-animated{animation:.22s cubic-bezier(.16,1,.3,1) forwards lpPageEnter}@keyframes lpPageEnter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.lp-topbar{z-index:100;justify-content:space-between;align-items:center;max-width:100%;padding:16px 36px;transition:all .28s;display:flex;position:sticky;top:0}.lp-topbar.scrolled{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(20px);background:#04070ae0;padding:12px 36px;box-shadow:0 8px 32px #00000080}.lp-brand{letter-spacing:-.02em;cursor:pointer;align-items:center;gap:11px;font-size:1.05rem;font-weight:800;display:flex}.lp-brand-icon{background:#000;border:1px solid #08f2ff4d;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;overflow:hidden;box-shadow:0 0 14px #08f2ff33}.lp-brand-icon img{object-fit:contain;width:28px;height:28px}.lp-brand-text{color:var(--ink);font-weight:800}.lp-brand-badge{letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);background:#08f2ff1f;border:1px solid #08f2ff47;border-radius:99px;padding:2px 7px;font-size:.625rem;font-weight:700}.lp-nav-pill{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0f16d9;border-radius:999px;align-items:center;gap:4px;padding:4px 6px;display:flex}.lp-nav-pill button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:7px 16px;font-size:.85rem;font-weight:600;transition:color .18s,background .18s}.lp-nav-pill button:hover,.lp-nav-pill button.active{color:var(--ink);background:#08f2ff1f}.lp-topbar-actions{align-items:center;gap:10px;display:flex}.lp-btn-primary{background:var(--grad);color:#020904;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 18px;font-size:.875rem;font-weight:800;transition:transform .18s,box-shadow .18s,filter .18s;display:inline-flex;box-shadow:0 10px 28px #08f2ff38}.lp-btn-primary:hover{filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 14px 34px #08f2ff59}.lp-btn-primary.large{min-height:50px;padding:0 26px;font-size:1rem}.lp-btn-secondary{border:1px solid var(--line);color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 18px;font-size:.875rem;font-weight:700;transition:transform .18s,border-color .18s,background .18s;display:inline-flex}.lp-btn-secondary:hover{color:#fff;background:#ffffff17;border-color:#08f2ff66;transform:translateY(-2px)}.lp-btn-secondary.large{min-height:50px;padding:0 24px;font-size:.95rem}.lp-menu-btn{border:1px solid var(--line);width:40px;height:40px;color:var(--ink);cursor:pointer;background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;display:none}.lp-hero{z-index:2;align-items:center;min-height:calc(100vh - 80px);padding:50px 36px 70px;display:flex;position:relative}.lp-hero-inner{width:100%;max-width:1260px;margin:0 auto}.lp-hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}.lp-chip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #08f2ff47;border-radius:99px;align-items:center;gap:9px;margin-bottom:22px;padding:7px 16px;display:inline-flex}.lp-chip-dot{background:var(--green);width:7px;height:7px;box-shadow:0 0 10px var(--green);border-radius:50%;animation:2s ease-in-out infinite lpPulseDot}@keyframes lpPulseDot{0%{opacity:.7;transform:scale(.9)}50%{opacity:1;transform:scale(1.35)}to{opacity:.7;transform:scale(.9)}}.lp-chip-text{color:var(--ink);letter-spacing:.01em;font-size:.8125rem;font-weight:600}.lp-eyebrow{text-transform:uppercase;letter-spacing:.08em;background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:.8125rem;font-weight:800}.lp-hero h1{letter-spacing:-.035em;margin:0 0 20px;font-size:clamp(2.6rem,4.8vw,4.4rem);font-weight:900;line-height:1.05}.lp-grad-text{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;display:inline-block}.lp-hero-desc{color:var(--muted);max-width:520px;margin-bottom:34px;font-size:clamp(1.05rem,1.6vw,1.2rem);line-height:1.7}.lp-hero-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.lp-bent-mesh-wrap{aspect-ratio:1.15;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.lp-mesh-ambient-glow{filter:blur(40px);pointer-events:none;background:radial-gradient(circle,#38bdf814 0%,#34d3990a 50%,#0000 70%);border-radius:50%;width:260px;height:260px;animation:6s ease-in-out infinite alternate lpOrbFloat;position:absolute}@keyframes lpOrbFloat{0%{transform:translate(-10px,-10px)scale(.95)}to{transform:translate(15px,15px)scale(1.1)}}.lp-bent-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.lp-bent-arrow-path{fill:none;stroke-width:3px;stroke-dasharray:8 10;stroke-dashoffset:160px;animation:4s linear infinite lpPathStroke}@keyframes lpPathStroke{to{stroke-dashoffset:0}}.lp-device-node{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;cursor:pointer;background:#080e16f0;border:1.5px solid #08f2ff59;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;transition:transform .22s,border-color .22s,box-shadow .22s;display:flex;position:absolute;box-shadow:0 12px 32px #000000a6,0 0 18px #08f2ff26}.lp-device-node:hover{border-color:var(--cyan);transform:scale(1.06);box-shadow:0 16px 40px #000c,0 0 28px #08f2ff59}.lp-node-icon-box{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.lp-node-info{flex-direction:column;display:flex}.lp-node-title{color:var(--ink);font-size:.875rem;font-weight:700}.lp-node-subtitle{color:var(--muted);font-size:.725rem}.lp-node-home{width:205px;top:5%;left:2%}.lp-node-home .lp-node-icon-box{color:var(--blue);background:#126cff26}.lp-node-laptop{width:205px;top:5%;right:2%}.lp-node-laptop .lp-node-icon-box{color:var(--cyan);background:#08f2ff26}.lp-node-phone{width:205px;bottom:5%;left:2%}.lp-node-phone .lp-node-icon-box{color:var(--green);background:#14f06d26}.lp-node-team{width:205px;bottom:5%;right:2%}.lp-node-team .lp-node-icon-box{color:var(--lime);background:#b9ff0026}.lp-node-center-hub{z-index:12;background:#030609f5;border:2px solid #08f2ff80;border-radius:50%;justify-content:center;align-items:center;width:78px;height:78px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 32px #08f2ff59}.lp-node-center-hub img{object-fit:contain;width:44px;height:44px}.lp-flow-badge{letter-spacing:.03em;color:var(--cyan);pointer-events:none;z-index:11;background:#04080deb;border:1px solid #08f2ff4d;border-radius:99px;padding:4px 10px;font-size:.6875rem;font-weight:700;position:absolute;box-shadow:0 4px 14px #00000080}.lp-flow-badge.top-flow{top:12%;left:50%;transform:translate(-50%)}.lp-flow-badge.bot-flow{bottom:13%;left:50%;transform:translate(-50%)}.lp-metric-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080c11b3;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1240px;margin:0 auto;padding:34px 36px;display:grid}.lp-metric-item{flex-direction:column;gap:5px;display:flex}.lp-metric-label{color:var(--muted);font-size:.8125rem;font-weight:600}.lp-metric-val{letter-spacing:-.03em;color:var(--ink);font-size:clamp(1.85rem,3vw,2.6rem);font-weight:900}.lp-metric-sub{color:var(--green);align-items:center;gap:4px;font-size:.75rem;font-weight:700;display:inline-flex}.lp-page-wrapper{z-index:2;max-width:1240px;margin:0 auto;padding:50px 36px 80px;position:relative}.lp-page-header{text-align:center;max-width:780px;margin:0 auto 56px}.lp-page-header h1{letter-spacing:-.03em;margin:0 0 16px;font-size:clamp(2.4rem,4.5vw,3.8rem);font-weight:900;line-height:1.1}.lp-page-header p{color:var(--muted);margin:0;font-size:1.1rem;line-height:1.65}.lp-section{z-index:2;max-width:1240px;margin:0 auto;padding:90px 36px;position:relative}.lp-section-heading{margin-bottom:52px}.lp-section-heading.centered{text-align:center;max-width:720px;margin-left:auto;margin-right:auto}.lp-section-heading h2{letter-spacing:-.028em;margin:0 0 14px;font-size:clamp(2rem,3.8vw,3.25rem);font-weight:800;line-height:1.1}.lp-section-heading p.lp-subtext{color:var(--muted);margin:0;font-size:1.05rem;line-height:1.65}.lp-steps-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid;position:relative}.lp-step-card{background:var(--surface-card);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:16px;padding:32px 28px;transition:transform .22s,border-color .22s;display:flex;position:relative;overflow:hidden}.lp-step-card:hover{border-color:#08f2ff59;transform:translateY(-4px)}.lp-step-card:before{content:"";background:var(--grad);opacity:0;width:4px;height:100%;transition:opacity .2s;position:absolute;top:0;left:0}.lp-step-card:hover:before{opacity:1}.lp-step-header{justify-content:space-between;align-items:center;display:flex}.lp-step-icon-box{width:44px;height:44px;color:var(--cyan);background:#08f2ff17;border:1px solid #08f2ff38;border-radius:10px;justify-content:center;align-items:center;display:flex}.lp-step-num{font-family:var(--font-mono);color:#fff3;font-size:1.4rem;font-weight:900}.lp-step-card h3{color:var(--ink);margin:0;font-size:1.25rem;font-weight:700}.lp-step-card p{color:var(--muted);margin:0;font-size:.9125rem;line-height:1.65}.lp-code-snippet{border:1px solid var(--line);font-family:var(--font-mono);color:var(--cyan);background:#020406;border-radius:7px;padding:10px 14px;font-size:.78rem;overflow-x:auto}.lp-products-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.lp-product-card{background:var(--surface-card);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:16px;padding:32px 28px;transition:transform .22s,border-color .22s,box-shadow .22s;display:flex}.lp-product-card:hover{border-color:#14f06d59;transform:translateY(-4px);box-shadow:0 16px 40px #00000080}.lp-product-badge{text-transform:uppercase;letter-spacing:.08em;color:var(--green);font-size:.6875rem;font-weight:800}.lp-product-card h3{margin:0;font-size:1.35rem;font-weight:800}.lp-product-card p{color:var(--muted);flex:1;margin:0;font-size:.9125rem;line-height:1.65}.lp-product-features{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.lp-product-features li{color:var(--ink-secondary);align-items:center;gap:8px;font-size:.8125rem;display:flex}.lp-product-features li svg{color:var(--green);flex-shrink:0}.lp-arch-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.lp-arch-card{background:var(--surface-card);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:14px;padding:32px;display:flex}.lp-arch-card h3{margin:0;font-size:1.35rem;font-weight:800}.lp-arch-card p{color:var(--muted);margin:0;font-size:.925rem;line-height:1.65}.lp-downloads-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.lp-dl-card{background:var(--surface-card);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:14px;padding:28px 22px;transition:transform .22s,border-color .22s;display:flex}.lp-dl-card:hover{border-color:#08f2ff59;transform:translateY(-4px)}.lp-dl-top{justify-content:space-between;align-items:center;display:flex}.lp-dl-icon{border:1px solid var(--line);width:44px;height:44px;color:var(--ink);background:#ffffff0d;border-radius:10px;justify-content:center;align-items:center;display:flex}.lp-dl-card h3{margin:0;font-size:1.25rem;font-weight:800}.lp-dl-sub{color:var(--muted);flex:1;margin:0;font-size:.8125rem;line-height:1.55}.lp-dl-actions{flex-direction:column;gap:8px;display:flex}.lp-dl-btn{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#ffffff0f;border-radius:7px;justify-content:space-between;align-items:center;padding:9px 12px;font-size:.8125rem;font-weight:600;transition:all .18s;display:flex}.lp-dl-btn:hover{color:#fff;background:#08f2ff1f;border-color:#08f2ff59}.lp-dl-btn.primary-dl{background:var(--grad);color:#000;border:none;font-weight:800}.lp-security-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.lp-sec-card{background:var(--surface-card);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:12px;padding:24px 20px;display:flex}.lp-sec-icon{width:38px;height:38px;color:var(--green);background:#14f06d17;border:1px solid #14f06d40;border-radius:8px;justify-content:center;align-items:center;display:flex}.lp-sec-card h3{margin:0;font-size:1.05rem;font-weight:700}.lp-sec-card p{color:var(--muted);margin:0;font-size:.8125rem;line-height:1.6}.lp-testimonials-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.lp-test-card{background:var(--surface-card);border:1px solid var(--line);border-radius:14px;flex-direction:column;justify-content:space-between;gap:20px;padding:28px 24px;display:flex}.lp-test-stars{color:var(--lime);gap:4px;display:flex}.lp-test-quote{color:var(--ink-secondary);margin:0;font-size:.95rem;font-style:italic;line-height:1.65}.lp-test-author{align-items:center;gap:12px;display:flex}.lp-test-avatar{background:var(--grad);color:#000;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-weight:900;display:flex}.lp-test-name{color:var(--ink);font-size:.875rem;font-weight:700}.lp-test-role{color:var(--muted);font-size:.75rem}.lp-cta-banner{background:linear-gradient(135deg,#126cff26 0%,#08f2ff26 50%,#14f06d1a 100%);border:1px solid #08f2ff4d;border-radius:20px;justify-content:space-between;align-items:center;gap:32px;padding:56px 48px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #0009}.lp-cta-copy h2{margin:0 0 10px;font-size:clamp(1.8rem,3.2vw,2.75rem);font-weight:900}.lp-cta-copy p{color:var(--ink-secondary);margin:0;font-size:1.05rem}.lp-cta-actions{flex-shrink:0;gap:12px;display:flex}.lp-footer{border-top:1px solid var(--line);background:#020406;margin-top:60px;padding:72px 36px 36px}.lp-footer-inner{max-width:1240px;margin:0 auto}.lp-footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:40px;margin-bottom:56px;display:grid}.lp-footer-brand{flex-direction:column;gap:14px;display:flex}.lp-footer-brand p{color:var(--muted);max-width:280px;margin:0;font-size:.875rem;line-height:1.6}.lp-footer-col h4{text-transform:uppercase;letter-spacing:.08em;color:var(--ink);margin:0 0 16px;font-size:.8125rem;font-weight:700}.lp-footer-col ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.lp-footer-col a{color:var(--muted);cursor:pointer;font-size:.875rem;transition:color .18s}.lp-footer-col a:hover{color:var(--cyan)}.lp-footer-bottom{color:var(--muted);border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;padding-top:28px;font-size:.8125rem;display:flex}.lp-footer-links{gap:20px;display:flex}.lp-footer-links a:hover{color:var(--ink)}.lp-modal-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.lp-modal-card{background:var(--surface-card);border:1px solid var(--line-strong);text-align:center;border-radius:16px;width:100%;max-width:480px;padding:32px;position:relative;box-shadow:0 24px 64px #000c}.lp-modal-icon{width:56px;height:56px;color:var(--green);background:#14f06d1f;border:1px solid #14f06d59;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}@media (width<=1024px){.lp-hero-grid{grid-template-columns:1fr;gap:40px}.lp-bent-mesh-wrap{min-height:380px}.lp-metric-strip{grid-template-columns:repeat(2,1fr)}.lp-steps-grid,.lp-products-grid,.lp-arch-grid{grid-template-columns:1fr}.lp-downloads-grid,.lp-security-grid{grid-template-columns:repeat(2,1fr)}.lp-testimonials-grid{grid-template-columns:1fr}.lp-footer-grid{grid-template-columns:1fr 1fr;gap:32px}.lp-cta-banner{text-align:center;flex-direction:column}}@media (width<=768px){.lp-topbar{padding:14px 20px}.lp-nav-pill{display:none}.lp-menu-btn{display:flex}.lp-hero{padding:40px 20px 60px}.lp-section{padding:60px 20px}.lp-metric-strip{grid-template-columns:1fr;padding:24px 20px}.lp-downloads-grid,.lp-security-grid,.lp-footer-grid{grid-template-columns:1fr}.lp-footer-bottom{text-align:center;flex-direction:column;gap:14px}.lp-device-node{padding:8px 10px}.lp-node-title{font-size:.75rem}.lp-node-subtitle{display:none}}.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;-webkit-user-select:none;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{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:16px;display:grid}.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{grid-template-columns:1.35fr 1fr;align-items:start;gap:16px;display:grid}@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}}