.sf-root{--sf-bg: #f6f8fb;--sf-bg-strong: #f1f4f8;--sf-surface: #ffffff;--sf-surface-2: #fafbfd;--sf-surface-3: #f1f4f8;--sf-border: #e6ebf2;--sf-border-soft: #eef2f7;--sf-border-strong: #d2dae5;--sf-ink: #0f1722;--sf-ink-soft: #475467;--sf-muted: #6b7785;--sf-muted-2: #94a0ad;--sf-placeholder: #a0adbd;--sf-brand: #0d9488;--sf-brand-strong: #0b7d73;--sf-brand-soft: #ecfdf9;--sf-brand-soft-2: #d6f5ec;--sf-accent: #22d3a7;--sf-petrol: #0f4c5c;--sf-petrol-soft: #e6eef1;--sf-side-bg: #0e1622;--sf-side-bg-2: #0a121d;--sf-side-line: rgba(255, 255, 255, .06);--sf-side-text: #c7d0dc;--sf-side-muted: #7c8696;--sf-side-active: rgba(34, 211, 167, .12);--sf-side-active-line: #22d3a7;--sf-success: #16a34a;--sf-success-soft: #e8f7ee;--sf-success-ink: #157a3a;--sf-warning: #d97706;--sf-warning-soft: #fef3c7;--sf-warning-ink: #92400e;--sf-danger: #dc2626;--sf-danger-soft: #fee2e2;--sf-danger-ink: #b1241f;--sf-info: #2563eb;--sf-info-soft: #e0ecff;--sf-info-ink: #1e40af;--sf-shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--sf-shadow-sm: 0 4px 14px rgba(15, 23, 42, .04);--sf-shadow-md: 0 10px 28px rgba(15, 23, 42, .06);--sf-shadow-lg: 0 20px 48px rgba(15, 23, 42, .1);--sf-radius-xs: 8px;--sf-radius-sm: 10px;--sf-radius: 12px;--sf-radius-lg: 14px;--sf-radius-xl: 18px;--sf-control-h: 38px;--sf-control-h-lg: 44px;--sf-icon-btn: 38px;--sf-row-h: 52px;--sf-pad-page-x: 36px;--sf-pad-page-y: 26px;font-family:Inter,IBM Plex Sans,Segoe UI,system-ui,-apple-system,sans-serif;color:var(--sf-ink);background:var(--sf-bg);min-height:100vh;letter-spacing:-.005em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.sf-root *,.sf-root *:before,.sf-root *:after{box-sizing:border-box}.sf-root button{font-family:inherit;border:0;background:transparent;cursor:pointer;color:inherit}.sf-root input,.sf-root textarea,.sf-root select{font-family:inherit;border:0;outline:none;background:transparent;color:inherit}.sf-root a{color:inherit;text-decoration:none}.sf-root :focus{outline:none}.sf-root :focus-visible{outline:3px solid rgba(13,148,136,.45);outline-offset:3px}.sf-root .sf-nav-item:focus-visible,.sf-root .sf-btn:focus-visible,.sf-root .sf-icon-btn:focus-visible,.sf-root .sf-burger:focus-visible,.sf-root .sf-row-action:focus-visible,.sf-root .sf-pager-btn:focus-visible,.sf-root .sf-tab:focus-visible,.sf-root .sf-switch:focus-visible,.sf-root .sf-modal-close:focus-visible,.sf-root .sf-side-user-more:focus-visible{box-shadow:0 0 0 4px #0d948829}.sf-app{display:flex;min-height:100vh}.sf-main{flex:1;min-width:0;display:flex;flex-direction:column}.sf-sidebar{width:248px;flex-shrink:0;background:linear-gradient(180deg,var(--sf-side-bg) 0%,var(--sf-side-bg-2) 100%);color:var(--sf-side-text);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;border-right:1px solid rgba(255,255,255,.04)}.sf-brand{display:flex;align-items:center;gap:12px;padding:20px 18px 22px;border-bottom:1px solid var(--sf-side-line)}.sf-brand-mark{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#0d9488,#22d3a7);display:grid;place-items:center;color:#fff;box-shadow:0 8px 22px #22d3a740;flex-shrink:0}.sf-brand-name{font-size:15px;font-weight:700;letter-spacing:-.01em;color:#fff;line-height:1.1}.sf-brand-sub{font-size:11.5px;color:var(--sf-side-muted);margin-top:2px}.sf-nav{flex:1;padding:12px 10px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.sf-nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:var(--sf-side-text);font-size:13.5px;font-weight:500;width:100%;text-align:left;cursor:pointer;transition:background .16s ease,color .16s ease;position:relative}.sf-nav-item:hover{background:#ffffff0a;color:#fff}.sf-nav-item.is-active{background:var(--sf-side-active);color:#fff;box-shadow:inset 2px 0 0 var(--sf-side-active-line)}.sf-nav-item.is-active:before{content:"";position:absolute;left:-2px;top:8px;bottom:8px;width:2px;background:var(--sf-side-active-line);border-radius:2px;box-shadow:0 0 14px var(--sf-side-active-line)}.sf-nav-item svg{width:17px;height:17px;flex-shrink:0;opacity:.82}.sf-nav-item.is-active svg{opacity:1;color:var(--sf-accent)}.sf-nav-item span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sf-nav-badge{margin-left:auto;font-size:10.5px;min-width:20px;height:18px;padding:0 6px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff14;color:#cdd6e0;font-weight:600}.sf-nav-badge.is-alert{background:#ef4444;color:#fff;box-shadow:0 0 0 3px #ef44442e}.sf-nav-divider{height:1px;background:var(--sf-side-line);margin:10px 4px}.sf-secure-card{margin:14px 12px 12px;padding:14px;border-radius:14px;background:linear-gradient(160deg,#22d3a714,#0d94880a);border:1px solid rgba(34,211,167,.18)}.sf-secure-title{display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:700;color:#d3f5ec;letter-spacing:.04em;text-transform:uppercase}.sf-secure-title svg{width:14px;height:14px;color:var(--sf-accent)}.sf-secure-text{margin-top:8px;font-size:12px;line-height:1.45;color:var(--sf-side-muted)}.sf-secure-link{display:inline-block;margin-top:10px;font-size:12px;font-weight:600;color:var(--sf-accent);cursor:pointer}.sf-side-user{display:flex;align-items:center;gap:10px;padding:14px;border-top:1px solid var(--sf-side-line)}.sf-side-user-avatar{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#4f46e5,#22d3a7);display:grid;place-items:center;color:#fff;font-size:11.5px;font-weight:700;flex-shrink:0}.sf-side-user-info{flex:1;min-width:0}.sf-side-user-name{color:#fff;font-size:13px;font-weight:600;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sf-side-user-mail{color:var(--sf-side-muted);font-size:11.5px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sf-side-user-status{margin-top:4px;display:flex;align-items:center;gap:6px;font-size:11px;color:#b9f5e3}.sf-side-user-status .sf-dot{width:6px;height:6px;border-radius:50%;background:var(--sf-accent);box-shadow:0 0 0 3px #22d3a72e}.sf-side-user-more{color:var(--sf-side-muted);width:28px;height:28px;border-radius:8px;display:grid;place-items:center}.sf-side-user-more:hover{background:#ffffff0f;color:#fff}.sf-topbar{display:flex;align-items:flex-start;gap:16px;padding:var(--sf-pad-page-y) var(--sf-pad-page-x) 18px;background:var(--sf-bg)}.sf-burger{width:var(--sf-icon-btn);height:var(--sf-icon-btn);border-radius:10px;border:1px solid var(--sf-border);background:var(--sf-surface);display:grid;place-items:center;color:var(--sf-ink-soft);box-shadow:var(--sf-shadow-xs);flex-shrink:0}.sf-burger:hover{border-color:var(--sf-border-strong);color:var(--sf-ink)}.sf-page-head{flex:1;min-width:0}.sf-page-title{font-size:26px;font-weight:700;color:var(--sf-ink);letter-spacing:-.02em;line-height:1.15;margin:0}.sf-page-sub{margin:4px 0 0;font-size:14px;color:var(--sf-muted)}.sf-top-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.sf-icon-btn{position:relative;width:var(--sf-icon-btn);height:var(--sf-icon-btn);border-radius:10px;border:1px solid var(--sf-border);background:var(--sf-surface);display:grid;place-items:center;color:var(--sf-ink-soft);box-shadow:var(--sf-shadow-xs)}.sf-icon-btn:hover{border-color:var(--sf-border-strong);color:var(--sf-ink)}.sf-icon-btn svg{width:18px;height:18px}.sf-bell-dot{position:absolute;top:7px;right:7px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center;border:2px solid var(--sf-surface)}.sf-status-pill{display:inline-flex;align-items:center;gap:8px;padding:0 12px;height:var(--sf-control-h);border-radius:999px;background:var(--sf-surface);border:1px solid var(--sf-border);font-size:12.5px;font-weight:700;color:var(--sf-ink);letter-spacing:.06em;box-shadow:var(--sf-shadow-xs)}.sf-status-pill .sf-dot{width:8px;height:8px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 4px #16a34a24}.sf-status-pill svg{width:14px;height:14px;color:var(--sf-muted-2)}.sf-content{padding:8px var(--sf-pad-page-x) var(--sf-pad-page-x);display:flex;flex-direction:column;gap:22px}.sf-grid-2{display:grid;grid-template-columns:2fr 1fr;gap:22px}.sf-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}@media(max-width:1100px){.sf-grid-2{grid-template-columns:1fr}.sf-grid-3{grid-template-columns:repeat(2,1fr)}}.sf-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.sf-stat{background:var(--sf-surface);border:1px solid var(--sf-border);border-radius:var(--sf-radius-lg);padding:16px 18px;display:flex;align-items:center;gap:14px;box-shadow:var(--sf-shadow-xs);transition:border-color .16s ease,box-shadow .16s ease}.sf-stat:hover{border-color:#dbe2ec;box-shadow:var(--sf-shadow-sm)}.sf-stat-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex-shrink:0}.sf-stat-icon svg{width:20px;height:20px}.sf-stat-icon.is-blue{background:#eef2ff;color:#4f46e5}.sf-stat-icon.is-indigo{background:#eef4ff;color:#3b82f6}.sf-stat-icon.is-violet{background:#f5edff;color:#8b5cf6}.sf-stat-icon.is-teal{background:#e9f9f4;color:var(--sf-brand)}.sf-stat-icon.is-amber{background:#fef3c7;color:#b45309}.sf-stat-icon.is-rose{background:#ffe4e6;color:#be123c}.sf-stat-body{display:flex;flex-direction:column;min-width:0}.sf-stat-label{font-size:11px;font-weight:700;color:var(--sf-muted);letter-spacing:.08em;text-transform:uppercase}.sf-stat-value{font-size:26px;font-weight:700;color:var(--sf-ink);line-height:1.05;margin-top:4px;letter-spacing:-.02em}.sf-stat-foot{font-size:11.5px;color:var(--sf-muted-2);margin-top:4px}.sf-panel{background:var(--sf-surface);border:1px solid var(--sf-border);border-radius:var(--sf-radius-xl);box-shadow:var(--sf-shadow-xs);overflow:hidden;display:flex;flex-direction:column}.sf-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px 18px;border-bottom:1px solid var(--sf-border-soft)}.sf-panel-head-text{min-width:0}.sf-panel-title{font-size:16px;font-weight:700;color:var(--sf-ink);letter-spacing:-.01em;margin:0}.sf-panel-sub{font-size:12.5px;color:var(--sf-muted);margin:3px 0 0}.sf-panel-tools{display:flex;align-items:center;gap:10px;flex-shrink:0}.sf-panel-body{padding:22px}.sf-panel-body.is-flush{padding:0}.sf-panel-foot{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;border-top:1px solid var(--sf-border-soft);background:var(--sf-surface-2);font-size:12.5px;color:var(--sf-muted)}.sf-op-bars,.sf-op-ranking{display:grid;gap:14px}.sf-op-bar{display:grid;gap:8px}.sf-op-bar-top{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:13px;color:var(--sf-ink-soft)}.sf-op-bar-top span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-op-bar-top strong{font-size:13.5px;color:var(--sf-ink);font-weight:800}.sf-op-bar-track{height:9px;border-radius:999px;background:var(--sf-surface-3);border:1px solid var(--sf-border-soft);overflow:hidden}.sf-op-bar-fill{display:block;height:100%;min-width:0;border-radius:inherit;background:linear-gradient(90deg,var(--sf-brand),var(--sf-accent))}.sf-op-bar-meta{font-size:11.5px;color:var(--sf-muted-2)}.sf-op-rate-grid{display:grid;gap:12px}.sf-op-rate-card{display:grid;gap:5px;padding:16px;border:1px solid var(--sf-border-soft);border-radius:var(--sf-radius);background:var(--sf-surface-2)}.sf-op-rate-card span{font-size:12px;color:var(--sf-muted);font-weight:700;text-transform:uppercase;letter-spacing:.06em}.sf-op-rate-card strong{font-size:25px;color:var(--sf-ink);letter-spacing:-.02em}.sf-op-rate-card small{font-size:12px;color:var(--sf-muted-2)}.sf-op-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.sf-op-summary>div{padding:16px;border:1px solid var(--sf-border-soft);border-radius:var(--sf-radius);background:var(--sf-surface-2)}.sf-op-summary span{display:block;font-size:12px;color:var(--sf-muted);font-weight:700;letter-spacing:.05em;text-transform:uppercase}.sf-op-summary strong{display:block;margin-top:6px;font-size:20px;color:var(--sf-ink)}.sf-manual-access{overflow:visible}.sf-manual-connect{display:grid;grid-template-columns:52px minmax(190px,1fr) minmax(190px,1fr) auto;gap:14px;align-items:end;padding:20px 22px 22px;background:radial-gradient(circle at 16% 0%,rgba(34,211,167,.1),transparent 34%),linear-gradient(180deg,var(--sf-surface),var(--sf-surface-2))}.sf-manual-connect-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;align-self:end;color:var(--sf-brand);background:var(--sf-brand-soft);border:1px solid var(--sf-brand-soft-2)}.sf-manual-connect-icon svg{width:24px;height:24px}.sf-manual-connect .sf-btn{min-width:146px}.sf-manual-connect .spin{animation:sfSpin .85s linear infinite}.sf-manual-message{margin:0 22px 22px;padding:11px 13px;border-radius:var(--sf-radius);font-size:13px;font-weight:600}.sf-manual-message.is-ok{color:var(--sf-success-ink);background:var(--sf-success-soft)}.sf-manual-message.is-error{color:var(--sf-danger-ink);background:var(--sf-danger-soft)}@keyframes sfSpin{to{transform:rotate(360deg)}}@media(max-width:900px){.sf-manual-connect{grid-template-columns:52px 1fr 1fr}.sf-manual-connect .sf-btn{grid-column:2 / -1;width:100%}.sf-op-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.sf-manual-connect{grid-template-columns:1fr}.sf-manual-connect-icon{display:none}.sf-manual-connect .sf-btn{grid-column:auto}.sf-op-summary{grid-template-columns:1fr}}.sf-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;height:var(--sf-control-h);border-radius:10px;border:1px solid var(--sf-border);background:var(--sf-surface);font-size:13px;font-weight:600;color:var(--sf-ink-soft);transition:border-color .14s ease,color .14s ease,background .14s ease,box-shadow .14s ease,transform .14s ease;white-space:nowrap}.sf-btn:hover{border-color:var(--sf-border-strong);color:var(--sf-ink)}.sf-btn:disabled{opacity:.55;cursor:not-allowed}.sf-btn svg{width:14px;height:14px}.sf-btn.is-primary{height:var(--sf-control-h);background:linear-gradient(135deg,#0d9488,#14b8a6);border-color:transparent;color:#fff;box-shadow:0 6px 16px #0d948833}.sf-btn.is-primary:hover{filter:brightness(1.04);box-shadow:0 10px 22px #0d948847;color:#fff}.sf-btn.is-primary:active{transform:translateY(1px)}.sf-btn.is-lg{height:var(--sf-control-h-lg);padding:0 18px;font-size:14px}.sf-btn.is-ghost{background:transparent;border-color:transparent}.sf-btn.is-ghost:hover{background:var(--sf-surface-3);color:var(--sf-ink)}.sf-btn.is-danger{background:var(--sf-danger);border-color:transparent;color:#fff;box-shadow:0 6px 16px #dc262633}.sf-btn.is-danger:hover{filter:brightness(1.05);color:#fff}.sf-search{display:flex;align-items:center;gap:8px;padding:0 14px;width:320px;height:var(--sf-control-h);border-radius:10px;border:1px solid var(--sf-border);background:var(--sf-surface);transition:border-color .14s ease,box-shadow .14s ease}.sf-search:focus-within{border-color:#0d948873;box-shadow:0 0 0 4px #0d94881a}.sf-search>svg{width:15px;height:15px;color:var(--sf-muted-2);flex-shrink:0}.sf-search input{flex:1;height:100%;font-size:13px;color:var(--sf-ink)}.sf-search input::placeholder{color:var(--sf-placeholder)}.sf-table-wrap{width:100%;overflow-x:auto}.sf-table{width:100%;border-collapse:collapse}.sf-table caption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sf-table thead th{text-align:left;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--sf-muted);padding:12px 22px;background:var(--sf-surface-2);border-bottom:1px solid var(--sf-border-soft);white-space:nowrap}.sf-table thead th.is-center{text-align:center}.sf-table thead th.is-right{text-align:right}.sf-table tbody td{padding:12px 22px;border-bottom:1px solid var(--sf-border-soft);font-size:13.5px;color:var(--sf-ink);vertical-align:middle}.sf-table tbody tr:last-child td{border-bottom:0}.sf-table tbody tr:hover td{background:var(--sf-surface-2)}.sf-cell-mono{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;color:var(--sf-muted);font-weight:500}.sf-cell-mono-strong{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;color:var(--sf-ink-soft)}.sf-cell-name{display:flex;align-items:center;gap:12px}.sf-avatar{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;color:#fff;font-size:11px;font-weight:700;flex-shrink:0;letter-spacing:.02em}.sf-avatar.is-1{background:linear-gradient(135deg,#a78bfa,#c084fc)}.sf-avatar.is-2{background:linear-gradient(135deg,#38bdf8,#6366f1)}.sf-avatar.is-3{background:linear-gradient(135deg,#34d399,#14b8a6)}.sf-avatar.is-4{background:linear-gradient(135deg,#fb923c,#f59e0b)}.sf-avatar.is-5{background:linear-gradient(135deg,#f472b6,#ec4899)}.sf-avatar.is-6{background:linear-gradient(135deg,#60a5fa,#2563eb)}.sf-cell-name-text{font-weight:600;color:var(--sf-ink);font-size:13.5px;line-height:1.15}.sf-cell-name-sub{font-size:11.5px;color:var(--sf-muted);margin-top:2px}.sf-actions-cell{text-align:right;white-space:nowrap}.sf-row-action{width:30px;height:30px;border-radius:8px;display:inline-grid;place-items:center;color:var(--sf-muted-2)}.sf-row-action:hover{background:var(--sf-surface-3);color:var(--sf-ink)}.sf-row-action svg{width:16px;height:16px}.sf-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:10.5px;font-weight:700;letter-spacing:.08em;white-space:nowrap;text-transform:uppercase}.sf-badge:before{content:"";width:6px;height:6px;border-radius:50%;flex-shrink:0}.sf-badge.is-success{background:var(--sf-success-soft);color:var(--sf-success-ink)}.sf-badge.is-success:before{background:var(--sf-success)}.sf-badge.is-warning{background:var(--sf-warning-soft);color:var(--sf-warning-ink)}.sf-badge.is-warning:before{background:var(--sf-warning)}.sf-badge.is-danger{background:var(--sf-danger-soft);color:var(--sf-danger-ink)}.sf-badge.is-danger:before{background:var(--sf-danger)}.sf-badge.is-info{background:var(--sf-info-soft);color:var(--sf-info-ink)}.sf-badge.is-info:before{background:var(--sf-info)}.sf-badge.is-neutral{background:var(--sf-surface-3);color:var(--sf-ink-soft)}.sf-badge.is-neutral:before{background:var(--sf-muted-2)}.sf-badge.is-brand{background:var(--sf-brand-soft);color:var(--sf-brand-strong)}.sf-badge.is-brand:before{background:var(--sf-brand)}.sf-pager{display:flex;align-items:center;gap:6px}.sf-pager-btn{width:30px;height:30px;border-radius:8px;border:1px solid var(--sf-border);background:var(--sf-surface);color:var(--sf-ink-soft);display:grid;place-items:center;font-size:12.5px;font-weight:600}.sf-pager-btn:hover:not(:disabled){border-color:var(--sf-border-strong);color:var(--sf-ink)}.sf-pager-btn.is-active{background:var(--sf-ink);border-color:var(--sf-ink);color:#fff}.sf-pager-btn:disabled{opacity:.45;cursor:not-allowed}.sf-pager-btn svg{width:14px;height:14px}.sf-form{display:grid;gap:16px}.sf-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sf-form-grid.is-3{grid-template-columns:repeat(3,1fr)}@media(max-width:720px){.sf-form-grid,.sf-form-grid.is-3{grid-template-columns:1fr}}.sf-field{display:grid;gap:7px}.sf-label{font-size:12.5px;font-weight:600;color:var(--sf-ink-soft)}.sf-input{width:100%;height:var(--sf-control-h-lg);padding:0 14px;background:var(--sf-surface);border:1px solid var(--sf-border);border-radius:10px;font-size:14px;color:var(--sf-ink);transition:border-color .14s ease,box-shadow .14s ease}.sf-input::placeholder{color:var(--sf-placeholder)}.sf-input:focus{border-color:#0d948880;box-shadow:0 0 0 4px #0d94881a}.sf-textarea{width:100%;min-height:100px;padding:12px 14px;background:var(--sf-surface);border:1px solid var(--sf-border);border-radius:10px;font-size:14px;color:var(--sf-ink);resize:vertical;font-family:inherit}.sf-textarea:focus{border-color:#0d948880;box-shadow:0 0 0 4px #0d94881a}.sf-input-with-icon{position:relative}.sf-input-with-icon>svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--sf-muted-2)}.sf-input-with-icon .sf-input{padding-left:42px}.sf-help{font-size:11.5px;color:var(--sf-muted)}.sf-check{display:inline-flex;align-items:center;gap:9px;font-size:13px;color:var(--sf-ink-soft);cursor:pointer;-webkit-user-select:none;user-select:none}.sf-check input{appearance:none;width:16px;height:16px;border-radius:5px;border:1.5px solid #cbd3df;background:#fff;display:inline-grid;place-items:center;transition:all .14s ease;cursor:pointer}.sf-check input:checked{background:var(--sf-brand);border-color:var(--sf-brand)}.sf-check input:checked:after{content:"";width:9px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translate(1px,-1px)}.sf-switch{position:relative;width:38px;height:22px;background:var(--sf-border-strong);border-radius:999px;cursor:pointer;transition:background .16s ease;flex-shrink:0}.sf-switch:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;box-shadow:0 2px 6px #0000002e;transition:transform .18s cubic-bezier(.4,0,.2,1)}.sf-switch.is-on{background:var(--sf-brand)}.sf-switch.is-on:after{transform:translate(16px)}.sf-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 24px;text-align:center}.sf-empty-icon{width:56px;height:56px;border-radius:16px;background:var(--sf-brand-soft);color:var(--sf-brand);display:grid;place-items:center;margin-bottom:14px}.sf-empty-icon svg{width:24px;height:24px}.sf-empty-title{font-size:15px;font-weight:700;color:var(--sf-ink)}.sf-empty-text{font-size:13px;color:var(--sf-muted);margin-top:6px;max-width:360px;line-height:1.5}.sf-modal-overlay{position:fixed;inset:0;background:#0f172a6b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:80;display:grid;place-items:center;padding:16px;animation:sfFade .18s ease-out}.sf-modal{width:100%;max-width:460px;background:var(--sf-surface);border-radius:var(--sf-radius-xl);box-shadow:var(--sf-shadow-lg);overflow:hidden;animation:sfPop .22s cubic-bezier(.4,0,.2,1)}.sf-modal.is-lg{max-width:640px}.sf-modal.is-sm{max-width:380px}.sf-modal-head{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 22px 14px;gap:14px}.sf-modal-title{font-size:16px;font-weight:700;color:var(--sf-ink);margin:0;letter-spacing:-.01em}.sf-modal-sub{font-size:13px;color:var(--sf-muted);margin:4px 0 0}.sf-modal-close{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;color:var(--sf-muted-2);flex-shrink:0}.sf-modal-close:hover{background:var(--sf-surface-3);color:var(--sf-ink)}.sf-modal-close svg{width:16px;height:16px}.sf-modal-body{padding:8px 22px 20px}.sf-modal-foot{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 22px;border-top:1px solid var(--sf-border-soft);background:var(--sf-surface-2)}@keyframes sfFade{0%{opacity:0}to{opacity:1}}@keyframes sfPop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.sf-list{display:flex;flex-direction:column}.sf-list-item{display:flex;align-items:center;gap:14px;padding:14px 22px;border-bottom:1px solid var(--sf-border-soft);transition:background .14s ease}.sf-list-item:last-child{border-bottom:0}.sf-list-item:hover{background:var(--sf-surface-2)}.sf-list-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.sf-list-icon svg{width:16px;height:16px}.sf-list-icon.is-success{background:var(--sf-success-soft);color:var(--sf-success-ink)}.sf-list-icon.is-warning{background:var(--sf-warning-soft);color:var(--sf-warning-ink)}.sf-list-icon.is-danger{background:var(--sf-danger-soft);color:var(--sf-danger-ink)}.sf-list-icon.is-info{background:var(--sf-info-soft);color:var(--sf-info-ink)}.sf-list-icon.is-brand{background:var(--sf-brand-soft);color:var(--sf-brand-strong)}.sf-list-icon.is-neutral{background:var(--sf-surface-3);color:var(--sf-ink-soft)}.sf-list-body{flex:1;min-width:0}.sf-list-title{font-size:13.5px;font-weight:600;color:var(--sf-ink);line-height:1.2}.sf-list-text{font-size:12.5px;color:var(--sf-muted);margin-top:3px;line-height:1.4}.sf-list-meta{font-size:11.5px;color:var(--sf-muted-2);text-align:right;flex-shrink:0;font-family:JetBrains Mono,ui-monospace,monospace}.sf-tabs{display:inline-flex;background:var(--sf-surface-3);border:1px solid var(--sf-border);border-radius:10px;padding:3px;gap:2px}.sf-tab{padding:0 14px;height:32px;border-radius:7px;font-size:12.5px;font-weight:600;color:var(--sf-ink-soft);display:inline-flex;align-items:center;gap:7px;transition:all .14s ease}.sf-tab svg{width:14px;height:14px}.sf-tab:hover{color:var(--sf-ink)}.sf-tab.is-active{background:var(--sf-surface);color:var(--sf-ink);box-shadow:var(--sf-shadow-xs)}.sf-scrim{display:none}@media(max-width:880px){.sf-scrim{display:block;position:fixed;inset:0;background:#0f172273;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:55;opacity:0;pointer-events:none;transition:opacity .2s ease}.sf-scrim.is-on{opacity:1;pointer-events:auto}}@media(max-width:1100px){.sf-stats{grid-template-columns:repeat(2,1fr)}.sf-search{width:240px}}@media(max-width:880px){:root{--sf-pad-page-x: 18px;--sf-pad-page-y: 18px}.sf-sidebar{position:fixed;z-index:60;transform:translate(-100%);transition:transform .22s ease;box-shadow:0 24px 60px #00000040}.sf-sidebar.is-open{transform:translate(0)}.sf-main{width:100%}.sf-page-title{font-size:22px}.sf-panel-head{flex-direction:column;align-items:stretch;gap:14px}.sf-panel-tools{width:100%;flex-wrap:wrap}.sf-search{flex:1;width:auto;min-width:180px}}@media(max-width:620px){.sf-stats{grid-template-columns:1fr 1fr;gap:12px}.sf-stat{padding:14px}.sf-stat-value{font-size:22px}.sf-table thead th,.sf-table tbody td{padding:12px 14px}.sf-status-pill{display:none}.sf-list-item{padding:14px}}.ol-root{min-height:100dvh;background:radial-gradient(60rem 40rem at 8% 15%,rgba(45,212,191,.16),transparent 60%),radial-gradient(48rem 36rem at 84% 18%,rgba(148,163,184,.08),transparent 62%),linear-gradient(180deg,#041019,#07131d 48%,#081520)}.ol-shell{width:min(1560px,calc(100vw - 32px));min-height:calc(100dvh - 32px);margin:16px auto;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr);border:1px solid rgba(255,255,255,.06);border-radius:30px;overflow:hidden;background:#060e15e0;box-shadow:0 36px 120px #0000006b;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.ol-hero{position:relative;padding:36px 42px 28px;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,#06121be6,#050f17f5)}.ol-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(28rem 18rem at 48% 60%,rgba(56,189,248,.08),transparent 60%),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:auto,30px 30px,30px 30px;-webkit-mask-image:radial-gradient(circle at center,rgba(0,0,0,.95),transparent 95%);mask-image:radial-gradient(circle at center,rgba(0,0,0,.95),transparent 95%);pointer-events:none}.ol-hero-brand,.ol-hero-body,.ol-platforms{position:relative;z-index:1}.ol-hero-brand{display:flex;align-items:center;gap:14px}.ol-hero-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;color:#fff;background:linear-gradient(180deg,#ffffff29,#ffffff0a);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px #ffffff14}.ol-hero-name{color:#f6fffd;font-size:2rem;font-weight:700;letter-spacing:-.045em}.ol-hero-sub{margin-top:2px;color:#98aca9;font-size:.98rem}.ol-hero-body{margin:auto 0;max-width:700px}.ol-eyebrow{display:inline-flex;align-items:center;height:40px;padding:0 16px;border-radius:999px;color:#9ff5e8;background:#0e2628d1;border:1px solid rgba(34,211,167,.2);font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.ol-headline{margin:26px 0 0;color:#f4fbff;font-size:clamp(3rem,5.4vw,5.3rem);line-height:.96;letter-spacing:-.06em}.ol-headline span{color:#27d8c0}.ol-tagline{max-width:540px;margin:26px 0 0;color:#b1c2c8;font-size:1.28rem;line-height:1.55}.ol-benefits{margin-top:34px;display:grid;gap:14px;max-width:580px}.ol-benefit{display:grid;grid-template-columns:56px minmax(0,1fr);gap:14px;padding:16px 18px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.ol-benefit-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:18px;color:#fff;background:#ffffff14;border:1px solid rgba(255,255,255,.08)}.ol-benefit-title{color:#f8ffff;font-size:1.02rem;font-weight:650}.ol-benefit-text{margin-top:5px;color:#95aab0;font-size:.95rem;line-height:1.5}.ol-platforms{margin-top:28px;padding-top:18px;display:flex;align-items:center;justify-content:center;gap:16px;color:#88a2a7;border-top:1px solid rgba(255,255,255,.06);font-size:.94rem}.ol-platforms-line{width:72px;height:1px;background:#ffffff14}.ol-panel{display:flex;align-items:center;justify-content:center;padding:42px;background:linear-gradient(180deg,#050d14f5,#07121cfa)}.ol-card{width:min(540px,100%);padding:34px;border-radius:28px;border:1px solid rgba(39,216,192,.22);background:#04121ad1;box-shadow:inset 0 1px #ffffff0d,0 26px 64px #00000061}.ol-card-head{margin-bottom:18px}.ol-card-eyebrow{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px;border-radius:14px;color:#26dcc3;background:#082024f0;border:1px solid rgba(39,216,192,.18);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.ol-card-title{margin:26px 0 0;color:#f5fbff;font-size:clamp(2.5rem,3vw,3.45rem);line-height:.98;letter-spacing:-.05em}.ol-card-sub{margin:18px 0 0;color:#b0c0c7;font-size:1.16rem;line-height:1.55}.ol-form{margin-top:28px}.ol-pwd-wrap{position:relative}.ol-eye-toggle{position:absolute;top:50%;right:8px;width:34px;height:34px;transform:translateY(-50%);border:0;border-radius:10px;color:#8da3ab;background:transparent}.ol-eye-toggle:hover{color:#fff;background:#ffffff0f}.ol-error{min-height:46px;padding:12px 14px;border-radius:14px;color:#ffd7da;background:#57171fb8;border:1px solid rgba(255,112,126,.22);font-size:.94rem}@media(max-width:1180px){.ol-shell{grid-template-columns:1fr}.ol-hero{min-height:54dvh}}@media(max-width:820px){.ol-shell{width:calc(100vw - 20px);min-height:calc(100dvh - 20px);margin:10px auto;border-radius:24px}.ol-hero,.ol-panel{padding:24px}.ol-tagline{font-size:1rem}.ol-benefits{max-width:none}.ol-card{padding:24px}}@media(max-width:560px){.ol-hero{padding:20px;min-height:auto}.ol-panel{padding:18px}.ol-headline{font-size:2.9rem}.ol-card-title{font-size:2.3rem}.ol-benefit{grid-template-columns:48px minmax(0,1fr);padding:14px}.ol-benefit-icon{width:48px;height:48px;border-radius:15px}.ol-platforms{gap:10px;font-size:.84rem}.ol-platforms-line{width:32px}}:root{color-scheme:light;font-family:IBM Plex Sans,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--brand: #3c8782;--brand-deep: #2f6b67;--brand-soft: #ebf3f2;--ink: #162127;--ink-soft: #304048;--muted: #677780;--line: #d7e0e3;--line-strong: #c7d2d6;--surface: #ffffff;--surface-alt: #f6f8f9;--surface-soft: #eef3f4;--shadow-sm: 0 6px 20px rgba(22, 33, 39, .05);--shadow-md: 0 16px 34px rgba(22, 33, 39, .07)}*,*:before,*:after{box-sizing:border-box}html{background:#f3f5f6}body{margin:0;min-width:320px;min-height:100vh;color:var(--ink);background:#f3f5f6}#root{min-height:100vh}.safehFatal{min-height:100vh;display:grid;place-content:center;gap:10px;padding:32px;color:var(--ink);background:radial-gradient(circle at top left,rgba(60,135,130,.16),transparent 30%),#f3f5f6;text-align:center}.safehFatal h1{margin:0;font-size:clamp(1.5rem,3vw,2.2rem)}.safehFatal p{margin:0;color:var(--muted)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed}input,textarea,select{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:12px;outline:none;background:#fff;color:var(--ink);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}input::placeholder,textarea::placeholder{color:#97a4aa}input:focus,textarea:focus,select:focus{border-color:#3c87828c;box-shadow:0 0 0 4px #3c87821f}textarea{min-height:108px;resize:vertical}label{display:grid;gap:8px;color:var(--ink-soft);font-size:.94rem;font-weight:600}code{display:inline-block;max-width:100%;padding:6px 8px;border:1px solid #dce4e6;border-radius:10px;background:#f5f8f8;color:#23403d;font-family:IBM Plex Mono,Cascadia Code,monospace;font-size:.83rem;word-break:break-word}.sessionLabShell{width:min(1200px,calc(100vw - 32px));margin:0 auto;padding:24px 0 32px}.labHeader{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;margin-bottom:18px}.eyebrow,.paneEyebrow{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:7px 10px;border:1px solid rgba(60,135,130,.16);border-radius:999px;background:var(--brand-soft);color:var(--brand-deep);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.labHeader h1{margin:16px 0 14px;color:var(--ink);font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.04;letter-spacing:-.04em}.labHeader p,.paneHeader p,.mutedText{margin:0;color:var(--muted);line-height:1.65}.labActions,.labLinks,.actionCluster.compact{display:flex;flex-wrap:wrap;gap:10px}.primaryButton,.secondaryButton,.ghostButton{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border-radius:12px;font-weight:600;transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}.primaryButton{background:var(--brand);color:#fff}.secondaryButton{border:1px solid rgba(60,135,130,.2);background:var(--brand-soft);color:var(--brand-deep)}.ghostButton{border:1px solid #d8e1e4;background:#fff;color:#24343a}.primaryButton:hover,.secondaryButton:hover,.ghostButton:hover{transform:translateY(-1px)}.primaryButton:hover{background:#347772}.secondaryButton:hover{background:#e2efed}.ghostButton:hover{background:#f7f9fa}.primaryButton:disabled,.secondaryButton:disabled,.ghostButton:disabled{opacity:.56;transform:none;box-shadow:none}.large{width:100%}.labGrid{display:grid;grid-template-columns:minmax(300px,360px) minmax(0,1fr);gap:18px;align-items:start}.pane{display:grid;gap:16px;align-content:start;padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-sm)}.glassPane{background:linear-gradient(to bottom,#f9fbfb,#fff)}.solidPane,.actionPane{background:var(--surface)}.paneHeader{display:grid;gap:10px}.paneHeader h2{margin:10px 0 8px;color:var(--ink);font-size:1.35rem;letter-spacing:-.03em}.resultCard{display:grid;gap:12px;padding:16px;border:1px solid #e5ecee;border-radius:18px;background:#fff}.resultCardHeader{padding-bottom:4px}.resultCardHeader strong{color:var(--ink)}.resultCardBody{display:grid;gap:0}.resultRow{display:grid;grid-template-columns:minmax(112px,132px) minmax(0,1fr);gap:8px;align-items:start;padding:10px 0;border-bottom:1px solid #edf2f3}.resultRow:last-child{padding-bottom:0;border-bottom:0}.resultRow span{color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.remoteVideo{width:100%;aspect-ratio:16 / 9;border:1px solid #cfdadd;border-radius:18px;background:#121c21;object-fit:contain;outline:none}.remoteVideo:focus-visible{border-color:#3c878280;box-shadow:0 0 0 4px #3c87821f}.labViewer{min-height:560px}.labLog{grid-column:1 / -1}.eventColumns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.eventColumns h3{margin:0 0 10px;color:var(--ink);font-size:.98rem}.eventColumns ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.eventColumns li{display:flex;align-items:center;gap:8px;min-width:0;color:var(--muted);font-size:.9rem}.eventColumns code{padding:6px 8px}.spin{animation:spin .9s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:960px){.sessionLabShell{width:min(100vw - 16px,100%);padding-top:12px}.labHeader,.labGrid,.eventColumns,.resultRow{grid-template-columns:1fr}.labActions,.labLinks,.actionCluster.compact{flex-direction:column;align-items:stretch}.pane{padding:16px}.labViewer{min-height:auto}}