:root{--bg: #05070c;--bg-soft: #070b14;--panel: rgba(12, 19, 34, .78);--panel-solid: #0c1322;--panel-2: #101a2c;--text: #e8eefb;--muted: #94a3b8;--faint: #64748b;--line: rgba(148, 163, 184, .12);--line-strong: rgba(148, 163, 184, .22);--mint: #5eead4;--mint-deep: #2dd4bf;--indigo: #818cf8;--violet: #a78bfa;--pink: #f472b6;--amber: #fbbf24;--rose: #fb7185;--green: #34d399;--red: #f87171;--radius: 18px;--radius-lg: 22px;--shadow: 0 24px 70px -36px rgba(0, 0, 0, .85);--font: "Inter", "SF Pro Display", "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;--mono: "SFMono-Regular", "JetBrains Mono", "Cascadia Code", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html{color-scheme:dark;scrollbar-color:rgba(148,163,184,.28) transparent}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}::selection{background:#5eead447}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#94a3b83d;border-radius:99px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#94a3b866;background-clip:content-box}h1,h2,h3,h4,p{margin:0}code,pre,.mono{font-family:var(--mono)}.app-shell{min-height:100vh;display:flex}.aurora-bg,.grid-overlay{position:fixed;inset:0;pointer-events:none;z-index:0}.aurora-bg{background:radial-gradient(900px 620px at 10% -8%,rgba(94,234,212,.09),transparent 62%),radial-gradient(800px 540px at 92% 4%,rgba(129,140,248,.11),transparent 60%),radial-gradient(700px 500px at 60% 100%,rgba(244,114,182,.05),transparent 62%)}.grid-overlay{background-image:linear-gradient(rgba(148,163,184,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.035) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(circle at 50% 0%,rgba(0,0,0,.9),transparent 78%)}.sidebar{position:fixed;inset:0 auto 0 0;z-index:50;width:264px;display:flex;flex-direction:column;padding:22px 16px 16px;background:linear-gradient(180deg,#090e1af0,#05080ff7);border-right:1px solid var(--line);backdrop-filter:blur(24px)}.sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:0 6px 20px}.brand-link{display:block}.brand{display:flex;align-items:center;gap:11px}.brand-text{display:flex;flex-direction:column;line-height:1.2}.brand-name{font-size:19px;font-weight:700;letter-spacing:-.02em}.brand-name span{background:linear-gradient(120deg,var(--mint),var(--indigo));-webkit-background-clip:text;background-clip:text;color:transparent}.brand-sub{margin-top:3px;font-size:8px;letter-spacing:.22em;color:var(--faint);font-weight:600}.logo-mark{filter:drop-shadow(0 0 14px rgba(94,234,212,.25))}.sidebar-close{display:none;border:0;background:transparent;color:var(--muted);cursor:pointer;padding:4px}.workspace-pill{display:flex;align-items:center;gap:10px;margin:0 2px 20px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#141d3099,#0a101c80);color:var(--muted)}.workspace-pill svg{margin-left:auto;color:var(--faint)}.workspace-pill div{display:flex;flex-direction:column;line-height:1.35;min-width:0}.workspace-pill strong{color:var(--text);font-size:12.5px;font-weight:600}.workspace-pill span:not(.workspace-orb){font-size:10px;color:var(--faint);letter-spacing:.04em}.workspace-orb{width:26px;height:26px;border-radius:9px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.9),transparent 38%),conic-gradient(from 210deg,var(--mint),var(--indigo),var(--pink),var(--mint));box-shadow:0 0 18px #5eead459}.sidebar-nav{flex:1;overflow-y:auto;padding-right:2px}.nav-group{margin-bottom:20px}.nav-group-label{display:block;padding:0 12px 8px;font-size:9.5px;font-weight:700;letter-spacing:.14em;color:#52607a;text-transform:uppercase}.nav-item{position:relative;display:flex;align-items:center;gap:11px;padding:9px 12px;margin-bottom:2px;border-radius:11px;color:#9aa9c1;font-size:13.2px;font-weight:500;transition:.16s ease}.nav-item svg{color:#6f7f99;transition:color .16s ease}.nav-item:hover{color:var(--text);background:#94a3b80f}.nav-item.active{color:#d9fff8;background:linear-gradient(90deg,#5eead421,#818cf812);box-shadow:inset 0 0 0 1px #5eead424}.nav-item.active:before{content:"";position:absolute;left:-16px;top:9px;bottom:9px;width:3px;border-radius:0 4px 4px 0;background:linear-gradient(180deg,var(--mint),var(--indigo));box-shadow:0 0 14px #5eead499}.nav-item.active svg{color:var(--mint)}.nav-count{margin-left:auto;font-style:normal;font-family:var(--mono);font-size:10px;color:var(--faint);background:#94a3b814;border-radius:6px;padding:1px 6px}.nav-dot{width:6px;height:6px;border-radius:50%;margin-left:auto;background:var(--pink);box-shadow:0 0 8px #f472b6cc}.sidebar-foot{margin-top:auto}.plan-card{border:1px solid var(--line);border-radius:16px;padding:13px;background:radial-gradient(120% 100% at 0% 0%,rgba(94,234,212,.08),transparent 55%),#0d1422b3}.plan-card-top{display:flex;gap:9px;align-items:center}.plan-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;color:var(--mint);background:#5eead41a;border:1px solid rgba(94,234,212,.18)}.plan-card-top div{display:flex;flex-direction:column;line-height:1.4}.plan-card-top strong{font-size:12px}.plan-card-top span{font-size:10px;color:var(--faint)}.plan-usage{margin:11px 0 9px}.plan-usage>div{display:flex;justify-content:space-between;font-size:10px;color:var(--faint);margin-bottom:5px}.plan-usage b{color:var(--muted);font-family:var(--mono);font-weight:500}.plan-link{display:flex;align-items:center;gap:4px;font-size:10.5px;color:var(--mint)}.admin-plan-note{margin:9px 0;font-size:9px;line-height:1.6;color:var(--faint)}.admin-plan-card{background:radial-gradient(120% 100% at 0% 0%,rgba(129,140,248,.08),transparent 55%),#0d1422b3}.sidebar-legal{display:flex;align-items:center;gap:5px;padding:12px 8px 0;color:#4a5870;font-size:9.5px}.sidebar-scrim{display:none}.main-area{flex:1;min-width:0;margin-left:264px;position:relative;z-index:1}.topbar{position:sticky;top:0;z-index:30;height:66px;display:flex;align-items:center;gap:18px;padding:0 30px;background:#05080fb8;border-bottom:1px solid var(--line);backdrop-filter:blur(22px) saturate(140%)}.topbar-left{display:flex;align-items:center;gap:10px;min-width:0}.mobile-menu{display:none;border:1px solid var(--line);background:#94a3b80f;color:var(--muted);width:34px;height:34px;border-radius:9px;cursor:pointer}.topbar-title{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:12.5px}.crumb{color:var(--faint)}.crumb-sep{color:#3d4a60}.topbar-title strong{font-weight:600;color:var(--text)}.topbar-search{flex:1;max-width:400px;margin:0 auto;display:flex;align-items:center;gap:8px;height:36px;padding:0 11px;border:1px solid var(--line);border-radius:10px;background:#0a101ca6;color:var(--faint);transition:.18s ease}.topbar-search:focus-within{border-color:#5eead466;box-shadow:0 0 0 3px #5eead414}.topbar-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:12px;color:var(--text)}.topbar-search input::placeholder{color:#53617a}.topbar-search kbd{font-size:9px;padding:1px 5px;border-radius:4px;border:1px solid var(--line);color:var(--faint)}.topbar-right{display:flex;align-items:center;gap:12px;margin-left:auto}.demo-badge{border-color:#a78bfa4d!important}.topbar-icon{position:relative;width:34px;height:34px;display:grid;place-items:center;border-radius:9px;border:1px solid var(--line);color:var(--muted);background:#94a3b80a;transition:.16s ease}.topbar-icon:hover{color:var(--text);border-color:var(--line-strong)}.notify-dot{position:absolute;top:7px;right:8px;width:5px;height:5px;border-radius:50%;background:var(--pink);box-shadow:0 0 6px var(--pink)}.user-menu{position:relative}.user-trigger{display:flex;align-items:center;gap:9px;padding:4px 8px 4px 4px;border:1px solid transparent;border-radius:10px;background:transparent;cursor:pointer;color:var(--text);transition:.16s ease}.user-trigger:hover{border-color:var(--line);background:#94a3b80a}.avatar{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-size:13px;font-weight:700;color:#04211d;background:linear-gradient(135deg,var(--mint),#a7f3d0 45%,var(--indigo));box-shadow:0 0 18px #5eead438}.avatar.small{width:30px;height:30px;border-radius:9px;font-size:12px}.avatar.large{width:40px;height:40px;border-radius:12px;font-size:15px}.avatar.xl{width:64px;height:64px;border-radius:20px;font-size:24px}.user-trigger-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.25;max-width:150px}.user-trigger-text strong{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.user-trigger-text span{font-size:9.5px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.user-trigger svg{color:var(--faint)}.user-dropdown{position:absolute;right:0;top:calc(100% + 10px);width:260px;padding:8px;border-radius:16px;border:1px solid var(--line-strong);background:#0b111efa;box-shadow:0 28px 70px -24px #000000e6;backdrop-filter:blur(24px);animation:fadeUp .16s ease;z-index:60}.dropdown-head{display:flex;gap:10px;align-items:center;padding:8px 8px 10px;border-bottom:1px solid var(--line);margin-bottom:6px}.dropdown-head div{display:flex;flex-direction:column;min-width:0}.dropdown-head strong{font-size:12.5px}.dropdown-head span{font-size:10.5px;color:var(--faint);overflow:hidden;text-overflow:ellipsis}.dropdown-meta{display:flex;justify-content:space-between;padding:4px 10px 8px;font-size:10px;color:var(--faint)}.dropdown-meta b{color:var(--muted);font-weight:500}.dropdown-item{display:flex;align-items:center;gap:9px;width:100%;padding:9px 10px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:12px;text-align:left;cursor:pointer;transition:.15s ease}.dropdown-item:hover{background:#94a3b812;color:var(--text)}.dropdown-item.danger:hover{background:#f871711a;color:#fecaca}.page-content{max-width:1480px;margin:0 auto;padding:28px 30px 70px}.page-stack{display:flex;flex-direction:column;gap:20px;animation:fadeUp .32s ease both}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:4px 2px 2px}.eyebrow{display:flex;align-items:center;gap:7px;font-size:9.5px;font-weight:700;letter-spacing:.16em;color:var(--mint);text-transform:uppercase;margin-bottom:8px}.page-title{font-size:26px;font-weight:650;letter-spacing:-.025em;line-height:1.2}.page-subtitle{margin-top:7px;color:var(--muted);font-size:12.5px;max-width:760px}.page-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 #5eead480;animation:pulse 2.2s infinite}.demo-note{display:flex;align-items:center;gap:9px;padding:10px 14px;border:1px dashed rgba(167,139,250,.3);border-radius:12px;background:#818cf80f;color:#c7d2fe;font-size:11.5px}.demo-note a{margin-left:auto;display:flex;align-items:center;gap:3px;color:var(--mint);white-space:nowrap}.card{position:relative;border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(180deg,#131c2fb3,#090e19c2);box-shadow:var(--shadow),inset 0 1px #ffffff09;backdrop-filter:blur(16px)}.card-glow{border-color:#5eead438;box-shadow:0 0 0 1px #5eead40f,0 30px 80px -40px #5eead433}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 22px 0}.card-heading{display:flex;gap:11px;min-width:0}.card-icon{width:30px;height:30px;flex:0 0 auto;display:grid;place-items:center;border-radius:9px;color:var(--mint);background:#5eead414;border:1px solid rgba(94,234,212,.14)}.card-title{font-size:14px;font-weight:600;letter-spacing:-.01em}.card-subtitle{margin-top:2px;color:var(--faint);font-size:10.5px}.card-action{display:flex;align-items:center;gap:6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:10px;font-weight:600;letter-spacing:.005em;cursor:pointer;white-space:nowrap;transition:.16s ease;user-select:none}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-md{height:38px;padding:0 15px;font-size:12px}.btn-sm{height:31px;padding:0 11px;font-size:11px;border-radius:8px}.btn-lg{height:46px;padding:0 20px;font-size:13px;border-radius:12px}.btn-primary{color:#04211d;background:linear-gradient(135deg,#7af3df,var(--mint) 45%,var(--mint-deep));box-shadow:0 8px 24px -10px #2dd4bfb3,inset 0 1px #fff6}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 30px -10px #2dd4bfcc,inset 0 1px #fff6}.btn-secondary{color:#dbe4ff;border-color:#818cf840;background:#818cf81f}.btn-secondary:hover:not(:disabled){background:#818cf833;border-color:#818cf866}.btn-ghost{color:var(--muted);border-color:var(--line);background:#94a3b809}.btn-ghost:hover:not(:disabled){color:var(--text);background:#94a3b814;border-color:var(--line-strong)}.btn-outline{color:var(--text);border-color:var(--line-strong);background:transparent}.btn-danger{color:#fff1f2;border-color:#f8717159;background:#f8717129}.btn-danger:hover:not(:disabled){background:#f8717142}.icon-btn{width:32px;height:32px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:#94a3b809;color:var(--muted);cursor:pointer;transition:.15s ease}.icon-btn:hover:not(:disabled){color:var(--text);background:#94a3b817;border-color:var(--line-strong)}.icon-btn:disabled{opacity:.45;cursor:not-allowed}.text-link{display:inline-flex;align-items:center;gap:4px;color:var(--mint);font-size:11px;font-weight:500;background:none;border:0;cursor:pointer;padding:0}.text-link:hover{color:#a7f3d0}.link-button{border:0;background:none;color:var(--mint);font-size:11px;cursor:pointer;padding:4px}.link-button.muted{color:var(--faint)}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:999px;font-size:9.5px;font-weight:600;letter-spacing:.02em;border:1px solid transparent;white-space:nowrap}.badge-dot{width:4px;height:4px;border-radius:50%;background:currentColor}.badge-success{color:#6ee7b7;background:#34d3991a;border-color:#34d39933}.badge-danger{color:#fda4af;background:#fb71851a;border-color:#fb718533}.badge-warning{color:#fcd34d;background:#fbbf2417;border-color:#fbbf2433}.badge-info{color:#a5b4fc;background:#818cf81a;border-color:#818cf833}.badge-violet{color:#d8b4fe;background:#a78bfa1c;border-color:#a78bfa38}.badge-neutral{color:#a3b0c5;background:#94a3b812;border-color:var(--line)}.status-dot{width:6px;height:6px;border-radius:50%;display:inline-block;vertical-align:middle}.status-dot.online{background:var(--green);box-shadow:0 0 8px #34d399b3}.status-dot.offline{background:#475569}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field-label{font-size:10.5px;font-weight:600;color:#b6c3d8;letter-spacing:.01em}.required{color:var(--rose)}.field-message{font-size:10px;color:var(--faint);line-height:1.4}.field-message.error{color:#fca5a5}.input{width:100%;height:38px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:#060b15a6;color:var(--text);outline:0;font-size:12px;transition:.16s ease}.input::placeholder{color:#4c5a72}.input:hover{border-color:var(--line-strong)}.input:focus{border-color:#5eead473;box-shadow:0 0 0 3px #5eead417;background:#080e1ae6}.input:disabled{opacity:.6;cursor:not-allowed}.textarea{height:auto;min-height:74px;padding:9px 12px;resize:vertical;line-height:1.6}.select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#71809a 50%),linear-gradient(135deg,#71809a 50%,transparent 50%);background-position:calc(100% - 16px) 16px,calc(100% - 11px) 16px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:34px;cursor:pointer}.select option{background:#0c1322;color:var(--text)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid.one-col{grid-template-columns:1fr}.span-2{grid-column:span 2}.form-section{display:flex;flex-direction:column;gap:12px;padding:2px 0 18px;border-bottom:1px dashed var(--line);margin-bottom:18px}.form-section:last-child{border-bottom:0}.form-section-label{font-size:9.5px;font-weight:700;letter-spacing:.13em;color:var(--faint);text-transform:uppercase}.form-actions{display:flex;align-items:center;gap:9px;margin-top:16px;flex-wrap:wrap}.form-error{padding:9px 12px;border:1px solid rgba(248,113,113,.25);border-radius:9px;background:#f8717114;color:#fecaca;font-size:11px}.input-with-action{display:flex;gap:6px;align-items:center}.input-icon-wrap{position:relative;display:flex;align-items:center}.input-icon-wrap>svg{position:absolute;left:12px;color:var(--faint);pointer-events:none}.input-icon-wrap .input{padding-left:38px;padding-right:40px;height:42px}.input-icon-btn{position:absolute;right:8px;border:0;background:transparent;color:var(--faint);cursor:pointer;display:grid;place-items:center;padding:4px}.input-icon-btn:hover{color:var(--text)}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 0;cursor:pointer}.switch-row.disabled{opacity:.6;cursor:not-allowed}.switch-text{display:flex;flex-direction:column;gap:2px}.switch-label{font-size:12px;font-weight:500}.switch-desc{color:var(--faint);font-size:10.5px;max-width:460px}.switch{width:38px;height:22px;flex:0 0 auto;border-radius:99px;border:1px solid var(--line-strong);background:#94a3b81a;padding:2px;cursor:pointer;transition:.18s ease}.switch.on{background:linear-gradient(90deg,#5eead48c,#2dd4bfbf);border-color:#5eead466}.switch-thumb{display:block;width:16px;height:16px;border-radius:50%;background:#e2e8f0;transition:.18s ease;box-shadow:0 1px 3px #0006}.switch.on .switch-thumb{transform:translate(16px);background:#04211d}.advanced-toggle{display:flex;align-items:center;justify-content:space-between;border:0;background:transparent;color:var(--muted);font-size:11px;font-weight:600;padding:2px 0;cursor:pointer}.advanced-toggle svg{transition:.18s ease}.advanced-toggle svg.rotate{transform:rotate(180deg)}.advanced-body{display:flex;flex-direction:column;gap:10px;padding-top:6px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.toolbar-left{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:8px;height:34px;width:260px;padding:0 11px;border:1px solid var(--line);border-radius:9px;background:#080d1899;color:var(--faint);transition:.16s ease}.search-box:focus-within{border-color:#5eead459}.search-box input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:11.5px}.search-box input::placeholder{color:#4c5a72}.toolbar-select{width:132px;height:34px;font-size:11px}.toolbar-note{display:flex;align-items:center;gap:5px;color:var(--faint);font-size:10.5px}.segmented{display:inline-flex;padding:3px;gap:2px;border:1px solid var(--line);border-radius:10px;background:#080d188c}.segment{border:0;background:transparent;color:var(--faint);border-radius:7px;height:28px;padding:0 11px;font-size:10.5px;font-weight:500;cursor:pointer;transition:.15s ease;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.segmented-sm .segment{height:24px;padding:0 9px;font-size:9.5px}.segment:hover{color:var(--muted)}.segment.active{color:var(--text);background:#94a3b81a;box-shadow:inset 0 0 0 1px var(--line)}.segmented-sm .segment.active{background:#5eead41a;color:#b9fff2;box-shadow:inset 0 0 0 1px #5eead426}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);padding-bottom:0}.tab{position:relative;border:0;background:transparent;color:var(--faint);font-size:12px;font-weight:500;padding:10px 14px;cursor:pointer}.tab:hover{color:var(--muted)}.tab.active{color:var(--text)}.tab.active:after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--mint),var(--indigo));box-shadow:0 0 10px #5eead466}.table-wrap{overflow-x:auto;padding:8px 8px 4px}.data-table{width:100%;border-collapse:collapse;font-size:11.5px}.data-table th{text-align:left;font-size:9.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#5f6f88;padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap}.data-table td{padding:12px;border-bottom:1px solid rgba(148,163,184,.06);color:#c3cee0;vertical-align:middle}.data-table tbody tr{transition:.12s ease}.data-table tbody tr:hover{background:#94a3b809}.data-table tbody tr:last-child td{border-bottom:0}.data-table .num{text-align:right;font-variant-numeric:tabular-nums}.data-table th.num{text-align:right}.actions-col{width:150px}.table-card{padding-bottom:4px}.table-skeleton{display:flex;flex-direction:column;gap:8px;padding:18px}.row-actions{display:flex;align-items:center;gap:4px}.user-cell{display:flex;align-items:center;gap:9px;min-width:170px}.user-cell div,.plan-cell,.usage-cell{display:flex;flex-direction:column;line-height:1.45}.user-cell strong{font-size:11.5px;font-weight:600;color:var(--text)}.user-cell span,.plan-cell em,.usage-cell em{color:var(--faint);font-size:9.5px;font-style:normal}.usage-cell{min-width:120px;gap:4px}.usage-cell>div{display:flex;justify-content:space-between;gap:8px;font-size:10px}.share-cell{display:flex;align-items:center;gap:8px;min-width:110px;font-size:10px;color:var(--faint)}.share-bar{flex:1;height:4px;border-radius:99px;background:#94a3b81a;overflow:hidden}.share-bar span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--mint),var(--indigo))}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-top:1px solid var(--line);font-size:10.5px;color:var(--faint)}.pagination-controls{display:flex;align-items:center;gap:7px}.pagination-page{font-family:var(--mono);font-size:10px;color:var(--muted)}.modal-layer,.drawer-layer{position:fixed;inset:0;z-index:100;display:flex}.modal-layer{align-items:center;justify-content:center;padding:24px}.modal-backdrop,.drawer-backdrop{position:absolute;inset:0;background:#02050ab8;backdrop-filter:blur(6px);animation:fadeIn .16s ease}.modal{position:relative;width:100%;max-height:88vh;display:flex;flex-direction:column;border:1px solid var(--line-strong);border-radius:20px;background:linear-gradient(180deg,#101a2c,#0a111e);box-shadow:0 40px 120px -30px #000000f2;animation:modalIn .2s cubic-bezier(.2,.8,.2,1);overflow:hidden}.modal-sm{max-width:440px}.modal-md{max-width:600px}.modal-lg{max-width:800px}.modal-xl{max-width:1040px}.modal-head,.drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:20px 22px 16px;border-bottom:1px solid var(--line)}.modal-head h2,.drawer-head h2{font-size:16px;font-weight:650;letter-spacing:-.02em}.modal-head p,.drawer-head p{margin-top:3px;font-size:10.5px;color:var(--faint)}.modal-body{padding:20px 22px;overflow-y:auto}.modal-foot,.drawer-foot{display:flex;align-items:center;gap:8px;padding:14px 22px;border-top:1px solid var(--line);background:#04080f66}.drawer-layer{justify-content:flex-end}.drawer{position:relative;height:100%;max-width:100vw;display:flex;flex-direction:column;background:linear-gradient(180deg,#0e1727,#080e1a);border-left:1px solid var(--line-strong);box-shadow:-30px 0 100px -40px #000000e6;animation:drawerIn .24s cubic-bezier(.2,.8,.2,1)}.drawer-body{padding:20px 22px;overflow-y:auto;flex:1}.drawer-foot-note{display:inline-flex;align-items:center;gap:5px;color:var(--faint);font-size:9.5px}.spacer{flex:1}.confirm-message{color:var(--muted);font-size:12px;line-height:1.7}.progress{width:100%;border-radius:99px;background:#94a3b81a;overflow:hidden}.progress span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--mint),var(--mint-deep));transition:width .5s ease}.progress-violet span{background:linear-gradient(90deg,var(--indigo),var(--violet))}.progress-danger span{background:linear-gradient(90deg,#f59e0b,var(--rose))}.progress-amber span{background:linear-gradient(90deg,var(--amber),#f59e0b)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:50px 24px;gap:7px}.empty-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;color:var(--mint);background:radial-gradient(circle at 30% 30%,#5eead429,#5eead408);border:1px solid rgba(94,234,212,.16);margin-bottom:8px}.empty-state h3{font-size:14px;font-weight:600}.empty-state p{color:var(--faint);font-size:11px;max-width:380px}.empty-action{margin-top:10px}.empty-card{padding:18px}.error-state .empty-icon{color:var(--rose);background:#fb718514;border-color:#fb718533}.spinner-wrap{display:flex;align-items:center;gap:8px;color:var(--faint);font-size:11px}.skeleton{position:relative;overflow:hidden;border-radius:10px;background:#94a3b812}.skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(148,163,184,.08),transparent);animation:shimmer 1.5s infinite}.code-inline{font-size:10.5px;padding:1px 5px;border-radius:4px;background:#94a3b81a;color:#c7d2fe}.kbd{font-family:var(--mono)}.muted{color:var(--muted)}.small{font-size:10.5px}.mono{font-family:var(--mono);font-size:.95em}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;vertical-align:middle}.dot-in{background:var(--mint);box-shadow:0 0 6px #5eead499}.dot-out{background:var(--indigo);box-shadow:0 0 6px #818cf899}.dot-sep{color:#36445c}.toast-stack{position:fixed;right:22px;bottom:22px;z-index:200;display:flex;flex-direction:column;gap:8px;width:min(360px,calc(100vw - 44px));pointer-events:none}.toast{display:flex;align-items:flex-start;gap:9px;padding:12px 12px 12px 13px;border-radius:12px;border:1px solid var(--line-strong);background:#0c1322f7;box-shadow:0 20px 50px -20px #000000e6;backdrop-filter:blur(20px);animation:toastIn .22s cubic-bezier(.2,.8,.2,1);pointer-events:auto}.toast-icon{margin-top:1px}.toast-success .toast-icon{color:var(--green)}.toast-error .toast-icon{color:var(--rose)}.toast-warning .toast-icon{color:var(--amber)}.toast-info .toast-icon{color:var(--indigo)}.toast-body{flex:1;min-width:0}.toast-title{font-size:11.5px;font-weight:600}.toast-desc{margin-top:2px;font-size:10px;color:var(--faint)}.toast-close{border:0;background:transparent;color:var(--faint);cursor:pointer;padding:2px}.chart-card{padding:0 0 10px}.chart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:20px 22px 0}.chart-eyebrow{font-size:9px;font-weight:700;letter-spacing:.14em;color:var(--faint);text-transform:uppercase}.chart-total{display:flex;align-items:baseline;gap:8px;margin-top:5px}.chart-total strong{font-size:26px;font-weight:650;letter-spacing:-.03em}.chart-total span{font-size:10.5px;color:var(--faint)}.chart-breakdown{display:flex;gap:14px;margin-top:5px;font-size:10px;color:var(--muted)}.chart-breakdown span{display:inline-flex;align-items:center;gap:5px}.chart-wrap{position:relative;margin-top:8px;padding:0 8px}.chart-legend{position:absolute;right:22px;top:8px;display:flex;gap:12px;font-size:9px;color:var(--faint);z-index:2}.chart-legend span{display:inline-flex;align-items:center;gap:4px}.legend-dot{width:14px;height:3px;border-radius:3px;display:inline-block}.legend-in{background:var(--mint)}.legend-out{background:var(--indigo)}.area-chart{width:100%;height:100%;display:block;overflow:visible}.chart-grid{stroke:#94a3b817;stroke-width:1;stroke-dasharray:3 5}.chart-axis{fill:#5a6982;font-size:9px;font-family:var(--mono)}.chart-line{fill:none;stroke-width:2;stroke-linecap:round}.chart-line-in{stroke:url(#lineIn);filter:drop-shadow(0 0 6px rgba(94,234,212,.3))}.chart-line-out{stroke:url(#lineOut)}.chart-cursor{stroke:#e2e8f059;stroke-width:1;stroke-dasharray:3 4}.chart-tooltip{position:absolute;top:18px;transform:translate(-50%);z-index:5;min-width:146px;padding:8px 10px;border-radius:10px;border:1px solid var(--line-strong);background:#070c16f5;box-shadow:0 14px 36px -18px #000000e6;pointer-events:none}.chart-tooltip-date{font-size:9px;color:var(--faint);margin-bottom:5px;font-family:var(--mono)}.chart-tooltip-row{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted)}.chart-tooltip-row b{margin-left:auto;color:var(--text);font-family:var(--mono);font-weight:500}.sparkline{width:100%;display:block}.ring{position:relative;display:grid;place-items:center}.ring svg{position:absolute;inset:0}.ring-progress{transition:stroke-dashoffset .7s cubic-bezier(.2,.8,.2,1)}.ring-center{position:relative;display:flex;flex-direction:column;align-items:center;line-height:1.1}.ring-center strong{font-size:24px;font-weight:650;letter-spacing:-.03em}.ring-center span{font-size:9px;color:var(--faint);margin-top:4px}.mini-bars{display:flex;align-items:flex-end;gap:2px;padding:6px 20px 0}.mini-bar-track{flex:1;height:100%;display:flex;align-items:flex-end;border-radius:2px;background:#94a3b809}.mini-bar-track span{width:100%;border-radius:2px;background:linear-gradient(180deg,#5eead4bf,#818cf859);transition:height .4s ease}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat-card{position:relative;overflow:hidden;padding:16px 16px 14px;border-radius:18px;border:1px solid var(--line);background:radial-gradient(140% 100% at 0% 0%,rgba(94,234,212,.055),transparent 55%),linear-gradient(180deg,#121b2db8,#090e19cc);box-shadow:var(--shadow)}.stat-card:after{content:"";position:absolute;inset:auto -30% -60% auto;width:160px;height:160px;border-radius:50%;background:#5eead40d;filter:blur(30px)}.stat-violet:after{background:#818cf814}.stat-pink:after{background:#f472b612}.stat-amber:after{background:#fbbf240f}.stat-top{display:flex;align-items:center;gap:7px;color:var(--muted)}.stat-icon{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;color:var(--mint);background:#5eead417;border:1px solid rgba(94,234,212,.14)}.stat-violet .stat-icon{color:var(--indigo);background:#818cf817;border-color:#818cf829}.stat-pink .stat-icon{color:var(--pink);background:#f472b614;border-color:#f472b626}.stat-amber .stat-icon{color:var(--amber);background:#fbbf2414;border-color:#fbbf2426}.stat-label{font-size:10px;font-weight:600;letter-spacing:.04em}.stat-mini{margin-left:auto;font-size:9.5px;color:var(--faint);font-family:var(--mono)}.stat-value{display:flex;align-items:baseline;gap:5px;margin:10px 0 4px}.stat-value strong{font-size:27px;font-weight:650;letter-spacing:-.035em;line-height:1.05}.stat-value span{font-size:10.5px;color:var(--faint)}.stat-foot{font-size:9.5px;color:var(--faint);min-height:15px}.stat-foot .progress{margin-top:4px}.stat-spark{margin:6px -6px -6px;opacity:.8}.pulse-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--mint);box-shadow:0 0 7px var(--mint);margin-right:3px}.dashboard-main{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,.85fr);gap:14px}.quota-card{padding-bottom:18px}.quota-ring-wrap{display:flex;align-items:center;gap:15px;padding:16px 20px 8px}.quota-numbers{flex:1;display:flex;flex-direction:column;gap:8px}.quota-numbers>div{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px dashed rgba(148,163,184,.09);padding-bottom:6px}.quota-numbers span{font-size:9.5px;color:var(--faint)}.quota-numbers strong{font-size:11.5px;font-family:var(--mono);font-weight:500}.quota-meta{padding:10px 20px 4px;display:flex;flex-direction:column;gap:7px}.quota-meta>div{display:flex;justify-content:space-between;font-size:10px;color:var(--faint)}.quota-meta b{color:var(--muted);font-weight:500}.quota-link{display:inline-flex;align-items:center;gap:4px;margin:10px 20px 0;color:var(--mint);font-size:10.5px}.dashboard-lower{display:grid;grid-template-columns:1.1fr 1fr .9fr;gap:14px;align-items:start}.mini-list{padding:10px 12px 12px;display:flex;flex-direction:column;gap:2px}.mini-row{display:flex;align-items:center;gap:10px;padding:8px;border-radius:10px;transition:.14s ease}.mini-row:hover{background:#94a3b80d}.mini-row-main{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.4}.mini-row-main strong{font-size:11.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-row-main span{font-size:9.5px;color:var(--faint)}.mini-row-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.mini-row-meta b{font-size:10.5px;font-family:var(--mono);font-weight:500;color:var(--muted)}.type-tile{flex:0 0 auto;display:inline-grid;place-items:center;min-width:42px;height:26px;padding:0 6px;border-radius:7px;font-family:var(--mono);font-size:8.5px;font-weight:700;letter-spacing:.02em;border:1px solid transparent}.type-tile.small{min-width:36px;height:22px;font-size:8px}.tone-cyan{color:#67e8f9;background:#22d3ee1a;border-color:#22d3ee2e}.tone-blue{color:#93c5fd;background:#3b82f61a;border-color:#3b82f62e}.tone-violet{color:#c4b5fd;background:#8b5cf61a;border-color:#8b5cf62e}.tone-emerald{color:#6ee7b7;background:#10b9811a;border-color:#10b9812e}.tone-amber{color:#fcd34d;background:#f59e0b1a;border-color:#f59e0b2e}.tone-pink{color:#f9a8d4;background:#ec48991a;border-color:#ec48992e}.tone-rose{color:#fda4af;background:#f43f5e1a;border-color:#f43f5e2e}.tone-indigo{color:#a5b4fc;background:#6366f11a;border-color:#6366f12e}.node-mini{display:flex;align-items:center;gap:9px;padding:9px 8px;border-radius:10px}.node-mini:hover{background:#94a3b80a}.node-status{width:7px;height:7px;border-radius:50%;background:#475569;flex:0 0 auto}.node-status.online{background:var(--green);box-shadow:0 0 9px #34d399a6}.node-status.unknown{background:var(--amber)}.node-mini-main{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.4}.node-mini-main strong{font-size:11.5px;font-weight:500}.node-mini-main span{font-size:9.5px;color:var(--faint)}.node-mini-right{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.node-mini-right>span{font-size:9px;color:var(--faint)}.node-add{display:flex;align-items:center;justify-content:center;gap:5px;margin:4px 12px 14px;padding:9px;border:1px dashed var(--line-strong);border-radius:10px;color:var(--faint);font-size:10.5px;transition:.15s ease}.node-add:hover{color:var(--mint);border-color:#5eead44d;background:#5eead408}.timeline{padding:12px 18px 16px;display:flex;flex-direction:column;gap:12px}.timeline-item{display:flex;gap:9px;position:relative}.timeline-item:not(:last-child):after{content:"";position:absolute;left:3px;top:14px;bottom:-13px;width:1px;background:var(--line)}.timeline-dot{width:7px;height:7px;border-radius:50%;margin-top:5px;flex:0 0 auto;background:#5eead499;box-shadow:0 0 7px #5eead466}.timeline-item div{display:flex;flex-direction:column;line-height:1.45}.timeline-item strong{font-size:10.5px;font-weight:500}.timeline-item span{font-size:9px;color:var(--faint)}.setup-banner{display:flex;align-items:center;gap:16px;padding:18px 22px;background:radial-gradient(120% 180% at 0% 0%,rgba(94,234,212,.08),transparent 50%),linear-gradient(120deg,#121b2dcc,#0b111ecc);flex-wrap:wrap}.setup-banner-art{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;color:var(--mint);background:#5eead414;border:1px solid rgba(94,234,212,.16)}.setup-banner-text{flex:1;min-width:240px}.setup-banner-text h3{font-size:12.5px;font-weight:600}.setup-banner-text p{margin-top:3px;font-size:10.5px;color:var(--faint)}.setup-banner-actions{display:flex;gap:8px}.tunnel-meta-row{display:flex;align-items:center;gap:10px;color:var(--faint);font-size:10.5px}.tunnel-meta-row b{color:var(--text);font-weight:500}.meta-sep{width:3px;height:3px;border-radius:50%;background:#35435b}.tunnel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tunnel-card{padding:15px;transition:.18s ease}.tunnel-card:hover{border-color:#94a3b83d;transform:translateY(-2px)}.tunnel-card.is-online{background:radial-gradient(100% 80% at 100% 0%,rgba(94,234,212,.045),transparent 55%),linear-gradient(180deg,#121b2db8,#090e19cc)}.tunnel-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.tunnel-title{display:flex;align-items:center;gap:9px;min-width:0;border:0;background:transparent;padding:0;text-align:left;cursor:pointer;color:var(--text)}.tunnel-title>span:last-child{display:flex;flex-direction:column;line-height:1.35;min-width:0}.tunnel-title strong{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.tunnel-title em{font-style:normal;font-size:9px;color:var(--faint);font-family:var(--mono)}.tunnel-card-actions{display:flex;align-items:center;gap:4px}.card-menu{position:relative}.kebab{width:26px;height:26px}.card-menu-pop{position:absolute;right:0;top:calc(100% + 4px);width:150px;padding:5px;border-radius:10px;border:1px solid var(--line-strong);background:#0a101cfa;box-shadow:0 20px 46px -20px #000000e6;display:none;z-index:20}.card-menu-pop.open{display:block;animation:fadeUp .13s ease}.card-menu-pop button{display:flex;align-items:center;gap:7px;width:100%;border:0;background:transparent;color:var(--muted);font-size:10.5px;text-align:left;padding:7px 8px;border-radius:6px;cursor:pointer}.card-menu-pop button:hover{background:#94a3b812;color:var(--text)}.card-menu-pop button.danger{color:#fda4af}.card-menu-pop button.danger:hover{background:#f8717114}.tunnel-address{display:flex;align-items:center;gap:6px;width:100%;margin-top:13px;padding:8px 9px;border:1px solid var(--line);border-radius:8px;background:#050a1380;color:#b6c8e4;cursor:pointer;text-align:left;transition:.15s ease}.tunnel-address:hover{border-color:#5eead43d;background:#5eead408}.tunnel-address svg{color:var(--mint);flex:0 0 auto}.tunnel-address span{font-family:var(--mono);font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tunnel-address em{font-style:normal;font-size:8.5px;color:var(--faint);margin-left:auto}.tunnel-target{display:flex;align-items:center;gap:5px;margin-top:9px;font-size:9px;color:var(--faint);white-space:nowrap;overflow:hidden}.tunnel-target code{color:var(--muted);font-size:9px}.tunnel-target span:first-child{color:#4f5e76}.tunnel-target svg{color:#3e4c63}.tunnel-foot{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px;padding-top:10px;border-top:1px dashed var(--line)}.tunnel-foot div{display:flex;flex-direction:column;gap:1px}.tunnel-foot span{font-size:8.5px;color:var(--faint)}.tunnel-foot b{font-size:10px;font-weight:500;color:var(--muted);font-family:var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-status{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#94a3b808;margin-bottom:18px}.detail-orb{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#94a3b814;border:1px solid var(--line);flex:0 0 auto}.detail-orb span{width:9px;height:9px;border-radius:50%;background:#475569}.detail-orb.online{background:#34d39914;border-color:#34d39933}.detail-orb.online span{background:var(--green);box-shadow:0 0 10px #34d399cc}.detail-status>div{flex:1;display:flex;flex-direction:column;line-height:1.45}.detail-status strong{font-size:12px}.detail-status span{font-size:9.5px;color:var(--faint)}.detail-section{margin-bottom:20px}.detail-section h4{font-size:9.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin-bottom:8px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:20px;background:var(--line)}.info-cell{display:flex;flex-direction:column;gap:2px;padding:10px 12px;background:#0a111e}.info-cell span{font-size:8.5px;color:var(--faint)}.info-cell b{font-size:10.5px;font-weight:500;color:#c7d3e5;word-break:break-all}.address-list{display:flex;flex-direction:column;gap:5px}.address-row{display:flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:#050a1373;color:var(--mint)}.address-row code{flex:1;font-size:10px;color:#c7d3e5;word-break:break-all}.traffic-pair{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.traffic-pair div{padding:10px;border:1px solid var(--line);border-radius:10px;background:#94a3b806;display:flex;flex-direction:column;gap:3px}.traffic-pair span{font-size:8.5px;color:var(--faint)}.traffic-pair b{font-size:13px;font-weight:600;font-family:var(--mono)}.secret-box{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid rgba(251,191,36,.2);border-radius:9px;background:#fbbf240d;color:var(--amber)}.secret-box code{flex:1;font-size:10px;color:#fde68a;word-break:break-all}.detail-danger{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:26px;padding:13px 14px;border:1px solid rgba(248,113,113,.16);border-radius:12px;background:#f871710a}.detail-danger div{display:flex;flex-direction:column;line-height:1.5}.detail-danger strong{font-size:11px;color:#fecaca}.detail-danger span{font-size:9.5px;color:#a56c74}.type-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.type-option{position:relative;display:flex;align-items:center;gap:9px;padding:9px 10px;border:1px solid var(--line);border-radius:11px;background:#94a3b806;cursor:pointer;text-align:left;color:var(--text);transition:.15s ease}.type-option:hover:not(:disabled){border-color:#5eead440;background:#5eead406}.type-option.active{border-color:#5eead466;background:#5eead40e;box-shadow:inset 0 0 0 1px #5eead414}.type-option.disabled{opacity:.4;cursor:not-allowed}.type-option>span:nth-child(2){display:flex;flex-direction:column;line-height:1.35;min-width:0}.type-option strong{font-size:10.5px;font-weight:600}.type-option em{font-style:normal;font-size:8.5px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.type-check{position:absolute;right:8px;top:8px;color:var(--mint)}.preview-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:7px;background:#5eead40f;border:1px solid rgba(94,234,212,.14);color:#a7f3d0;font-family:var(--mono);font-size:9.5px}.config-tabs{display:flex;gap:4px;margin-bottom:12px;border-bottom:1px solid var(--line)}.config-tabs button{border:0;background:transparent;color:var(--faint);font-size:10.5px;padding:8px 10px;cursor:pointer;position:relative}.config-tabs button.active{color:var(--text)}.config-tabs button.active:after{content:"";position:absolute;left:8px;right:8px;bottom:-1px;height:2px;background:var(--mint);border-radius:2px}.config-hint{display:flex;gap:8px;padding:9px 11px;border:1px solid rgba(94,234,212,.14);border-radius:9px;background:#5eead409;color:#9fb4c9;font-size:9.5px;line-height:1.6;margin-bottom:10px}.config-hint svg{flex:0 0 auto;margin-top:1px;color:var(--mint)}.config-hint code{color:#c7f9ee}.code-block{margin:0;padding:14px;border:1px solid var(--line);border-radius:11px;background:#050a13;color:#bfd0e6;font-size:9.5px;line-height:1.75;overflow:auto;max-height:52vh;white-space:pre;tab-size:2}.code-block.tall{max-height:380px}.code-block code{font-size:inherit}.visitor-info h4{font-size:12px;margin-bottom:6px}.visitor-info p,.visitor-info li{color:var(--muted);font-size:10.5px;line-height:1.8}.visitor-info ol{padding-left:18px;margin:8px 0}.visitor-info code{color:#b9f5e9;font-size:9.5px}.client-list{display:flex;flex-direction:column;gap:4px}.client-row{display:flex;align-items:center;gap:9px;padding:8px 9px;border:1px solid var(--line);border-radius:9px;background:#94a3b805}.client-row div{flex:1;display:flex;flex-direction:column;line-height:1.4}.client-row strong{font-size:10.5px;font-weight:500}.client-row span{font-size:8.5px;color:var(--faint)}.node-summary{display:flex;gap:18px;flex-wrap:wrap;color:var(--faint);font-size:10.5px}.node-summary>div{display:flex;align-items:center;gap:6px}.node-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.node-card{padding:18px;transition:.18s ease}.node-card:hover{border-color:#94a3b83d}.node-card.online{border-color:#5eead429}.node-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.node-identity{display:flex;gap:10px;align-items:center;min-width:0}.node-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:#64748b;background:#94a3b80f;border:1px solid var(--line);flex:0 0 auto}.node-icon.online{color:var(--mint);background:#5eead412;border-color:#5eead429;box-shadow:0 0 22px -8px #5eead466}.node-name-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.node-name-row strong{font-size:13px;font-weight:600}.node-region{font-size:9.5px;color:var(--faint);font-family:var(--mono)}.node-address{display:flex;align-items:center;gap:8px;margin:14px 0 12px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#050a1373;font-size:9.5px;color:var(--faint)}.node-address code{color:#c3d3e8;font-size:10px}.node-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.node-stats>div{display:flex;align-items:center;gap:5px;padding:8px 9px;border:1px solid var(--line);border-radius:9px;background:#94a3b806;color:var(--faint)}.node-stats svg{color:#5c6d87}.node-stats strong{color:var(--text);font-size:12px;font-weight:600}.node-stats span{font-size:8.5px;color:var(--faint)}.node-port-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px;color:var(--faint);font-size:9px}.node-port-row b{color:var(--muted);font-family:var(--mono);font-weight:500}.node-warning,.node-error{display:flex;align-items:flex-start;gap:6px;margin-top:10px;padding:7px 9px;border-radius:7px;font-size:9px;line-height:1.5}.node-warning{color:#fcd34d;background:#fbbf240f;border:1px solid rgba(251,191,36,.14)}.node-error{color:#fda4af;background:#f871710d;border:1px solid rgba(248,113,113,.12);word-break:break-all}.node-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:13px;padding-top:11px;border-top:1px dashed var(--line);color:var(--faint);font-size:9px}.node-actions{display:flex;gap:4px}.node-add-card{min-height:220px;border:1px dashed var(--line-strong);border-radius:var(--radius-lg);background:#94a3b804;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--faint);cursor:pointer;transition:.18s ease}.node-add-card:hover{border-color:#5eead44d;background:#5eead406;color:var(--mint)}.node-add-icon{width:44px;height:44px;border-radius:14px;border:1px solid var(--line);display:grid;place-items:center;margin-bottom:7px}.node-add-card strong{font-size:12px;font-weight:500}.node-add-card span:last-child{font-size:9.5px;color:var(--faint)}.plugin-explainer{display:flex;gap:16px;padding:20px;align-items:flex-start;flex-wrap:wrap}.plugin-explainer-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;color:var(--mint);background:#5eead412;border:1px solid rgba(94,234,212,.15)}.plugin-explainer>div:nth-child(2){flex:1;min-width:260px}.plugin-explainer h3{font-size:12.5px;font-weight:600}.plugin-explainer p{margin-top:4px;color:var(--faint);font-size:10.5px;line-height:1.75;max-width:640px}.plugin-steps{display:flex;flex-direction:column;gap:6px;min-width:210px}.plugin-steps span{display:flex;gap:8px;align-items:center;color:var(--faint);font-size:9.5px}.plugin-steps b{font-family:var(--mono);color:var(--mint);font-size:9px}.created-panel{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:12px 0}.created-icon{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;color:var(--green);background:#34d39914;border:1px solid rgba(52,211,153,.2);margin-bottom:4px}.created-panel h3{font-size:15px}.created-panel p{color:var(--faint);font-size:10.5px;max-width:400px;line-height:1.7}.secret-once{width:100%;display:flex;align-items:center;gap:8px;margin:12px 0;padding:10px 11px;border:1px solid rgba(251,191,36,.2);border-radius:9px;background:#fbbf240a;text-align:left}.secret-once>span{font-size:8.5px;color:#a8842f;white-space:nowrap}.secret-once code{flex:1;font-size:10px;color:#fde68a;word-break:break-all}.created-steps{width:100%;display:flex;flex-direction:column;gap:6px;text-align:left}.created-steps div{display:flex;gap:8px;align-items:center;color:var(--faint);font-size:9.5px}.created-steps b{width:18px;height:18px;border-radius:6px;background:#5eead414;color:var(--mint);display:grid;place-items:center;font-size:8px}.traffic-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.traffic-stat{position:relative;display:flex;flex-direction:column;gap:3px;padding:15px 15px 13px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#111a2cb3,#090e19cc);overflow:hidden}.traffic-stat-icon{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;color:var(--mint);background:#5eead414;margin-bottom:4px}.stat-violet .traffic-stat-icon{color:var(--indigo);background:#818cf814}.stat-pink .traffic-stat-icon{color:var(--pink);background:#f472b614}.stat-amber .traffic-stat-icon{color:var(--amber);background:#fbbf2414}.traffic-stat-label{font-size:9.5px;color:var(--faint)}.traffic-stat strong{font-size:21px;font-weight:650;letter-spacing:-.03em}.traffic-stat-sub{font-size:8.5px;color:var(--faint)}.chart-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.chart-toolbar-left{display:flex;align-items:baseline;gap:8px}.chart-kicker{font-size:11.5px;font-weight:600}.traffic-split{display:grid;grid-template-columns:1.5fr 1fr;gap:14px}.hourly-card{padding-bottom:12px}.hourly-legend{display:flex;justify-content:space-between;padding:6px 20px 0;color:var(--faint);font-size:8.5px}.traffic-note-card{padding:18px 20px;display:flex;flex-direction:column;gap:6px}.traffic-note-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;color:var(--indigo);background:#818cf814;border:1px solid rgba(129,140,248,.15)}.traffic-note-card h3{font-size:12.5px;font-weight:600}.traffic-note-card p{color:var(--faint);font-size:9.5px;line-height:1.7}.traffic-note-card code{color:#c7d2fe;font-size:8.8px}.traffic-note-row{display:flex;justify-content:space-between;font-size:9.5px;color:var(--faint);border-top:1px dashed var(--line);padding-top:6px}.traffic-note-row b{color:var(--muted);font-weight:500}.user-summary{display:flex;gap:10px;flex-wrap:wrap}.user-summary>div{display:flex;align-items:center;gap:6px;padding:7px 11px;border:1px solid var(--line);border-radius:9px;background:#94a3b806;font-size:9.5px;color:var(--faint)}.user-summary svg{color:#6b7c96}.user-summary b{color:var(--text);font-size:12px;font-weight:600}.credential-box p{color:var(--faint);font-size:10.5px;line-height:1.7}.credential-box .secret-once{margin:12px 0 0}.plan-hero{display:flex;align-items:center;gap:16px;padding:20px 22px;border:1px solid var(--line);border-radius:var(--radius-lg);background:radial-gradient(130% 180% at 0% 0%,rgba(129,140,248,.09),transparent 58%),linear-gradient(120deg,#121b2dcc,#090e19cc);flex-wrap:wrap}.plan-hero-orb{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;color:var(--amber);background:#fbbf2414;border:1px solid rgba(251,191,36,.16)}.plan-hero h2{font-size:15px;font-weight:600}.plan-hero p{margin-top:3px;font-size:10px;color:var(--faint)}.plan-hero-metrics{display:flex;gap:24px;margin-left:auto}.plan-hero-metrics div{display:flex;flex-direction:column;gap:4px;min-width:150px}.plan-hero-metrics span{font-size:9px;color:var(--faint)}.plan-hero-metrics b{font-size:11px;font-weight:500;font-family:var(--mono)}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.plan-card{position:relative;padding:20px;border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(180deg,#121b2db8,#090e19cc);display:flex;flex-direction:column;gap:12px;transition:.18s ease}.plan-card:hover{transform:translateY(-2px);border-color:var(--line-strong)}.plan-card.featured{border-color:#5eead447;background:radial-gradient(120% 100% at 50% 0%,rgba(94,234,212,.08),transparent 60%),linear-gradient(180deg,#121b2dcc,#090e19d9)}.plan-card.current{box-shadow:0 0 0 1px #5eead438,0 30px 80px -40px #5eead440}.plan-ribbon,.plan-current-badge{position:absolute;top:14px;display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:99px;font-size:8.5px;font-weight:600}.plan-ribbon{right:14px;color:var(--mint);background:#5eead414;border:1px solid rgba(94,234,212,.18)}.plan-current-badge{right:14px;color:#a5b4fc;background:#818cf81a;border:1px solid rgba(129,140,248,.18)}.plan-ribbon+.plan-current-badge{top:40px}.plan-head{display:flex;gap:10px;align-items:flex-start;padding-right:60px}.plan-glyph{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;color:var(--indigo);background:#818cf814;border:1px solid rgba(129,140,248,.15)}.plan-head h3{font-size:15px;font-weight:600}.plan-head p{margin-top:2px;font-size:9.5px;color:var(--faint);line-height:1.55}.plan-price{display:flex;align-items:baseline;gap:5px;padding-bottom:2px}.plan-price strong{font-size:28px;font-weight:650;letter-spacing:-.04em}.plan-price span{font-size:9.5px;color:var(--faint)}.plan-specs{display:grid;grid-template-columns:1fr 1fr;gap:1px;border:1px solid var(--line);border-radius:11px;overflow:hidden;background:var(--line)}.plan-specs div{display:flex;align-items:center;gap:6px;padding:8px 10px;background:#0a111e;color:var(--faint)}.plan-specs svg{color:#5c6d87}.plan-specs span{font-size:8.5px}.plan-specs b{margin-left:auto;font-size:10px;color:var(--text);font-weight:500;font-family:var(--mono)}.plan-types{display:flex;flex-wrap:wrap;gap:4px}.type-chip{padding:2px 6px;border-radius:5px;font-size:7.5px;font-family:var(--mono);font-weight:700;border:1px solid transparent}.plan-features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.plan-features li{display:flex;align-items:center;gap:6px;font-size:9.5px;color:var(--muted)}.plan-features svg{color:var(--mint)}.plan-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:10px;border-top:1px dashed var(--line)}.plan-add{min-height:360px;align-items:center;justify-content:center;border-style:dashed;color:var(--faint);background:#94a3b804;cursor:pointer}.plan-add:hover{color:var(--mint);border-color:#5eead44d}.plan-add-icon{width:46px;height:46px;border-radius:15px;border:1px solid var(--line);display:grid;place-items:center}.plan-add strong{font-size:12px;font-weight:500}.plan-add span:last-child{font-size:9.5px}.plan-compare{padding:20px}.plan-compare h3{font-size:12.5px;font-weight:600;margin-bottom:12px}.compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.compare-grid b{display:block;font-family:var(--mono);color:var(--mint);font-size:10px;margin-bottom:4px}.compare-grid strong{font-size:11px;font-weight:600}.compare-grid p{margin-top:3px;font-size:9.5px;color:var(--faint);line-height:1.65}.type-checks{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.type-check-item{display:flex;align-items:center;gap:6px;padding:7px 8px;border:1px solid var(--line);border-radius:8px;font-size:9.5px;color:var(--faint);cursor:pointer}.type-check-item input{display:none}.type-check-item.checked{border-color:#5eead447;background:#5eead40a;color:var(--text)}.audit-list{display:flex;flex-direction:column;padding:6px 8px}.audit-row{position:relative;display:flex;gap:11px;padding:12px 10px;border-bottom:1px solid rgba(148,163,184,.06)}.audit-row:last-child{border-bottom:0}.audit-tone{width:7px;height:7px;border-radius:50%;margin-top:6px;flex:0 0 auto;background:var(--indigo);box-shadow:0 0 7px #818cf880}.audit-tone.tone-success{background:var(--green);box-shadow:0 0 7px #34d39980}.audit-tone.tone-danger{background:var(--rose);box-shadow:0 0 7px #fb718580}.audit-tone.tone-warning{background:var(--amber);box-shadow:0 0 7px #fbbf2480}.audit-main{flex:1;min-width:0}.audit-title{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.audit-title strong{font-size:11.5px;font-weight:500}.audit-title .badge{font-size:8px;font-family:var(--mono);opacity:.7}.audit-meta{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:2px;font-size:9px;color:var(--faint)}.audit-meta i{font-style:normal;color:#35435a}.audit-details{margin-top:5px}.audit-details summary{font-size:9px;color:#6b7d98;cursor:pointer}.audit-details pre{margin:4px 0 0;padding:8px;border-radius:7px;background:#050a13;border:1px solid var(--line);color:#9fb4cc;font-size:8.5px;overflow:auto}.audit-time{font-size:9px;color:var(--faint);white-space:nowrap;margin-top:2px}.audit-skeleton{display:flex;flex-direction:column;gap:6px;padding:16px}.settings-grid{display:grid;grid-template-columns:1fr;gap:14px}.settings-grid.two-col{grid-template-columns:1fr 1fr}.profile-card{grid-column:span 2;padding:20px}.profile-hero{display:flex;gap:14px;align-items:center}.profile-hero h3{font-size:18px;font-weight:600}.profile-hero p{color:var(--faint);font-size:10.5px}.profile-badges{display:flex;gap:5px;margin-top:7px;flex-wrap:wrap}.profile-meta{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:16px;border:1px solid var(--line);border-radius:11px;overflow:hidden;background:var(--line)}.profile-meta>div{display:flex;align-items:center;gap:6px;padding:9px 11px;background:#0a111e;font-size:9.5px;color:var(--faint)}.profile-meta code{color:var(--muted);font-size:9px;overflow:hidden;text-overflow:ellipsis}.profile-meta b{color:var(--muted);font-weight:500}.profile-meta .icon-btn{margin-left:auto;width:24px;height:24px;border:0;background:transparent}.usage-card .usage-big{display:flex;align-items:baseline;gap:5px;padding:16px 20px 8px}.usage-big strong{font-size:26px;font-weight:650;letter-spacing:-.03em}.usage-big span{font-size:10px;color:var(--faint)}.usage-card .progress{margin:0 20px}.usage-pair{display:flex;gap:20px;padding:12px 20px 16px}.usage-pair div{display:flex;flex-direction:column;gap:2px}.usage-pair span{font-size:8.5px;color:var(--faint)}.usage-pair b{font-size:11px;font-weight:500}.security-on{border-color:#5eead433}.twofactor-visual{display:flex;gap:12px;align-items:center;padding:16px 20px 4px}.twofactor-orb{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;color:var(--faint);background:#94a3b80d;border:1px solid var(--line);flex:0 0 auto}.twofactor-orb.on{color:var(--green);background:#34d39912;border-color:#34d3992e}.twofactor-visual p{font-size:10px;color:var(--faint);line-height:1.7}.token-row{display:flex;align-items:center;gap:12px;padding:14px 20px 18px;flex-wrap:wrap}.token-row code{padding:6px 9px;border:1px solid var(--line);border-radius:7px;background:#050a13;color:#b6c8e4;font-size:10px}.token-row span{font-size:9.5px;color:var(--faint)}.session-list{display:flex;flex-direction:column;padding:10px 16px 16px;gap:6px}.session-row{display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:#94a3b805}.session-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;color:var(--indigo);background:#818cf812}.session-main{flex:1;display:flex;flex-direction:column;line-height:1.4;min-width:0}.session-main strong{font-size:10.5px;font-weight:500;display:flex;gap:5px;align-items:center}.session-main span{font-size:8.5px;color:var(--faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-meta{display:flex;flex-direction:column;align-items:flex-end;font-size:8.5px;color:var(--faint)}.recovery-panel{text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.recovery-panel p{color:var(--faint);font-size:10.5px;max-width:360px}.recovery-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:100%;margin:10px 0}.recovery-grid code{padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:#050a13;color:#fde68a;font-size:10px;letter-spacing:.04em}.totp-setup{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}.qr-wrap{padding:12px;background:#fff;border-radius:12px;flex:0 0 auto}.totp-steps{flex:1;min-width:230px;display:flex;flex-direction:column;gap:5px}.totp-steps h4{font-size:11px;margin-top:4px}.totp-steps p{color:var(--faint);font-size:9.5px;line-height:1.6}.totp-intro{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:6px 0}.totp-intro p{color:var(--faint);font-size:10.5px;max-width:380px;line-height:1.7}.totp-illustration{position:relative;width:82px;height:82px;border-radius:26px;display:grid;place-items:center;color:var(--mint);background:#5eead40f;border:1px solid rgba(94,234,212,.15);margin:6px 0}.totp-pulse{position:absolute;inset:-8px;border-radius:30px;border:1px solid rgba(94,234,212,.15);animation:pulseRing 2.4s infinite}.totp-input{height:46px;text-align:center;font-family:var(--mono);font-size:22px;letter-spacing:.35em;padding-left:.35em}.kv-list{padding:12px 20px 18px;display:flex;flex-direction:column;gap:1px;background:var(--line);border-radius:0 0 var(--radius-lg) var(--radius-lg);margin:12px 16px 16px;border:1px solid var(--line);border-radius:11px;overflow:hidden}.kv-list>div{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:8px 10px;background:#0a111e;font-size:9.5px;color:var(--faint)}.kv-list b{color:var(--muted);font-weight:500;text-align:right}.kv-list code{color:#b6c8e4;font-size:8.8px;word-break:break-all;text-align:right}.system-counts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:16px 20px}.system-counts div{display:flex;flex-direction:column;align-items:center;gap:1px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#94a3b806}.system-counts strong{font-size:20px;font-weight:650;letter-spacing:-.03em}.system-counts span{font-size:8.5px;color:var(--faint)}.baseline-list{display:flex;flex-direction:column;padding:12px 20px 18px;gap:5px}.baseline-list>div{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:10px}.baseline-list .ok svg{color:var(--green)}.baseline-list .warn svg{color:var(--amber)}.baseline-list b{margin-left:auto;font-size:9px;font-weight:500;color:var(--faint)}.baseline-list .ok b{color:#6ee7b7}.baseline-list .warn b{color:#fcd34d}.toggle-stack{padding:8px 20px 16px}.settings-save{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:#94a3b806;font-size:9.5px;color:var(--faint)}.setup-hero{display:flex;align-items:center;gap:24px;padding:26px 28px;border:1px solid rgba(94,234,212,.16);border-radius:var(--radius-lg);background:radial-gradient(100% 160% at 0% 0%,rgba(94,234,212,.08),transparent 55%),radial-gradient(80% 120% at 100% 100%,rgba(129,140,248,.08),transparent 55%),linear-gradient(120deg,#10192ad9,#080d17d9);flex-wrap:wrap}.setup-hero-copy{flex:1;min-width:320px}.setup-hero h2{font-size:24px;font-weight:650;letter-spacing:-.03em;margin:10px 0 7px}.setup-hero p{color:var(--muted);font-size:11.5px;max-width:560px;line-height:1.75}.setup-steps{display:flex;align-items:center;gap:10px;margin-top:18px;flex-wrap:wrap}.setup-steps>div{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:#050a1359}.setup-steps b{font-family:var(--mono);font-size:9px;color:var(--mint)}.setup-steps span{display:flex;flex-direction:column;line-height:1.35}.setup-steps strong{font-size:10px;font-weight:500}.setup-steps em{font-style:normal;font-size:8.5px;color:var(--faint)}.setup-steps>svg{color:#3b4a61}.setup-diagram{display:flex;align-items:center;gap:6px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#04081066}.diagram-node{width:92px;height:92px;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px solid var(--line);background:#0d1524cc;color:var(--muted)}.diagram-node svg{color:var(--mint);margin-bottom:3px}.diagram-node.edge svg{color:var(--indigo)}.diagram-node.panel{border-color:#5eead438;background:#5eead40a}.diagram-node span{font-size:9.5px;font-weight:500;color:var(--text)}.diagram-node em{font-style:normal;font-size:7.5px;color:var(--faint);font-family:var(--mono)}.diagram-link{display:flex;flex-direction:column;align-items:center;gap:3px}.diagram-link span{width:28px;height:1px;background:linear-gradient(90deg,transparent,rgba(94,234,212,.5),transparent)}.diagram-link em{font-style:normal;font-size:7px;color:var(--faint);font-family:var(--mono)}.setup-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.7fr);gap:14px;align-items:start}.setup-main,.setup-side{display:flex;flex-direction:column;gap:14px}.setup-main .card,.setup-side .card{padding-bottom:16px}.download-row{display:flex;align-items:center;gap:10px;margin:12px 20px;padding:11px;border:1px solid var(--line);border-radius:10px;background:#050a1366}.download-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:var(--mint);background:#5eead412;border:1px solid rgba(94,234,212,.14)}.download-row div:nth-child(2){flex:1;display:flex;flex-direction:column;line-height:1.45}.download-row strong{font-size:10.5px;font-family:var(--mono);font-weight:500}.download-row span{font-size:8.5px;color:var(--faint)}.setup-main .segmented{margin:12px 20px}.setup-main>.card>p{margin:0 20px}.setup-config-toolbar{display:flex;gap:8px;padding:12px 20px}.setup-config-toolbar .input{flex:1}.setup-config-toolbar+.config-hint{margin:0 20px 10px}.code-preview-wrap{margin:0 20px;border:1px solid var(--line);border-radius:11px;overflow:hidden}.code-preview-head{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;border-bottom:1px solid var(--line);background:#94a3b809;font-family:var(--mono);font-size:9px;color:var(--faint)}.code-preview-wrap .code-block{border:0;border-radius:0;max-height:340px}.terminal-block{margin:12px 20px;border:1px solid var(--line);border-radius:11px;background:#040810;overflow:hidden}.terminal-dots{display:flex;gap:4px;padding:8px 10px;border-bottom:1px solid rgba(148,163,184,.07)}.terminal-dots i{width:6px;height:6px;border-radius:50%;background:#334155}.terminal-dots i:first-child{background:#7f1d1d}.terminal-dots i:nth-child(2){background:#78350f}.terminal-dots i:nth-child(3){background:#14532d}.terminal-block pre{margin:0;padding:13px;font-size:10px;color:#c3d3e8;overflow-x:auto}.terminal-block .prompt{color:var(--mint)}.setup-checks{display:flex;flex-direction:column;gap:6px;padding:0 20px}.setup-checks div{display:flex;align-items:center;gap:6px;font-size:9.5px;color:var(--faint)}.setup-checks svg{color:var(--green)}.security-card{border-color:#5eead426}.checklist{display:flex;flex-direction:column;gap:6px;padding:12px 20px 2px}.checklist div{display:flex;align-items:center;gap:7px;font-size:9.5px;color:var(--muted)}.checklist svg{color:var(--mint)}.identity-box{display:flex;align-items:center;gap:6px;margin:8px 20px;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:#050a1366;font-size:8.5px;color:var(--faint)}.identity-box code{flex:1;color:#b6c8e4;font-size:9px;overflow:hidden;text-overflow:ellipsis}.setup-side .text-link{margin:0 20px}.faq-card details{margin:0 20px;padding:8px 0;border-bottom:1px solid var(--line)}.faq-card details:last-child{border-bottom:0}.faq-card summary{font-size:9.5px;color:var(--muted);cursor:pointer}.faq-card details p{margin-top:5px;font-size:9px;color:var(--faint);line-height:1.7}.login-page{position:relative;min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;overflow:hidden;background:#04070c}.login-aurora{position:absolute;inset:0;background:radial-gradient(900px 700px at 12% 8%,rgba(94,234,212,.13),transparent 60%),radial-gradient(900px 700px at 78% 18%,rgba(129,140,248,.14),transparent 62%),radial-gradient(700px 500px at 40% 100%,rgba(244,114,182,.07),transparent 65%);filter:saturate(120%)}.login-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(148,163,184,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.04) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(circle at 30% 30%,rgba(0,0,0,.7),transparent 72%)}.login-stars{position:absolute;inset:0;pointer-events:none}.login-stars i{position:absolute;width:2px;height:2px;border-radius:50%;background:#dffcf6;animation:twinkle 4s ease-in-out infinite}.login-story{position:relative;z-index:1;padding:40px 52px 30px;display:flex;flex-direction:column;min-height:100vh}.login-brand{display:flex;align-items:center;gap:12px}.login-brand-name{display:block;font-size:22px;font-weight:700;letter-spacing:-.03em}.login-brand-name span{background:linear-gradient(120deg,var(--mint),var(--indigo));-webkit-background-clip:text;background-clip:text;color:transparent}.login-brand-sub{display:block;font-size:7.5px;letter-spacing:.25em;color:#55657e;font-weight:600;margin-top:2px}.login-story-body{margin:auto 0;max-width:620px;padding:30px 0}.login-chip{margin-bottom:18px}.login-story h1{font-size:clamp(34px,4vw,56px);line-height:1.12;font-weight:650;letter-spacing:-.045em}.login-story h1 em{font-style:normal;background:linear-gradient(110deg,var(--mint),#a7f3d0 30%,var(--indigo) 75%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 50px rgba(94,234,212,.2)}.login-story-body>p{margin-top:18px;max-width:480px;color:#91a2ba;font-size:13px;line-height:1.9}.orbit-visual{position:relative;width:340px;height:220px;margin-top:18px}.orbit-core{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(94,234,212,.12),transparent 70%);box-shadow:0 0 80px #5eead42e}.orbit-ring{position:absolute;left:50%;top:44%;border:1px solid rgba(148,163,184,.14);border-radius:50%;transform:translate(-50%,-50%) rotate(-18deg)}.ring-a{width:200px;height:78px;animation:orbitA 18s linear infinite}.ring-b{width:280px;height:112px;animation:orbitB 26s linear infinite reverse}.ring-c{width:340px;height:146px;animation:orbitA 34s linear infinite}.orbit-node{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px var(--mint);top:50%;left:-3px}.ring-b .orbit-node{background:var(--indigo);box-shadow:0 0 12px var(--indigo);left:auto;right:-3px}.ring-c .orbit-node{background:var(--pink);box-shadow:0 0 12px var(--pink);left:30%;top:-3px}.orbit-caption{position:absolute;left:0;right:0;bottom:0;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.orbit-caption span{display:inline-flex;align-items:center;gap:5px;font-size:8.5px;color:#7285a0;padding:4px 8px;border:1px solid rgba(148,163,184,.1);border-radius:99px;background:#080d1780}.orbit-caption svg{color:var(--mint)}.login-story-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}.trust-row{display:flex;gap:30px}.trust-row div{display:flex;flex-direction:column;line-height:1.3}.trust-row strong{font-size:18px;font-weight:650;letter-spacing:-.02em;color:#d7e2f2}.trust-row span{font-size:8.5px;color:#5b6a82}.login-copyright{font-size:8.5px;color:#3f4d63}.login-panel{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:34px 44px;border-left:1px solid rgba(148,163,184,.08);background:linear-gradient(180deg,#070b148c,#04070dc7);backdrop-filter:blur(18px)}.login-card{width:100%;max-width:400px;padding:28px;border-radius:24px;background:linear-gradient(180deg,#111a2cd9,#080d17eb);box-shadow:0 40px 120px -50px #000,inset 0 1px #ffffff0d;animation:fadeUp .5s ease}.login-card-head{display:flex;gap:11px;align-items:center;margin-bottom:24px}.login-card-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:var(--mint);background:#5eead414;border:1px solid rgba(94,234,212,.16)}.login-card-head h2{font-size:19px;font-weight:650;letter-spacing:-.03em}.login-card-head p{font-size:9.5px;color:var(--faint);margin-top:2px}.login-form{display:flex;flex-direction:column;gap:15px}.login-submit{width:100%;margin-top:2px}.demo-fill{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:9px;border:1px dashed rgba(167,139,250,.25);border-radius:9px;background:#818cf80d;color:#c4b5fd;font-size:9.5px;cursor:pointer}.demo-fill:hover{background:#818cf817}.login-security{display:flex;gap:6px;align-items:flex-start;padding-top:3px;color:#57657c;font-size:8.5px;line-height:1.6}.login-security svg{flex:0 0 auto;margin-top:1px;color:#4f7d76}.login-panel-foot{display:flex;align-items:center;gap:6px;margin-top:22px;font-size:8.5px;color:#46536a}.splash,.crash-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--bg)}.splash-orb{animation:float 3s ease-in-out infinite}.splash-text{font-size:15px;font-weight:600;letter-spacing:.2em;color:#c6d5ea}.splash-bar{width:120px;height:2px;border-radius:2px;background:#94a3b81f;overflow:hidden}.splash-bar span{display:block;width:40%;height:100%;background:linear-gradient(90deg,transparent,var(--mint),transparent);animation:loading 1.2s infinite}.crash-screen h1{font-size:20px}.crash-screen p{color:var(--faint);font-size:11px;max-width:440px;text-align:center}.crash-icon{margin-bottom:4px}.not-found{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center}.not-found>span{font-family:var(--mono);font-size:72px;font-weight:700;letter-spacing:-.05em;background:linear-gradient(120deg,#5eead440,#818cf833);-webkit-background-clip:text;background-clip:text;color:transparent}.not-found h2{font-size:18px}.not-found p{color:var(--faint);font-size:11px;margin-bottom:12px}.spin{animation:spin 1s linear infinite}.rotate{transform:rotate(180deg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes modalIn{0%{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes drawerIn{0%{transform:translate(32px);opacity:.6}to{transform:translate(0);opacity:1}}@keyframes toastIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shimmer{to{transform:translate(100%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse{0%{box-shadow:0 0 #5eead473}70%{box-shadow:0 0 0 7px #5eead400}to{box-shadow:0 0 #5eead400}}@keyframes pulseRing{0%{transform:scale(.96);opacity:.8}70%{transform:scale(1.08);opacity:0}to{transform:scale(1.08);opacity:0}}@keyframes twinkle{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.8;transform:scale(1.4)}}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(350%)}}@keyframes orbitA{0%{transform:translate(-50%,-50%) rotate(-18deg)}to{transform:translate(-50%,-50%) rotate(342deg)}}@keyframes orbitB{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@media(max-width:1320px){.tunnel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-lower{grid-template-columns:1fr 1fr}.activity-card{grid-column:span 2}.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1120px){.stat-grid,.traffic-stats{grid-template-columns:repeat(2,1fr)}.dashboard-main{grid-template-columns:1fr}.quota-card{display:grid;grid-template-columns:1fr 1fr}.quota-card .card-header{grid-column:span 2}.quota-meta{border-left:1px solid var(--line)}.quota-link{grid-column:span 2}.setup-layout{grid-template-columns:1fr}.setup-side{display:grid;grid-template-columns:1fr 1fr}.login-page{grid-template-columns:1fr 1fr}.login-story{padding:32px}.login-story h1{font-size:38px}.orbit-visual{width:280px;transform:scale(.9);transform-origin:left center}}@media(max-width:980px){.sidebar{transform:translate(-100%);transition:transform .22s cubic-bezier(.2,.8,.2,1);width:280px}.sidebar.open{transform:translate(0)}.sidebar-close{display:block}.sidebar-scrim{display:block;position:fixed;inset:0;z-index:45;background:#02050aa6;backdrop-filter:blur(3px)}.main-area{margin-left:0}.mobile-menu{display:grid;place-items:center}.topbar{padding:0 18px}.topbar-search{display:none}.page-content{padding:22px 18px 60px}.node-grid,.traffic-split{grid-template-columns:1fr}.setup-hero{padding:22px}.setup-diagram{display:none}.login-page{grid-template-columns:1fr}.login-story{display:none}.login-panel{border-left:0;min-height:100vh;padding:24px}.settings-grid.two-col{grid-template-columns:1fr}.profile-card,.settings-grid .span-2{grid-column:span 1}.profile-meta{grid-template-columns:1fr}.plan-hero-metrics{margin-left:0;width:100%}}@media(max-width:720px){.page-title{font-size:22px}.page-header{align-items:flex-start}.page-actions{width:100%}.stat-grid{grid-template-columns:1fr 1fr;gap:9px}.stat-value strong{font-size:22px}.tunnel-grid,.dashboard-lower{grid-template-columns:1fr}.activity-card{grid-column:span 1}.plan-grid{grid-template-columns:1fr}.quota-card{display:block}.quota-meta{border-left:0}.form-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.type-grid,.compare-grid{grid-template-columns:1fr}.traffic-stats{grid-template-columns:1fr 1fr}.user-summary{gap:6px}.setup-side{grid-template-columns:1fr}.setup-hero h2{font-size:20px}.search-box,.toolbar-left{width:100%}.toolbar-select{flex:1;width:auto}.user-trigger-text,.demo-badge{display:none}.demo-note{flex-wrap:wrap}.demo-note a{margin-left:0;width:100%}.page-content{padding:18px 14px 50px}.topbar{height:58px}.card-header,.chart-head{padding:16px 16px 0}.chart-legend{display:none}.modal-layer{padding:12px}.modal{max-height:92vh}.drawer-head,.drawer-body,.drawer-foot{padding-left:16px;padding-right:16px}.plan-hero-metrics{flex-direction:column;gap:10px}.profile-hero{flex-direction:column;align-items:flex-start}.session-meta{display:none}.type-checks,.system-counts{grid-template-columns:1fr 1fr}.recovery-grid{grid-template-columns:1fr}.qr-wrap{margin:0 auto}.login-panel{padding:16px}.login-card{padding:22px}}.agent-hero{display:flex;align-items:center;gap:15px;padding:18px 20px;border:1px solid rgba(94,234,212,.16);border-radius:var(--radius-lg);background:radial-gradient(110% 160% at 0% 0%,rgba(94,234,212,.07),transparent 55%),linear-gradient(120deg,#111a2cd1,#080d17cc);flex-wrap:wrap}.agent-hero-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;color:var(--mint);background:#5eead412;border:1px solid rgba(94,234,212,.15)}.agent-hero h3{font-size:13px;font-weight:600}.agent-hero p{margin-top:3px;font-size:10.5px;color:var(--faint);line-height:1.65}.agent-hero>div:nth-child(2){flex:1;min-width:260px}.agent-hero-flow{display:flex;align-items:center;gap:7px;font-size:9px;color:var(--faint);font-family:var(--mono)}.agent-hero-flow span{padding:5px 8px;border:1px solid var(--line);border-radius:7px;background:#050a1373}.agent-hero-flow i{color:var(--mint);font-style:normal}.agent-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.agent-card{padding:17px;transition:.18s ease}.agent-card:hover{border-color:var(--line-strong)}.agent-card.online{border-color:#5eead42e}.agent-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.agent-identity{display:flex;gap:10px;align-items:center;min-width:0}.agent-orb{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex:0 0 auto;color:var(--faint);background:#94a3b80d;border:1px solid var(--line)}.agent-orb.online{color:var(--mint);background:#5eead412;border-color:#5eead429;box-shadow:0 0 22px -8px #5eead473}.agent-name-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.agent-name-row strong{font-size:12.5px;font-weight:600}.agent-identity>div>span{font-size:9.5px;color:var(--faint)}.agent-actions{display:flex;gap:4px}.agent-meta{display:grid;grid-template-columns:1fr 1fr;gap:1px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--line);margin-top:14px}.agent-meta>div{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;background:#0a111e}.agent-meta span{font-size:8.5px;color:var(--faint)}.agent-meta b{font-size:9.5px;font-weight:500;color:var(--muted)}.agent-error{margin-top:9px;padding:7px 9px;border:1px solid rgba(248,113,113,.13);border-radius:7px;background:#f871710d;color:#fda4af;font-size:9px;word-break:break-all}.agent-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding-top:10px;border-top:1px dashed var(--line);color:var(--faint);font-size:8.5px;font-family:var(--mono)}.agent-add-card{min-height:230px}.agent-guide{display:flex;gap:16px;padding:20px;align-items:flex-start;flex-wrap:wrap}.agent-guide-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:var(--indigo);background:#818cf812;border:1px solid rgba(129,140,248,.15)}.agent-guide>div:nth-child(2){flex:1;min-width:280px}.agent-guide h3{font-size:12.5px;font-weight:600}.agent-steps{display:flex;flex-direction:column;gap:5px;margin-top:8px}.agent-steps>div{display:flex;align-items:center;gap:7px;font-size:9.5px;color:var(--faint)}.agent-steps b{width:18px;height:18px;border-radius:6px;display:grid;place-items:center;font-size:8px;color:var(--mint);background:#5eead412}.agent-steps code{color:#c7d2fe;font-size:8.5px}.agent-guide-code{display:flex;align-items:center;gap:6px;padding:8px 9px;border:1px solid var(--line);border-radius:9px;background:#050a13}.agent-guide-code code{font-size:8.5px;color:#b6c8e4;white-space:nowrap}.order-summary{display:flex;gap:9px;flex-wrap:wrap}.order-summary>div{display:flex;align-items:center;gap:6px;padding:7px 11px;border:1px solid var(--line);border-radius:9px;background:#94a3b806;font-size:9.5px;color:var(--faint)}.order-summary svg{color:#6b7c96}.order-summary b{color:var(--text);font-size:11.5px;font-weight:600}.order-no,.order-user{display:flex;flex-direction:column;line-height:1.4}.order-no strong,.order-user strong{font-size:10px;font-family:var(--mono);font-weight:500}.order-no span,.order-user span{font-size:8.5px;color:var(--faint)}.order-manual-note{padding:10px 12px;border:1px solid rgba(251,191,36,.16);border-radius:9px;background:#fbbf240a;color:#d6c28a;font-size:10px;line-height:1.7;white-space:pre-wrap}.order-pay-box{display:flex;flex-direction:column;gap:1px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--line);margin:14px 0}.order-pay-box>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;background:#0a111e;font-size:9.5px;color:var(--faint)}.order-pay-box code{color:#fde68a;font-size:9px}.order-pay-box b{color:var(--text);font-size:10px;font-weight:500}.checkout-summary{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--line);margin-bottom:16px}.checkout-summary>div{display:flex;flex-direction:column;gap:2px;padding:10px;background:#0a111e}.checkout-summary span{font-size:8.5px;color:var(--faint)}.checkout-summary b{font-size:11px;font-weight:500}.demo-note.success{border-color:#34d39940;background:#34d3990d;color:#a7f3d0}.auth-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;position:relative;background:#04070c;overflow:hidden}.auth-brand{position:relative;z-index:1;display:flex;align-items:center;gap:9px;font-size:17px;font-weight:700;letter-spacing:-.02em}.auth-brand span span{color:var(--mint)}.auth-card{position:relative;z-index:1;width:100%;max-width:420px;padding:26px;border-radius:22px}.auth-foot{position:relative;z-index:1;font-size:9px;color:#46536a}.auth-success{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:16px 0}.auth-success>svg{color:var(--green);margin-bottom:2px}.auth-success h3{font-size:16px;font-weight:600}.auth-success p{color:var(--faint);font-size:10.5px;line-height:1.7;max-width:320px}.dev-link-box{width:100%;margin:10px 0;padding:10px;border:1px dashed rgba(167,139,250,.3);border-radius:9px;background:#818cf80d;font-size:9.5px;color:#c4b5fd;display:flex;flex-direction:column;gap:6px}.dev-link-box a{display:inline-flex;align-items:center;gap:4px;color:var(--mint);font-weight:500}.back-link{display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:10px;color:var(--faint);padding:2px}.back-link:hover{color:var(--text)}.login-forgot{text-align:center;font-size:10px}.login-forgot a{color:var(--mint)}.integration-card{padding-bottom:16px}.integration-card .form-grid{padding:14px 20px 0}.integration-test-row{display:flex;gap:8px;padding:12px 20px 0}.integration-test-row .input{flex:1}.hint-line{padding:10px 20px 0;font-size:9px;color:var(--faint)}.hint-line code{color:#b6c8e4;font-size:8.5px}.webhook-list{display:flex;flex-direction:column;gap:6px;padding:12px 20px 4px}.webhook-row{display:flex;align-items:flex-start;gap:9px;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:#94a3b805}.webhook-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.webhook-main strong{font-size:10.5px;font-weight:500}.webhook-main code{font-size:8.5px;color:var(--faint);overflow:hidden;text-overflow:ellipsis}.webhook-events{display:flex;gap:4px;flex-wrap:wrap;margin-top:3px}.webhook-events span{padding:1px 5px;border-radius:4px;background:#818cf814;color:#a5b4fc;font-size:7.5px;font-family:var(--mono)}.webhook-actions{display:flex;gap:3px}.delivery-list{display:flex;flex-direction:column;gap:5px}.delivery-row{display:flex;align-items:center;gap:8px;padding:8px 9px;border:1px solid var(--line);border-radius:8px}.delivery-row>div{flex:1;display:flex;flex-direction:column}.delivery-row strong{font-size:10px;font-weight:500}.delivery-row span{font-size:8.5px;color:var(--faint)}.delivery-row em{font-size:8px;color:#fda4af;max-width:220px;overflow:hidden;text-overflow:ellipsis}@media(max-width:980px){.agent-grid{grid-template-columns:1fr}}@media(max-width:720px){.agent-hero-flow{display:none}.checkout-summary{grid-template-columns:1fr}.order-summary{gap:6px}.order-summary>div{flex:1}.webhook-row{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}