@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;600;700;800;900&family=Figtree:wght@300;400;500;600;700&display=swap";.consent-gate{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:var(--bg, #0e0e18)}.consent-gate__card{background:var(--card, #161625);border:1px solid var(--border, rgba(255,255,255,.08));border-radius:16px;padding:2.5rem 2rem;max-width:520px;width:100%}.consent-gate__title{font-size:1.4rem;font-weight:700;color:var(--text, #f0f0f8);margin-bottom:.75rem}.consent-gate__sub{color:var(--text-muted, #a0a0b0);font-size:.9rem;margin-bottom:2rem;line-height:1.6}.consent-gate__items{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.75rem}.consent-gate__item{display:flex;align-items:flex-start;gap:.7rem;cursor:pointer;font-size:.88rem;color:var(--text-muted, #a0a0b0);line-height:1.5}.consent-gate__item input[type=checkbox]{margin-top:2px;flex-shrink:0;accent-color:var(--accent, #7c6af7)}.consent-gate__item a{color:var(--accent, #7c6af7);text-decoration:underline}.consent-gate__error{color:#e55;font-size:.85rem;margin-bottom:1rem}.consent-gate__btn{width:100%;padding:.9rem;background:var(--accent, #7c6af7);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:1rem;cursor:pointer;transition:opacity .2s}.consent-gate__btn:disabled{opacity:.4;cursor:not-allowed}.header{position:sticky;top:0;z-index:100;background:#0b0b10cc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.header-container{max-width:1280px;margin:0 auto;padding:0 32px;height:64px;display:flex;align-items:center;justify-content:space-between}.logo{font-family:var(--font-display);font-size:26px;font-weight:800;letter-spacing:.04em;color:var(--text);transition:color .2s;flex-shrink:0}.logo span{color:var(--primary)}.logo:hover{color:var(--primary-hover)}.nav{display:flex;align-items:center;gap:4px;flex:1}.nav-item{position:relative}.nav-item:after{content:"";position:absolute;top:100%;left:0;right:0;height:16px}.dropdown>span{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius);font-size:14px;font-weight:500;color:var(--text-3);cursor:pointer;transition:color var(--duration),background var(--duration);-webkit-user-select:none;user-select:none}.dropdown>span:after{content:"›";font-size:16px;transform:rotate(90deg);display:inline-block;transition:transform .2s;opacity:.5}.dropdown:hover>span{color:var(--text);background:var(--card-bg)}.dropdown:hover>span:after{transform:rotate(-90deg)}.dropdown-menu{position:absolute;top:calc(100% + 16px);right:0;min-width:190px;background:var(--bg-2);border:1px solid var(--border-hover);border-radius:var(--radius);padding:6px;display:flex;flex-direction:column;gap:2px;box-shadow:var(--shadow-card);z-index:200;opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity .2s,transform .2s}.dropdown:hover .dropdown-menu{opacity:1;pointer-events:auto;transform:translateY(0)}.dropdown-menu a,.dropdown-menu button{display:block;width:100%;padding:9px 12px;text-align:left;font-size:14px;color:var(--text-3);border-radius:6px;transition:background var(--duration),color var(--duration)}.dropdown-menu a:hover,.dropdown-menu button:hover{background:var(--card-bg);color:var(--text)}.panel-root{position:relative;padding:40px 32px}.panel-inner{position:relative;max-width:1100px;margin:0 auto}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.panel-header__left{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.panel-header__title{font-size:26px;font-weight:800;letter-spacing:-.5px}.panel-header__stats{display:flex;align-items:center;gap:8px}.stat-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:99px;font-size:13px;font-weight:500}.stat-chip--total{background:var(--bg-3);color:var(--text-2);border:1px solid var(--border)}.stat-chip--online{background:var(--online-bg);color:var(--online)}.stat-chip__dot{width:6px;height:6px;border-radius:50%;background:var(--online)}.refresh-btn{width:36px;height:36px;border-radius:var(--radius);border:1px solid var(--border);background:var(--card-bg);color:var(--text-2);display:flex;align-items:center;justify-content:center;transition:all var(--duration)}.refresh-btn:hover:not(:disabled){border-color:var(--border-hover);color:var(--text)}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.alert-bar{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--radius);font-size:14px;margin-bottom:20px}.alert-bar--error{background:var(--danger-bg);color:var(--danger);border:1px solid rgba(239,68,68,.2)}.server-list{display:flex;flex-direction:column;gap:12px}.server-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;animation:fadeIn .3s var(--ease) calc(var(--card-index) * .06s) both;transition:border-color var(--duration),transform var(--duration)}.server-card:hover{border-color:var(--primary);transform:translateY(-1px)}.server-card__accent{height:3px}.server-card__accent--online{background:var(--online)}.server-card__accent--starting,.server-card__accent--stopping{background:var(--starting)}.server-card__accent--offline{background:var(--offline)}.server-card__body{display:flex;align-items:center;gap:20px;padding:20px 24px;flex-wrap:wrap}.server-card__identity{display:flex;align-items:center;gap:14px;min-width:180px;flex:0 0 auto}.server-card__icon{width:44px;height:44px;border-radius:var(--radius);background:var(--bg-3);display:flex;align-items:center;justify-content:center;color:var(--text-2);flex-shrink:0}.server-card__name{display:block;font-size:15px;font-weight:700;margin-bottom:2px}.server-card__plan{font-size:12px;color:var(--text-3)}.server-card__names-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.server-card__ip{display:contents}.server-card__ip-chip{display:inline-flex;align-items:center;font-size:11px;font-family:var(--font-mono, monospace);font-weight:500;color:var(--text-3);background:var(--bg-3);border:1px solid var(--border);border-radius:99px;padding:2px 8px;cursor:pointer;white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis;transition:color var(--duration) var(--ease),border-color var(--duration) var(--ease)}.server-card__ip-chip:hover{color:var(--text);border-color:var(--border-hover)}.server-card__ip-chip--copied{color:var(--online);border-color:#22c55e4d;background:var(--online-bg)}.server-card__specs{display:flex;gap:24px;flex:1}.spec-item{text-align:center}.spec-value{display:block;font-size:14px;font-weight:700}.spec-label{font-size:11px;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em}.server-card__right{display:flex;align-items:center;gap:12px;margin-left:auto;flex-wrap:wrap}.server-card__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:99px;font-size:12px;font-weight:600;white-space:nowrap}.status-badge.status-online{background:var(--online-bg);color:var(--online)}.status-badge.status-starting{background:var(--starting-bg);color:var(--starting)}.status-badge.status-offline{background:var(--offline-bg);color:var(--text-3)}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.status-dot--pulse{position:relative}.status-dot--pulse:after{content:"";position:absolute;inset:0;border-radius:50%;background:currentColor;animation:pulse-ring 1.4s ease-out infinite}.action-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;border:1px solid transparent;transition:all var(--duration) var(--ease);white-space:nowrap;cursor:pointer}.action-btn:disabled{opacity:.4;cursor:not-allowed}.action-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.action-btn--start{background:var(--online-bg);color:var(--online);border-color:#22c55e33}.action-btn--restart{background:var(--bg-3);color:var(--text-2);border-color:var(--border)}.action-btn--stop{background:var(--danger-bg);color:var(--danger);border-color:#ef444433}.action-btn--upgrade{background:var(--starting-bg);color:var(--starting);border-color:#f59e0b33}.action-btn--manage{background:var(--primary-light);color:var(--primary);border-color:#7c3aed33}.action-btn--start:hover:not(:disabled),.action-btn--start:focus-visible:not(:disabled){background:#4ade8033;color:#dcfce7;border-color:#4ade8099;box-shadow:0 0 0 1px #4ade804d,0 8px 20px #22c55e33;transform:translateY(-1px)}.action-btn--restart:hover:not(:disabled),.action-btn--restart:focus-visible:not(:disabled){background:#94a3b826;color:var(--text);border-color:#94a3b880;box-shadow:0 0 0 1px #94a3b833,0 8px 20px #94a3b81f;transform:translateY(-1px)}.action-btn--stop:hover:not(:disabled),.action-btn--stop:focus-visible:not(:disabled){background:#ef44442e;color:#fecaca;border-color:#ef44448c;box-shadow:0 0 0 1px #ef444440,0 8px 20px #ef44442e;transform:translateY(-1px)}.action-btn--upgrade:hover:not(:disabled),.action-btn--upgrade:focus-visible:not(:disabled){background:#fbbf2438;color:#fef3c7;border-color:#fbbf249e;box-shadow:0 0 0 1px #fbbf244d,0 8px 20px #f59e0b2e;transform:translateY(-1px)}.action-btn--manage:hover:not(:disabled){background:var(--primary);color:#fff}.server-card__error{padding:8px 24px 12px;font-size:12px;color:var(--danger)}.server-card--skeleton{pointer-events:none}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton-line{border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--bg-3) 25%,var(--card-bg-2) 50%,var(--bg-3) 75%);background-size:800px 100%;animation:shimmer 1.4s infinite;margin:20px 24px}.skeleton-line--name{height:16px;width:200px}.skeleton-line--sub{height:12px;width:120px;margin-top:-12px}.empty-state{position:relative;text-align:center;padding:80px 32px}.empty-state__orb{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.08),transparent 70%);pointer-events:none}.empty-state__icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:var(--radius-xl);background:var(--card-bg);border:1px solid var(--border);color:var(--text-3);margin:0 auto 24px}.empty-state__title{font-size:20px;font-weight:700;margin-bottom:8px}.empty-state__sub{font-size:14px;color:var(--text-2);max-width:360px;margin:0 auto}.empty-state__actions{margin-top:22px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.empty-state__btn{padding:10px 16px;border-radius:var(--radius);font-size:13px;font-weight:700;transition:all var(--duration) var(--ease)}.empty-state__btn--primary{background:var(--primary);color:#fff;border:1px solid var(--primary)}.empty-state__btn--primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.empty-state__btn--outline{background:transparent;color:var(--text);border:1px solid var(--border-hover)}.empty-state__btn--outline:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.server-card__expiry{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:500;color:var(--text-3);padding:2px 8px;border-radius:99px;background:var(--bg-3);border:1px solid var(--border);white-space:nowrap}.server-card__expiry--warning{color:var(--starting);background:var(--starting-bg);border-color:#f59e0b33}.server-card__expiry--critical{color:var(--danger);background:var(--danger-bg);border-color:#ef444433}.action-btn--renew{background:#3b82f61a;color:#60a5fa;border-color:#3b82f633}.action-btn--renew:hover:not(:disabled),.action-btn--renew:focus-visible:not(:disabled){background:#3b82f633;color:#dbeafe;border-color:#3b82f699;box-shadow:0 0 0 1px #3b82f64d,0 8px 20px #3b82f633;transform:translateY(-1px)}@media(max-width:700px){.panel-root{padding:24px 16px}.server-card__body{flex-direction:column;align-items:flex-start}.server-card__right{margin-left:0;width:100%}.server-card__specs{gap:16px}}.con-root{display:flex;flex-direction:column;height:100%;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.con-topbar{display:flex;align-items:center;gap:20px;padding:10px 16px;background:var(--bg-2);border-bottom:1px solid var(--border);flex-shrink:0;flex-wrap:wrap}.con-ws-status{display:flex;align-items:center;gap:6px;font-size:12px;font-family:var(--font-body);color:var(--text-3);white-space:nowrap}.con-ws-dot{width:7px;height:7px;border-radius:50%;background:var(--text-2);flex-shrink:0}.con-ws-status[data-status=live] .con-ws-dot{background:var(--online);box-shadow:0 0 6px var(--online);animation:dot-pulse 2s ease-in-out infinite}.con-ws-status[data-status=live]{color:var(--online)}.con-ws-status[data-status=error] .con-ws-dot{background:var(--danger)}.con-ws-status[data-status=error]{color:var(--danger)}.con-ws-status[data-status=connecting]{color:var(--starting)}.con-ws-status[data-status=connecting] .con-ws-dot{background:var(--starting)}@keyframes dot-pulse{0%,to{opacity:1}50%{opacity:.4}}.con-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.con-action-btn{padding:4px 10px;font-size:12px;font-family:var(--font-body);font-weight:500;color:var(--text-3);background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--duration) var(--ease),background var(--duration) var(--ease)}.con-action-btn:hover{color:var(--text);background:var(--card-bg-2)}.con-action-btn--scroll{color:var(--primary);border-color:var(--primary-light)}.con-log{flex:1;overflow-y:auto;padding:10px 0;font-family:JetBrains Mono,Cascadia Code,Fira Code,Courier New,monospace;font-size:12.5px;line-height:1.6;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.con-log::-webkit-scrollbar{width:6px}.con-log::-webkit-scrollbar-track{background:transparent}.con-log::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}.con-empty,.con-error-msg{padding:16px 20px;font-size:13px;font-family:var(--font-body);color:var(--text-2)}.con-error-msg{color:var(--danger)}.con-retry-btn{background:none;border:none;color:var(--primary);cursor:pointer;font-family:inherit;font-size:inherit;text-decoration:underline;padding:0}.con-line{padding:0 20px;white-space:pre-wrap;word-break:break-all}.con-line:hover{background:#ffffff08}.con-line--default,.con-line--info{color:#c8d3e0}.con-line--warn{color:#fbbf24}.con-line--error{color:#f87171}.con-line--fatal{color:#ef4444;font-weight:600}.con-input-wrap{display:flex;align-items:center;gap:0;padding:10px 16px;background:var(--bg-2);border-top:1px solid var(--border);flex-shrink:0}.con-prompt{font-family:JetBrains Mono,Cascadia Code,monospace;font-size:13px;color:var(--primary);padding:0 8px 0 0;flex-shrink:0;-webkit-user-select:none;user-select:none}.con-input{flex:1;background:transparent;border:none;outline:none;font-family:JetBrains Mono,Cascadia Code,Fira Code,monospace;font-size:12.5px;color:var(--text);caret-color:var(--primary);min-width:0}.con-input::placeholder{color:var(--text-2)}.con-input:disabled{opacity:.4;cursor:not-allowed}.con-send-btn{padding:6px 16px;font-size:12px;font-family:var(--font-body);font-weight:600;color:#fff;background:var(--primary);border:none;border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;transition:background var(--duration) var(--ease),opacity var(--duration) var(--ease)}.con-send-btn:hover:not(:disabled){background:var(--primary-hover)}.con-send-btn:disabled{opacity:.35;cursor:not-allowed}.con-offline{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text-2);padding:40px 20px}.con-offline svg{opacity:.35}.con-offline__title{font-size:18px;font-family:var(--font-body);font-weight:700;color:var(--text-2)}.con-offline__sub{font-size:13px;font-family:var(--font-body);color:var(--text-3)}.res-root{display:flex;flex-direction:column;gap:20px}.res-error{padding:10px 16px;font-size:13px;font-family:var(--font-body);color:var(--danger);background:var(--danger-bg);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-sm)}.res-charts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media(max-width:1000px){.res-charts{grid-template-columns:1fr}}.res-chart-card{display:flex;flex-direction:column;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.res-chart-title{padding:14px 16px 0;font-size:14px;font-family:var(--font-body);font-weight:700;color:var(--text)}.res-chart-wrap{position:relative;cursor:crosshair;padding:6px 0 4px}.res-chart{display:block;width:100%;height:160px}.res-chart-tooltip{position:absolute;padding:4px 10px;font-size:11px;font-family:var(--font-body);font-weight:600;color:var(--text);background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;transform:translate(-50%,-130%);z-index:10}.res-infos{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media(max-width:880px){.res-infos{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.res-infos{grid-template-columns:1fr}}.res-info{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--duration) var(--ease)}.res-info:hover{border-color:var(--border-hover)}.res-info__icon{width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--card-bg-2);border-radius:var(--radius-sm);color:var(--text-2)}.res-info__icon svg{width:18px;height:18px}.res-info__text{display:flex;flex-direction:column;gap:2px;min-width:0}.res-info__label{font-size:11px;font-family:var(--font-body);font-weight:500;color:var(--text-2)}.res-info__value{font-size:16px;font-family:var(--font-body);font-weight:700;color:var(--text);letter-spacing:-.2px}.res-info__sub{font-size:13px;font-weight:500;color:var(--text-2)}.res-offline{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:60px 20px;color:var(--text-2);background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-lg)}.res-offline svg{opacity:.35}.res-offline__title{font-size:18px;font-family:var(--font-body);font-weight:700;color:var(--text-2)}.res-offline__sub{font-size:13px;font-family:var(--font-body);color:var(--text-3)}.cm-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:cm-fade-in .15s ease-out}@keyframes cm-fade-in{0%{opacity:0}to{opacity:1}}.cm-modal{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;max-width:440px;width:90%;display:flex;flex-direction:column;gap:14px;animation:cm-slide-in .15s ease-out}.cm-modal--danger{border-color:#ef44444d}@keyframes cm-slide-in{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.cm-icon{width:40px;height:40px;border-radius:var(--radius);background:var(--danger-bg);border:1px solid rgba(239,68,68,.25);display:flex;align-items:center;justify-content:center;color:var(--danger);flex-shrink:0}.cm-title{font-size:16px;font-weight:700;font-family:var(--font-body);color:var(--text);margin:0}.cm-desc{font-size:13px;font-family:var(--font-body);color:var(--text-2);line-height:1.6;margin:0}.cm-error{font-size:12px;font-family:var(--font-body);color:var(--danger);background:var(--danger-bg);padding:8px 12px;border-radius:var(--radius)}.cm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.cm-btn{padding:7px 18px;font-size:13px;font-family:var(--font-body);font-weight:500;border-radius:var(--radius);cursor:pointer;transition:all .15s ease;border:none}.cm-btn:disabled{opacity:.5;cursor:not-allowed}.cm-btn--cancel{color:var(--text-2);background:transparent;border:1px solid var(--border)}.cm-btn--cancel:hover:not(:disabled){color:var(--text);border-color:var(--border-hover)}.cm-btn--danger{font-weight:600;color:#fff;background:var(--danger)}.cm-btn--danger:hover:not(:disabled){background:var(--danger-hover)}.cm-btn--primary{font-weight:600;color:#fff;background:var(--accent)}.cm-btn--primary:hover:not(:disabled){background:var(--accent-hover)}.fm-root{display:flex;flex-direction:column;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;min-height:400px}.fm-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:var(--bg-2);border-bottom:1px solid var(--border);flex-shrink:0}.fm-breadcrumb{display:flex;align-items:center;gap:2px;font-size:13px;font-family:var(--font-body);flex-wrap:wrap;min-width:0}.fm-back-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-3);cursor:pointer;margin-right:6px;transition:color var(--duration) var(--ease),border-color var(--duration) var(--ease);flex-shrink:0}.fm-back-btn:hover{color:var(--text);border-color:var(--border-hover)}.fm-back-icon{display:flex;width:14px;height:14px}.fm-crumb-wrap{display:flex;align-items:center;gap:2px}.fm-crumb-sep{color:var(--text-2);padding:0 2px}.fm-crumb{padding:2px 6px;font-size:13px;font-family:var(--font-body);color:var(--text-3);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:color var(--duration) var(--ease)}.fm-crumb:hover{color:var(--text)}.fm-crumb--active{color:var(--text);cursor:default;pointer-events:none}.fm-toolbar-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.fm-search-wrap{position:relative;display:flex;align-items:center}.fm-search-icon{position:absolute;left:8px;display:flex;color:var(--text-2);pointer-events:none}.fm-search-icon svg{width:13px;height:13px}.fm-search{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:5px 10px 5px 28px;font-size:13px;font-family:var(--font-body);color:var(--text);outline:none;width:180px;transition:border-color var(--duration) var(--ease),width var(--duration) var(--ease)}.fm-search:focus{border-color:var(--primary);width:220px}.fm-btn--icon{display:flex;align-items:center;gap:6px;white-space:nowrap}.fm-btn--icon svg{width:14px;height:14px;flex-shrink:0}.fm-refresh-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;color:var(--text-3);background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;transition:color var(--duration) var(--ease)}.fm-refresh-btn svg{width:14px;height:14px}.fm-refresh-btn:hover{color:var(--text);border-color:var(--border-hover)}.fm-table-wrap{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.fm-table-wrap::-webkit-scrollbar{width:6px}.fm-table-wrap::-webkit-scrollbar-track{background:transparent}.fm-table-wrap::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}.fm-table{width:100%;border-collapse:collapse;font-family:var(--font-body)}.fm-th{padding:8px 16px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);text-align:left;border-bottom:1px solid var(--border);background:var(--bg-2);white-space:nowrap}.fm-th--size{width:90px}.fm-th--date{width:150px}.fm-th--actions{width:44px}.fm-row{border-bottom:1px solid var(--border);transition:background var(--duration) var(--ease)}.fm-row:last-child{border-bottom:none}.fm-row:hover{background:var(--card-bg)}.fm-row--dir,.fm-row--editable{cursor:pointer}.fm-td{padding:9px 16px;font-size:13px;color:var(--text-3);vertical-align:middle}.fm-td--name{display:flex;align-items:center;gap:10px;color:var(--text)}.fm-td--size,.fm-td--date{color:var(--text-2);font-size:12px;white-space:nowrap}.fm-td--actions{padding:0 8px}.fm-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0}.fm-icon svg{width:16px;height:16px}.fm-icon--folder{color:#fbbf24}.fm-icon--archive{color:#f97316}.fm-icon--config{color:#22d3ee}.fm-icon--text{color:#94a3b8}.fm-icon--code{color:#a855f7}.fm-icon--file{color:#64748b}.fm-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fm-row--dir .fm-name{font-weight:500}.fm-action-wrap{position:relative;display:flex;justify-content:flex-end}.fm-dots-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);border:none;background:none;color:var(--text-2);cursor:pointer;opacity:0;transition:opacity var(--duration) var(--ease),background var(--duration) var(--ease),color var(--duration) var(--ease)}.fm-dots-btn svg{width:16px;height:16px}.fm-row:hover .fm-dots-btn,.fm-dots-btn--active{opacity:1}.fm-dots-btn:hover,.fm-dots-btn--active{background:var(--card-bg-2);color:var(--text)}.fm-menu{position:absolute;right:0;top:calc(100% + 4px);z-index:100;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:4px;min-width:160px;display:flex;flex-direction:column}.fm-menu-item{padding:7px 12px;font-size:13px;font-family:var(--font-body);color:var(--text-3);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:background var(--duration) var(--ease),color var(--duration) var(--ease)}.fm-menu-item:hover{background:var(--card-bg-2);color:var(--text)}.fm-menu-item--danger{color:var(--danger)}.fm-menu-item--danger:hover{background:var(--danger-bg);color:var(--danger)}.fm-loading,.fm-empty,.fm-error{padding:40px 20px;text-align:center;font-size:13px;font-family:var(--font-body);color:var(--text-2)}.fm-error{color:var(--danger)}.fm-overlay{position:fixed;inset:0;z-index:200;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:24px}.fm-modal{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;width:100%;max-height:calc(100vh - 80px)}.fm-modal--edit{max-width:860px;height:calc(100vh - 80px)}.fm-modal--small{max-width:420px}.fm-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border);flex-shrink:0}.fm-modal-title{font-size:14px;font-family:var(--font-body);font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fm-modal-close{background:none;border:none;color:var(--text-2);font-size:16px;cursor:pointer;padding:2px 4px;line-height:1;flex-shrink:0;transition:color var(--duration) var(--ease)}.fm-modal-close:hover{color:var(--text)}.fm-modal-loading{flex:1;display:flex;align-items:center;justify-content:center;font-size:13px;font-family:var(--font-body);color:var(--text-2)}.fm-editor{flex:1;resize:none;background:var(--bg);border:none;outline:none;padding:16px 20px;font-family:JetBrains Mono,Cascadia Code,Fira Code,monospace;font-size:12.5px;line-height:1.6;color:var(--text);tab-size:2;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.fm-modal-body{padding:20px;display:flex;flex-direction:column;gap:10px}.fm-confirm-text{font-size:13px;font-family:var(--font-body);color:var(--text-3);line-height:1.5}.fm-confirm-text strong{color:var(--text)}.fm-modal-error{padding:10px 20px;font-size:12px;font-family:var(--font-body);color:var(--danger)}.fm-modal-error-inline{font-size:12px;font-family:var(--font-body);color:var(--danger);margin-right:auto}.fm-modal-footer{display:flex;align-items:center;gap:8px;padding:12px 20px;border-top:1px solid var(--border);flex-shrink:0;justify-content:flex-end}.fm-input{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;font-size:13px;font-family:var(--font-body);color:var(--text);outline:none;transition:border-color var(--duration) var(--ease)}.fm-input:focus{border-color:var(--primary)}.fm-btn{padding:7px 16px;font-size:13px;font-family:var(--font-body);font-weight:500;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:background var(--duration) var(--ease),color var(--duration) var(--ease),opacity var(--duration) var(--ease)}.fm-btn:disabled{opacity:.4;cursor:not-allowed}.fm-btn--primary{background:var(--primary);color:#fff;border-color:var(--primary)}.fm-btn--primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.fm-btn--ghost{background:var(--card-bg);color:var(--text-3);border-color:var(--border)}.fm-btn--ghost:hover:not(:disabled){background:var(--card-bg-2);color:var(--text)}.fm-btn--danger{background:var(--danger-bg);color:var(--danger);border-color:transparent}.fm-btn--danger:hover:not(:disabled){background:var(--danger);color:#fff}.opt-root{display:flex;flex-direction:column;gap:20px;padding:24px;max-width:860px}.opt-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.opt-title{font-size:18px;font-weight:600;font-family:var(--font-body);color:var(--text);margin:0}.opt-topbar-right{display:flex;align-items:center;gap:12px}.opt-save-btn{padding:8px 20px;font-size:13px;font-family:var(--font-body);font-weight:600;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:background var(--duration) var(--ease),opacity var(--duration) var(--ease)}.opt-save-btn:hover:not(:disabled){background:var(--primary-hover)}.opt-save-btn:disabled{opacity:.6;cursor:not-allowed}.opt-save-error{font-size:12px;font-family:var(--font-body);color:var(--danger)}.opt-state{padding:48px 24px;text-align:center;font-size:13px;font-family:var(--font-body);color:var(--text-2)}.opt-state--error{color:var(--danger)}.opt-section{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.opt-section-title{padding:10px 20px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);background:var(--bg-2);border-bottom:1px solid var(--border);margin:0;font-family:var(--font-body)}.opt-fields{display:flex;flex-direction:column}.opt-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 20px;border-bottom:1px solid var(--border)}.opt-row:last-child{border-bottom:none}.opt-row--disabled{opacity:.4;pointer-events:none}.opt-row--bool{justify-content:flex-start;gap:14px;align-items:flex-start;padding:12px 20px}.opt-row-left{flex:1;min-width:0}.opt-label{font-size:13px;font-family:var(--font-body);font-weight:500;color:var(--text)}.opt-desc{font-size:12px;font-family:var(--font-body);color:var(--text-2);margin-top:3px;line-height:1.5}.opt-desc-muted{font-size:12px;font-family:var(--font-body);color:var(--text-3)}.opt-toggle{flex-shrink:0;width:38px;height:22px;border-radius:99px;background:var(--border);border:none;cursor:pointer;position:relative;transition:background var(--duration) var(--ease);padding:0;margin-top:1px}.opt-toggle--on{background:var(--primary)}.opt-toggle-thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform var(--duration) var(--ease);box-shadow:0 1px 3px #0000004d}.opt-toggle--on .opt-toggle-thumb{transform:translate(16px)}.opt-select{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px 32px 7px 12px;font-size:13px;font-family:var(--font-body);color:var(--text);outline:none;cursor:pointer;min-width:180px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:border-color var(--duration) var(--ease)}.opt-select:focus{border-color:var(--primary)}.opt-select:disabled{opacity:.5}.opt-input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px 12px;font-size:13px;font-family:var(--font-body);color:var(--text);outline:none;transition:border-color var(--duration) var(--ease)}.opt-input:focus{border-color:var(--primary)}.opt-input:disabled{opacity:.5}.opt-input--wide{width:320px}.opt-input--number{width:80px;text-align:right;border-right:none;border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.opt-number{display:flex;align-items:stretch}.opt-number--disabled{opacity:.4;pointer-events:none}.opt-number-btns{display:flex;flex-direction:column}.opt-number-btn{width:24px;flex:1;background:var(--card-bg);border:1px solid var(--border);color:var(--text-2);font-size:13px;font-family:var(--font-body);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;transition:background var(--duration) var(--ease),color var(--duration) var(--ease)}.opt-number-btn:first-child{border-radius:0 var(--radius-sm) 0 0;border-bottom:none}.opt-number-btn:last-child{border-radius:0 0 var(--radius-sm) 0}.opt-number-btn:hover:not(:disabled){background:var(--card-bg-2);color:var(--text)}.opt-number-btn:disabled{opacity:.4;cursor:not-allowed}.opt-password{display:flex;align-items:center;gap:6px}.opt-password .opt-input{flex:1;min-width:0}.opt-password-btn{flex-shrink:0;width:30px;height:30px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-2);transition:background var(--duration) var(--ease),color var(--duration) var(--ease)}.opt-password-btn svg{width:14px;height:14px}.opt-password-btn:hover{background:var(--card-bg-2);color:var(--text)}.opt-icon-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:16px 20px}.opt-icon-info{flex:1}.opt-icon-upload{display:flex;align-items:center;gap:10px;flex-shrink:0}.opt-upload-btn{padding:7px 16px;font-size:13px;font-family:var(--font-body);font-weight:500;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-3);cursor:pointer;white-space:nowrap;transition:background var(--duration) var(--ease),color var(--duration) var(--ease)}.opt-upload-btn:hover:not(:disabled){background:var(--card-bg-2);color:var(--text)}.opt-upload-btn:disabled{opacity:.6;cursor:not-allowed}.opt-icon-name{font-size:12px;font-family:var(--font-body);color:var(--text-2)}.opt-icon-error{font-size:12px;font-family:var(--font-body);color:var(--danger)}.opt-startup-ctrl{display:flex;align-items:center;gap:8px;flex-shrink:0}.opt-var-saved{font-size:13px;font-family:var(--font-body);color:var(--online);font-weight:600}.opt-jar-btn{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;font-size:13px;font-family:var(--font-body);font-weight:500;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:border-color var(--duration) var(--ease)}.opt-jar-btn:hover:not(:disabled){border-color:var(--primary)}.opt-jar-btn:disabled{opacity:.5;cursor:not-allowed}.opt-jar-item{display:block;width:100%;padding:10px 20px;font-size:13px;font-family:var(--font-body);color:var(--text-3);background:none;border:none;text-align:left;cursor:pointer;transition:background var(--duration) var(--ease),color var(--duration) var(--ease)}.opt-jar-item:hover{background:var(--card-bg);color:var(--text)}.opt-jar-item--active{color:var(--primary);font-weight:600}.opt-id-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;font-size:13px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-2);cursor:pointer;transition:border-color var(--duration) var(--ease),color var(--duration) var(--ease)}.opt-id-chip:hover{border-color:var(--primary);color:var(--text)}.opt-id-code{font-family:var(--font-mono, monospace);font-size:13px;letter-spacing:.5px;color:inherit}.opt-footer{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding-bottom:4px}.opt-section--danger{border-color:#ef444440;margin-top:12px}.opt-section-title--danger{color:var(--danger)}.opt-danger-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 20px;flex-wrap:wrap}.opt-danger-separator{height:1px;background:#ef44441f;margin:0 20px}.opt-danger-info{flex:1;min-width:0}.opt-danger-title{font-size:13px;font-weight:600;font-family:var(--font-body);color:var(--text);margin-bottom:4px}.opt-danger-desc{font-size:12px;font-family:var(--font-body);color:var(--text-2);line-height:1.5}.opt-danger-btn{flex-shrink:0;padding:7px 18px;font-size:13px;font-family:var(--font-body);font-weight:600;background:var(--danger-bg);color:var(--danger);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,color .15s,border-color .15s,box-shadow .15s}.opt-danger-btn:hover{background:#ef44442e;color:#fecaca;border-color:#ef44448c;box-shadow:0 0 0 1px #ef444440,0 8px 20px #ef44442e}.opt-danger-btn--delete{background:var(--danger);color:#fff;border-color:var(--danger)}.opt-danger-btn--delete:hover{background:var(--danger-hover);color:#fff;border-color:var(--danger-hover);box-shadow:0 0 0 1px #ef44444d,0 8px 20px #ef444440}.opt-danger-success{display:flex;align-items:center;gap:10px;padding:10px 20px;font-size:13px;font-family:var(--font-body);color:var(--online);background:var(--online-bg);border-bottom:1px solid rgba(74,222,128,.15)}.opt-danger-success svg{flex-shrink:0;width:15px;height:15px}.sftp-root{display:flex;flex-direction:column;gap:20px;padding:24px;max-width:600px}.sftp-title{font-size:18px;font-weight:600;font-family:var(--font-body);color:var(--text);margin:0}.sftp-state{padding:48px 24px;text-align:center;font-size:13px;font-family:var(--font-body);color:var(--text-2)}.sftp-state--error{color:var(--danger)}.sftp-section{display:flex;flex-direction:column;gap:8px}.sftp-section-title{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);font-family:var(--font-body);margin:0}.sftp-field-row{display:flex;align-items:center;gap:8px}.sftp-input{flex:1;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 14px;font-size:13px;font-family:var(--font-mono, monospace);color:var(--text);outline:none;cursor:default}.sftp-copy-btn{flex-shrink:0;width:36px;height:36px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-2);transition:background var(--duration) var(--ease),color var(--duration) var(--ease)}.sftp-copy-btn svg{width:15px;height:15px}.sftp-copy-btn:hover{background:var(--card-bg-2);color:var(--text)}.sftp-info-box{display:flex;align-items:flex-start;gap:10px;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 16px}.sftp-info-icon{flex-shrink:0;width:16px;height:16px;color:var(--text-2);margin-top:1px}.sftp-info-text{font-size:13px;font-family:var(--font-body);color:var(--text-2);margin:0;line-height:1.5}.sftp-launch-btn{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:9px 20px;font-size:13px;font-family:var(--font-body);font-weight:600;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;text-decoration:none;transition:background var(--duration) var(--ease)}.sftp-launch-btn svg{width:15px;height:15px}.sftp-launch-btn:hover{background:var(--primary-hover)}.pl-root{display:flex;flex-direction:column;gap:20px;padding:24px;max-width:720px}.pl-state{padding:48px 24px;text-align:center;font-size:13px;font-family:var(--font-body);color:var(--text-2)}.pl-stats{display:flex;gap:12px}.pl-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 12px;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;cursor:pointer;font-family:var(--font-body);transition:border-color var(--duration) var(--ease),background var(--duration) var(--ease)}.pl-stat:hover{border-color:var(--border-hover);background:var(--bg-2)}.pl-stat--active,.pl-stat--active:hover{border-color:var(--primary);background:var(--primary-light)}.pl-stat--active svg,.pl-stat--active .pl-stat-val,.pl-stat--active .pl-stat-label{color:var(--primary)}.pl-stat svg{width:18px;height:18px;color:var(--text-3);margin-bottom:2px}.pl-stat-val{font-size:22px;font-weight:800;font-family:var(--font-body);color:var(--text);letter-spacing:-.5px;line-height:1}.pl-stat-label{font-size:11px;font-family:var(--font-body);color:var(--text-3);text-transform:uppercase;letter-spacing:.05em}.pl-warn{display:flex;align-items:flex-start;gap:10px;background:#eab30814;border:1px solid rgba(234,179,8,.3);border-radius:var(--radius-sm);padding:12px 16px;font-size:13px;font-family:var(--font-body);color:#ca8a04;line-height:1.5}.pl-warn svg{flex-shrink:0;width:16px;height:16px;margin-top:1px}.pl-info{display:flex;align-items:flex-start;gap:10px;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;font-size:12px;font-family:var(--font-body);color:var(--text-2);line-height:1.5}.pl-info svg{flex-shrink:0;width:14px;height:14px;margin-top:1px}.pl-info code{font-family:var(--font-mono, monospace);font-size:11px;background:var(--bg-2);border:1px solid var(--border);border-radius:3px;padding:1px 5px}.pl-section{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.pl-section-head{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background:var(--bg-2);border-bottom:1px solid var(--border);gap:8px}.pl-section-title{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);font-family:var(--font-body);margin:0}.pl-section-count{font-size:11px;font-weight:600;font-family:var(--font-body);color:var(--text-3);background:var(--bg);border:1px solid var(--border);border-radius:99px;padding:1px 8px}.pl-badge{font-size:11px;font-weight:600;font-family:var(--font-body);border-radius:99px;padding:2px 8px}.pl-badge--on{background:var(--online-bg);color:var(--online)}.pl-badge--off{background:var(--offline-bg);color:var(--text-3)}.pl-add-form{display:flex;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid var(--border);flex-wrap:wrap}.pl-add-input{flex:1;min-width:160px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px 12px;font-size:13px;font-family:var(--font-body);color:var(--text);outline:none;transition:border-color var(--duration) var(--ease)}.pl-add-input:focus{border-color:var(--primary)}.pl-add-input:disabled{opacity:.5}.pl-add-btn{padding:7px 16px;font-size:13px;font-family:var(--font-body);font-weight:600;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:background var(--duration) var(--ease),opacity var(--duration) var(--ease)}.pl-add-btn:hover:not(:disabled){background:var(--primary-hover)}.pl-add-btn:disabled{opacity:.5;cursor:not-allowed}.pl-add-error{width:100%;font-size:12px;font-family:var(--font-body);color:var(--danger)}.pl-list{display:flex;flex-direction:column}.pl-empty{padding:24px 20px;font-size:13px;font-family:var(--font-body);color:var(--text-3);text-align:center;margin:0}.pl-row{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--border)}.pl-row:last-child{border-bottom:none}.pl-avatar{width:32px;height:32px;border-radius:8px;background:var(--primary-light);color:var(--primary);font-size:13px;font-weight:700;font-family:var(--font-body);display:flex;align-items:center;justify-content:center;flex-shrink:0}.pl-row-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.pl-row-name{font-size:13px;font-weight:600;font-family:var(--font-body);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-row-sub{font-size:12px;font-family:var(--font-body);color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-remove-btn{flex-shrink:0;padding:5px 12px;font-size:12px;font-family:var(--font-body);font-weight:500;background:var(--danger-bg);color:var(--danger);border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration) var(--ease),color var(--duration) var(--ease)}.pl-remove-btn:hover:not(:disabled){background:var(--danger);color:#fff}.pl-remove-btn:disabled{opacity:.5;cursor:not-allowed}.pl-remove-btn--ban{background:#eab3081a;color:#ca8a04}.pl-remove-btn--ban:hover:not(:disabled){background:#ca8a04;color:#fff}.pl-remove-btn--op{background:var(--primary-light);color:var(--primary)}.pl-remove-btn--op:hover:not(:disabled){background:var(--primary);color:#fff}.pl-remove-btn--deop{background:var(--danger-bg);color:var(--danger)}.pl-remove-btn--deop:hover:not(:disabled){background:var(--danger);color:#fff}.pl-refresh-btn{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-family:var(--font-body);font-weight:500;color:var(--text-2);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--duration) var(--ease),border-color var(--duration) var(--ease)}.pl-refresh-btn svg{width:13px;height:13px}.pl-refresh-btn:hover:not(:disabled){color:var(--text);border-color:var(--border-hover)}.pl-refresh-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes pl-spin{to{transform:rotate(360deg)}}.pl-spin{animation:pl-spin .8s linear infinite}.pl-avatar--online{background:var(--online-bg);color:var(--online)}.pl-subtabs{display:flex;align-items:center;gap:4px;padding:0 4px 12px;border-bottom:1px solid var(--border);margin-bottom:4px}.pl-subtab{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;font-size:13px;font-family:var(--font-body);font-weight:500;color:var(--text-3);background:none;border:1px solid transparent;border-radius:var(--radius);cursor:pointer;transition:background var(--duration) var(--ease),color var(--duration) var(--ease)}.pl-subtab:hover{background:var(--card-bg);color:var(--text)}.pl-subtab--active{background:var(--primary-light);color:var(--primary);border-color:transparent}.pl-subtab--active:hover{background:var(--primary-light);color:var(--primary)}.pl-subtab-count{font-size:11px;font-weight:600;font-family:var(--font-body);background:var(--bg-3);color:var(--text-3);border:1px solid var(--border);border-radius:99px;padding:1px 7px;min-width:20px;text-align:center}.pl-subtab--active .pl-subtab-count{background:var(--primary-light);color:var(--primary);border-color:transparent}.pl-ban-form{border-top:1px solid var(--border);border-bottom:none}.pl-ban-reason{max-width:200px}.pl-add-btn--danger{background:var(--danger-bg);color:var(--danger)}.pl-add-btn--danger:hover:not(:disabled){background:var(--danger);color:#fff}.ver-root{display:flex;flex-direction:column;gap:20px;padding:24px;max-width:720px}.ver-state{padding:48px 24px;text-align:center;font-size:13px;font-family:var(--font-body);color:var(--text-2)}.ver-section{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.ver-section--danger{border-color:#ef444440}.ver-section-head{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background:var(--bg-2);border-bottom:1px solid var(--border)}.ver-section-head--danger{background:#ef44440d;border-bottom-color:#ef444433}.ver-section-title{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);font-family:var(--font-body);margin:0}.ver-section-title--danger{color:var(--danger)}.ver-current-badge{font-size:11px;font-weight:600;font-family:var(--font-body);color:var(--primary);background:var(--primary-light);border-radius:99px;padding:2px 10px}.ver-picker-body{display:flex;flex-direction:column}.ver-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-bottom:1px solid var(--border);flex-wrap:wrap}.ver-filters{display:flex;gap:4px}.ver-filter-btn{padding:4px 12px;font-size:12px;font-family:var(--font-body);font-weight:500;color:var(--text-3);background:none;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration) var(--ease),color var(--duration) var(--ease),border-color var(--duration) var(--ease)}.ver-filter-btn:hover{background:var(--card-bg);color:var(--text)}.ver-filter-btn--active{background:var(--primary-light);color:var(--primary);border-color:#a855f733}.ver-search{flex:1;min-width:160px;max-width:260px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 12px;font-size:13px;font-family:var(--font-body);color:var(--text);outline:none;transition:border-color var(--duration) var(--ease)}.ver-search:focus{border-color:var(--primary)}.ver-list{max-height:280px;overflow-y:auto;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.ver-list::-webkit-scrollbar{width:6px}.ver-list::-webkit-scrollbar-track{background:transparent}.ver-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}.ver-list-empty{padding:24px 20px;font-size:13px;font-family:var(--font-body);color:var(--text-3);text-align:center}.ver-list-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 16px;font-size:13px;font-family:var(--font-body);color:var(--text-2);background:none;border:none;border-bottom:1px solid var(--border);text-align:left;cursor:pointer;transition:background var(--duration) var(--ease),color var(--duration) var(--ease)}.ver-list-item:last-child{border-bottom:none}.ver-list-item:hover{background:var(--card-bg);color:var(--text)}.ver-list-item--active{background:var(--primary-light);color:var(--primary)}.ver-list-item--active:hover{background:var(--primary-light)}.ver-list-name{font-weight:500}.ver-list-badges{display:flex;align-items:center;gap:6px;flex-shrink:0}.ver-badge{font-size:10px;font-weight:600;font-family:var(--font-body);border-radius:99px;padding:2px 7px;text-transform:uppercase;letter-spacing:.04em}.ver-badge--current{background:var(--online-bg);color:var(--online)}.ver-badge--type{background:var(--starting-bg);color:var(--starting)}.ver-apply-row{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:10px 16px;border-top:1px solid var(--border);flex-wrap:wrap}.ver-selected-hint{font-size:12px;font-family:var(--font-body);color:var(--text-3);flex:1}.ver-selected-hint strong{color:var(--text);font-weight:600}.ver-error{font-size:12px;font-family:var(--font-body);color:var(--danger);flex:1}.ver-apply-btn{padding:7px 20px;font-size:13px;font-family:var(--font-body);font-weight:600;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;transition:background var(--duration) var(--ease),opacity var(--duration) var(--ease)}.ver-apply-btn:hover:not(:disabled){background:var(--primary-hover)}.ver-apply-btn:disabled{opacity:.5;cursor:not-allowed}.ver-info{display:flex;align-items:flex-start;gap:10px;padding:10px 16px;border-top:1px solid var(--border);font-size:12px;font-family:var(--font-body);color:var(--text-3);line-height:1.5}.ver-info svg{flex-shrink:0;width:13px;height:13px;margin-top:1px}.ver-empty{padding:24px 20px;font-size:13px;font-family:var(--font-body);color:var(--text-3);margin:0}.ver-change-options{display:flex;flex-direction:column;gap:8px;margin:4px 0 2px}.ver-change-option{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:border-color .15s,background .15s}.ver-change-option:hover{border-color:color-mix(in srgb,var(--primary) 50%,var(--border))}.ver-change-option--active{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 6%,transparent)}.ver-change-option--danger{border-color:var(--danger);background:color-mix(in srgb,var(--danger) 6%,transparent)}.ver-change-option input[type=radio]{margin-top:2px;accent-color:var(--primary);flex-shrink:0}.ver-change-option--danger input[type=radio]{accent-color:var(--danger)}.ver-change-option-text{display:flex;flex-direction:column;gap:2px}.ver-change-option-text strong{font-size:13px;font-weight:600;font-family:var(--font-body);color:var(--text-1)}.ver-change-option-text span{font-size:12px;font-family:var(--font-body);color:var(--text-2);line-height:1.4}.ver-reinstall-done{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--online-bg);border:1px solid rgba(74,222,128,.25);border-radius:var(--radius-lg);font-size:13px;font-family:var(--font-body);color:var(--online);line-height:1.5}.ver-reinstall-done svg{flex-shrink:0;width:16px;height:16px}.na-root{display:flex;flex-direction:column;gap:20px;padding:24px;max-width:860px}.na-section{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px;display:flex;flex-direction:column;gap:14px}.na-section-title{font-size:15px;font-weight:700;font-family:var(--font-body);color:var(--text);margin:0}.na-desc{font-size:13px;font-family:var(--font-body);color:var(--text-2);line-height:1.6;margin:0}.na-desc--mt{margin-top:4px}.na-desc strong{color:var(--text)}.na-hint{font-size:12px;font-family:var(--font-body);color:var(--text-3);line-height:1.5;margin:0;padding:10px 14px;background:var(--bg-2);border-radius:var(--radius-sm);border-left:3px solid var(--border-hover)}.na-hint code{font-family:var(--font-mono, monospace);font-size:11px;color:var(--text-2)}.na-address-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.na-empty-row{display:flex;align-items:center;gap:12px}.na-empty{font-size:13px;font-family:var(--font-body);color:var(--text-3);font-style:italic}.na-copy-block{display:flex;align-items:center;gap:8px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;min-width:0}.na-code{font-family:var(--font-mono, monospace);font-size:13px;color:var(--primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.na-copy-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;border:none;border-radius:var(--radius-sm);transition:background var(--duration) var(--ease),color var(--duration) var(--ease)}.na-copy-btn--inline{width:26px;height:26px;background:transparent;color:var(--text-3)}.na-copy-btn--inline:hover{background:var(--bg-3);color:var(--text)}.na-copy-btn--inline svg{width:14px;height:14px}.na-edit-form{display:flex;flex-direction:column;gap:10px}.na-input-wrap{display:flex;align-items:center;gap:0;background:var(--bg-1);border:1px solid var(--primary);border-radius:var(--radius-sm);overflow:hidden;max-width:480px}.na-input{flex:1;padding:9px 12px;font-size:14px;font-family:var(--font-mono, monospace);color:var(--text);background:transparent;border:none;outline:none;min-width:0}.na-suffix{padding:9px 12px 9px 0;font-size:14px;font-family:var(--font-mono, monospace);color:var(--text-3);white-space:nowrap;flex-shrink:0}.na-error{font-size:12px;font-family:var(--font-body);color:var(--danger)}.na-edit-actions{display:flex;gap:8px}.na-action-btn{display:inline-flex;align-items:center;padding:7px 16px;font-size:13px;font-family:var(--font-body);font-weight:600;color:var(--text-2);background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:background var(--duration) var(--ease),color var(--duration) var(--ease),border-color var(--duration) var(--ease)}.na-action-btn:hover:not(:disabled){background:var(--bg-2);color:var(--text);border-color:var(--border-hover)}.na-action-btn:disabled{opacity:.5;cursor:not-allowed}.na-action-btn--primary{background:var(--primary);color:#fff;border-color:transparent}.na-action-btn--primary:hover:not(:disabled){background:var(--primary-hover);color:#fff;border-color:transparent}.na-dns-table{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;font-size:13px;font-family:var(--font-body)}.na-dns-header{display:grid;grid-template-columns:70px 1fr 1fr;gap:12px;padding:8px 14px;background:var(--bg-3);font-size:11px;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em}.na-dns-row{display:grid;grid-template-columns:70px 1fr 1fr;gap:12px;padding:10px 14px;border-top:1px solid var(--border);align-items:center}.na-dns-type{font-size:11px;font-weight:700;font-family:var(--font-mono, monospace);color:var(--primary);background:var(--primary-light);padding:2px 7px;border-radius:4px;width:fit-content}.na-dns-cell{color:var(--text);word-break:break-all}.na-dns-cell--muted{color:var(--text-3)}.na-dns-cell code{font-family:var(--font-mono, monospace);font-size:12px;color:var(--text-2)}.wld-root{display:flex;flex-direction:column;gap:16px}.wld-header{display:flex;align-items:center;justify-content:space-between}.wld-title{font-size:20px;font-family:var(--font-body);font-weight:700;color:var(--primary);margin:0}.wld-loading,.wld-empty{padding:40px 20px;text-align:center;font-size:14px;font-family:var(--font-body);color:var(--text-2)}.wld-error{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;font-size:13px;font-family:var(--font-body);color:var(--danger);background:var(--danger-bg);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-sm)}.wld-error-close{background:none;border:none;color:var(--danger);cursor:pointer;padding:0;display:flex}.wld-error-close svg{width:16px;height:16px}.wld-list{display:flex;flex-direction:column;gap:10px}.wld-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--duration) var(--ease)}.wld-card:hover{border-color:var(--border-hover)}.wld-card__left{display:flex;align-items:center;gap:14px;min-width:0}.wld-card__icon{width:42px;height:42px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--card-bg-2);border-radius:var(--radius);color:var(--text-2)}.wld-card__icon svg{width:22px;height:22px}.wld-card__info{display:flex;flex-direction:column;gap:2px;min-width:0}.wld-card__name{font-size:15px;font-family:var(--font-body);font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wld-card__dim{display:flex;align-items:center;gap:8px;font-size:12px;font-family:var(--font-body);color:var(--text-2)}.wld-card__main{padding:1px 8px;font-size:10px;font-weight:600;background:var(--primary-light);color:var(--primary);border-radius:var(--radius-sm)}.wld-card__actions{display:flex;align-items:center;gap:8px;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.wld-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-family:var(--font-body);font-weight:500;color:var(--text);background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration) var(--ease);white-space:nowrap}.wld-btn:hover:not(:disabled){border-color:var(--border-hover);background:var(--card-bg-2)}.wld-btn:disabled{opacity:.45;cursor:not-allowed}.wld-btn svg{width:14px;height:14px;flex-shrink:0}.wld-btn--blue{color:#3b82f6;border-color:#3b82f64d}.wld-btn--blue:hover:not(:disabled){background:#3b82f61a;border-color:#3b82f680}.wld-btn--green{color:#22c55e;border-color:#22c55e4d}.wld-btn--green:hover:not(:disabled){background:#22c55e1a;border-color:#22c55e80}.wld-btn--danger{color:#ef4444;border-color:#ef44444d}.wld-btn--danger:hover:not(:disabled){background:#ef44441a;border-color:#ef444480}.wld-btn--lg{padding:10px 20px;font-size:14px;font-weight:600}.wld-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.wld-modal{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:540px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.wld-modal--large{max-width:720px}.wld-modal--sm{max-width:420px}.wld-modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--primary);flex-shrink:0}.wld-modal__header--green{background:#22c55e}.wld-modal__header--danger{background:#ef4444}.wld-modal__header h3{margin:0;font-size:16px;font-family:var(--font-body);font-weight:700;color:#fff}.wld-modal__close{background:none;border:none;color:#fffc;cursor:pointer;padding:4px;display:flex;border-radius:var(--radius-sm);transition:color var(--duration) var(--ease)}.wld-modal__close:hover{color:#fff}.wld-modal__close svg{width:18px;height:18px}.wld-modal__footer{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 20px;border-top:1px solid var(--border);flex-shrink:0}.wld-gen-warning{padding:10px 20px;font-size:13px;font-family:var(--font-body);font-weight:600;color:#fff;background:#ef4444;text-align:center}.wld-gen-body{padding:16px 20px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;flex:1}.wld-gen-field{display:flex;flex-direction:column;gap:6px}.wld-gen-field--toggle{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:12px 16px;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius)}.wld-gen-field--danger{border-color:#ef44444d}.wld-gen-field__label{font-size:13px;font-family:var(--font-body);font-weight:600;color:var(--text)}.wld-gen-field__hint{font-size:11px;font-family:JetBrains Mono,Cascadia Code,monospace;color:var(--text-3);width:100%}.wld-gen-field__input-wrap{display:flex;align-items:center;gap:0;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.wld-gen-field__icon{display:flex;align-items:center;justify-content:center;padding:0 10px;color:var(--text-2);flex-shrink:0}.wld-gen-field__icon svg{width:16px;height:16px}.wld-gen-field__input{flex:1;padding:10px 12px;font-size:14px;font-family:var(--font-body);color:var(--text);background:transparent;border:none;outline:none;min-width:0}.wld-gen-field__input::placeholder{color:var(--text-3)}.wld-gen-field__select{padding:10px 12px;font-size:14px;font-family:var(--font-body);color:var(--text);background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;outline:none}.wld-del-body{padding:20px;font-size:14px;font-family:var(--font-body);color:var(--text)}.wld-del-body p{margin:0 0 8px}.wld-del-warning{color:var(--danger);font-weight:600}.wld-toggle{position:relative;width:40px;height:22px;border-radius:11px;border:none;background:var(--border);cursor:pointer;transition:background var(--duration) var(--ease);flex-shrink:0;padding:0}.wld-toggle--lg{width:48px;height:26px;border-radius:13px}.wld-toggle--on{background:#22c55e}.wld-toggle--danger{background:#ef4444!important}.wld-toggle__knob{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform var(--duration) var(--ease)}.wld-toggle--on .wld-toggle__knob{transform:translate(18px)}.wld-toggle--lg .wld-toggle__knob{width:20px;height:20px}.wld-toggle--lg.wld-toggle--on .wld-toggle__knob{transform:translate(22px)}.wld-toggle:disabled{opacity:.4;cursor:not-allowed}.wld-rules-offline{padding:16px 20px;font-size:13px;font-family:var(--font-body);color:var(--starting);background:#fbbf2414;text-align:center}.wld-rules-loading{padding:12px 20px;font-size:13px;font-family:var(--font-body);color:var(--text-2);text-align:center}.wld-rules-body{padding:12px 20px 20px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:20px}.wld-rules-section__title{font-size:14px;font-family:var(--font-body);font-weight:700;color:var(--primary);margin:0 0 10px;padding-bottom:6px;border-bottom:1px solid var(--border)}.wld-rules-grid{display:flex;flex-direction:column;gap:6px}.wld-rule{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-sm)}.wld-rule__label{font-size:13px;font-family:var(--font-body);color:var(--text);min-width:0}.wld-rule__input{width:80px;padding:4px 8px;font-size:13px;font-family:var(--font-body);color:var(--text);background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:right;outline:none}.wld-rule__input:focus{border-color:var(--primary)}.wld-rule__input:disabled{opacity:.4}@media(max-width:768px){.wld-card{flex-direction:column;align-items:flex-start}.wld-card__actions{width:100%;justify-content:flex-start}.wld-btn span{display:none}.wld-btn{padding:8px}.wld-btn svg{width:16px;height:16px}}.db-root{display:flex;flex-direction:column;gap:16px;padding:24px;max-width:780px}.db-upgrade-banner{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:10px;background:color-mix(in srgb,var(--accent) 8%,transparent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}.db-upgrade-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent)}.db-upgrade-icon svg{width:16px;height:16px}.db-upgrade-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.db-upgrade-text strong{font-size:13px;font-weight:600;font-family:var(--font-body);color:var(--text-1)}.db-upgrade-text span{font-size:12px;font-family:var(--font-body);color:var(--text-2)}.db-upgrade-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:7px;background:var(--accent);color:#fff;font-size:12px;font-weight:600;font-family:var(--font-body);text-decoration:none;transition:opacity .15s}.db-upgrade-btn:hover{opacity:.85}.db-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.db-count{font-size:13px;font-family:var(--font-body);color:var(--text-2);margin:0}.db-create-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;font-size:13px;font-family:var(--font-body);font-weight:600;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration) var(--ease)}.db-create-btn svg{width:14px;height:14px}.db-create-btn:hover{background:var(--primary-hover)}.db-create-form{display:flex;flex-direction:column;gap:8px}.db-create-form-inner{display:flex;gap:8px;align-items:center}.db-create-input{flex:1;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 14px;font-size:13px;font-family:var(--font-mono, monospace);color:var(--text);outline:none;transition:border-color var(--duration) var(--ease)}.db-create-input:focus{border-color:var(--primary)}.db-create-input:disabled{opacity:.5}.db-create-submit{padding:9px 18px;font-size:13px;font-family:var(--font-body);font-weight:600;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:background var(--duration) var(--ease),opacity var(--duration) var(--ease)}.db-create-submit:hover:not(:disabled){background:var(--primary-hover)}.db-create-submit:disabled{opacity:.5;cursor:not-allowed}.db-create-cancel{padding:9px 14px;font-size:13px;font-family:var(--font-body);font-weight:600;background:var(--card-bg);color:var(--text-2);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:background var(--duration) var(--ease),color var(--duration) var(--ease)}.db-create-cancel:hover:not(:disabled){background:var(--card-bg-2);color:var(--text)}.db-create-error{font-size:12px;font-family:var(--font-body);color:var(--danger);margin:0}.db-state{padding:48px 24px;text-align:center;font-size:13px;font-family:var(--font-body);color:var(--text-2);margin:0}.db-state--error{color:var(--danger)}.db-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:56px 24px;border:1px dashed var(--border);border-radius:var(--radius);text-align:center}.db-empty-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--card-bg);color:var(--text-2)}.db-empty-icon svg{width:22px;height:22px}.db-empty-text{font-size:15px;font-weight:600;font-family:var(--font-body);color:var(--text);margin:0}.db-empty-sub{font-size:13px;font-family:var(--font-body);color:var(--text-2);margin:0;max-width:320px;line-height:1.5}.db-list{display:flex;flex-direction:column;gap:12px}.db-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.db-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border);flex-wrap:wrap}.db-card-title-row{display:flex;align-items:center;gap:10px}.db-card-icon{display:flex;align-items:center;justify-content:center;color:var(--primary)}.db-card-icon svg{width:18px;height:18px}.db-card-name{font-size:14px;font-weight:600;font-family:var(--font-mono, monospace);color:var(--text)}.db-card-actions{display:flex;align-items:center;gap:8px}.db-action-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-family:var(--font-body);font-weight:600;border-radius:var(--radius-sm);cursor:pointer;border:1px solid transparent;transition:background var(--duration) var(--ease),color var(--duration) var(--ease),border-color var(--duration) var(--ease)}.db-action-btn svg{width:13px;height:13px;flex-shrink:0}.db-action-btn:disabled{opacity:.5;cursor:not-allowed}.db-action-btn--rotate{background:var(--card-bg-2);color:var(--text-2);border-color:var(--border)}.db-action-btn--rotate:hover:not(:disabled){background:var(--primary-subtle);color:var(--primary);border-color:var(--primary-light)}.db-action-btn--delete{background:transparent;color:var(--text-2);border-color:var(--border)}.db-action-btn--delete:hover:not(:disabled){background:var(--danger-bg);color:var(--danger);border-color:var(--danger)}.db-action-btn--confirm{background:var(--danger-bg);color:var(--danger);border-color:var(--danger)}.db-card-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:16px 18px}@media(max-width:560px){.db-card-fields{grid-template-columns:1fr}}.db-field{display:flex;flex-direction:column;gap:6px}.db-field-label{font-size:10px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text-2);font-family:var(--font-body);margin:0}.db-field-row{display:flex;align-items:center;gap:6px}.db-field-input{flex:1;min-width:0;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px 10px;font-size:12px;font-family:var(--font-mono, monospace);color:var(--text);outline:none;cursor:default;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-icon-btn{flex-shrink:0;width:30px;height:30px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-2);transition:background var(--duration) var(--ease),color var(--duration) var(--ease)}.db-icon-btn svg{width:13px;height:13px}.db-icon-btn:hover{background:var(--card-bg-2);color:var(--text)}.bk-root{display:flex;flex-direction:column;gap:16px;padding:24px;max-width:780px}.bk-upgrade-banner{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:10px;background:color-mix(in srgb,var(--accent) 8%,transparent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}.bk-upgrade-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent)}.bk-upgrade-icon svg{width:16px;height:16px}.bk-upgrade-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.bk-upgrade-text strong{font-size:13px;font-weight:600;font-family:var(--font-body);color:var(--text-1)}.bk-upgrade-text span{font-size:12px;font-family:var(--font-body);color:var(--text-2)}.bk-upgrade-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:7px;background:var(--accent);color:#fff;border:none;font-size:12px;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:opacity .15s}.bk-upgrade-btn:hover{opacity:.85}.bk-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.bk-count{font-size:13px;font-family:var(--font-body);color:var(--text-2);margin:0}.bk-create-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;font-size:13px;font-family:var(--font-body);font-weight:600;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration) var(--ease)}.bk-create-btn svg{width:14px;height:14px}.bk-create-btn:hover:not(:disabled){background:var(--primary-hover)}.bk-create-btn:disabled{opacity:.5;cursor:not-allowed}.bk-state{padding:48px 24px;text-align:center;font-size:13px;font-family:var(--font-body);color:var(--text-2);margin:0}.bk-state--error{color:var(--danger)}.bk-error-inline{font-size:12px;font-family:var(--font-body);color:var(--danger);margin:0}.bk-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:56px 24px;border:1px dashed var(--border);border-radius:var(--radius);text-align:center}.bk-empty-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--card-bg);color:var(--text-2)}.bk-empty-icon svg{width:22px;height:22px}.bk-empty-text{font-size:15px;font-weight:600;font-family:var(--font-body);color:var(--text);margin:0}.bk-empty-sub{font-size:13px;font-family:var(--font-body);color:var(--text-2);margin:0;max-width:320px;line-height:1.5}.bk-list{display:flex;flex-direction:column;gap:10px}.bk-card{display:flex;align-items:center;gap:14px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:14px 18px;flex-wrap:wrap}.bk-card-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary)}.bk-card-icon svg{width:17px;height:17px}.bk-card-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.bk-card-name{font-size:13px;font-weight:600;font-family:var(--font-body);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bk-card-meta{display:flex;align-items:center;gap:10px;font-size:12px;font-family:var(--font-body);color:var(--text-2)}.bk-card-meta span{white-space:nowrap}.bk-status{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;font-family:var(--font-body);padding:2px 8px;border-radius:20px}.bk-status--ok{background:color-mix(in srgb,#22c55e 12%,transparent);color:#22c55e}.bk-status--pending{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}.bk-status--failed{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger)}.bk-card-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.bk-action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-2);transition:background var(--duration) var(--ease),color var(--duration) var(--ease),border-color var(--duration) var(--ease)}.bk-action-btn svg{width:14px;height:14px}.bk-action-btn:disabled{opacity:.4;cursor:not-allowed}.bk-action-btn:hover:not(:disabled){background:var(--card-bg-2);color:var(--text)}.bk-action-btn--danger:hover:not(:disabled){background:var(--danger-bg);color:var(--danger);border-color:var(--danger)}.bk-action-btn--restore:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);border-color:var(--accent)}@media(max-width:560px){.bk-card{flex-direction:column;align-items:flex-start}.bk-card-actions{align-self:flex-end}}.upgrade-root{display:flex;flex-direction:column;gap:24px;padding:24px;max-width:960px}.upgrade-header{display:flex;flex-direction:column;gap:6px}.upgrade-title{font-size:18px;font-weight:700;font-family:var(--font-body);color:var(--text-1);margin:0}.upgrade-desc,.upgrade-loading{font-size:13px;font-family:var(--font-body);color:var(--text-2);margin:0}.upgrade-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.upgrade-card{display:flex;flex-direction:column;gap:0;border-radius:12px;border:1px solid var(--border);background:var(--bg-2);overflow:hidden;transition:border-color .15s,box-shadow .15s}.upgrade-card:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.upgrade-card--current{border-color:color-mix(in srgb,var(--accent) 50%,transparent);background:color-mix(in srgb,var(--accent) 4%,var(--bg-2))}.upgrade-card--featured:not(.upgrade-card--current){border-color:color-mix(in srgb,var(--accent) 30%,var(--border))}.upgrade-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px 18px 0}.upgrade-card-name{font-size:16px;font-weight:700;font-family:var(--font-body);color:var(--text-1);margin:0}.upgrade-card-badge{font-size:11px;font-weight:600;font-family:var(--font-body);padding:3px 10px;border-radius:20px;background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent);white-space:nowrap}.upgrade-card-price{display:flex;align-items:baseline;gap:4px;padding:10px 18px 14px;border-bottom:1px solid var(--border)}.upgrade-price-amount{font-size:26px;font-weight:800;font-family:var(--font-body);color:var(--text-1);line-height:1}.upgrade-price-period{font-size:13px;font-weight:500;font-family:var(--font-body);color:var(--text-2)}.upgrade-price-free{font-size:22px;font-weight:700;font-family:var(--font-body);color:var(--accent);line-height:1}.upgrade-card-specs{display:flex;flex-direction:column;padding:12px 18px;gap:0}.upgrade-spec{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid color-mix(in srgb,var(--border) 50%,transparent)}.upgrade-spec:last-child{border-bottom:none}.upgrade-spec-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--text-2)}.upgrade-spec-icon svg{width:15px;height:15px}.upgrade-spec-label{flex:1;font-size:13px;font-family:var(--font-body);color:var(--text-2)}.upgrade-spec-value{font-size:13px;font-weight:600;font-family:var(--font-body);color:var(--text-1)}.upgrade-spec--highlight .upgrade-spec-value{color:var(--accent)}.upgrade-spec-bool{display:inline-flex;align-items:center;gap:4px}.upgrade-spec-bool svg{width:14px;height:14px}.upgrade-spec--yes .upgrade-spec-bool{color:#22c55e}.upgrade-spec--no .upgrade-spec-bool{color:var(--text-3, #666)}.upgrade-card-cta{display:flex;align-items:center;justify-content:center;gap:6px;margin:0 18px 18px;padding:10px 0;border:none;border-radius:8px;background:var(--accent);color:#fff;font-size:13px;font-weight:600;font-family:var(--font-body);text-decoration:none;transition:opacity .15s;cursor:pointer}.upgrade-card-cta:hover{opacity:.85}.upgrade-billing-select{display:flex;flex-direction:column;gap:8px;margin-top:12px}.upgrade-billing-label{font-size:13px;font-weight:600;font-family:var(--font-body);color:var(--text-1)}.upgrade-billing-options{display:flex;gap:6px;flex-wrap:wrap}.upgrade-billing-btn{padding:6px 14px;border:1px solid var(--border);border-radius:8px;background:var(--bg-2);color:var(--text-2);font-size:12px;font-weight:500;font-family:var(--font-body);cursor:pointer;transition:border-color .15s,background .15s,color .15s}.upgrade-billing-btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 50%,var(--border));color:var(--text-1)}.upgrade-billing-btn--active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font-weight:600}.upgrade-billing-btn:disabled{opacity:.5;cursor:not-allowed}.upgrade-max-banner{display:flex;align-items:center;gap:14px;padding:16px 20px;border-radius:12px;background:color-mix(in srgb,var(--accent) 8%,transparent);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent)}.upgrade-max-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent)}.upgrade-max-icon svg{width:18px;height:18px}.upgrade-max-text{display:flex;flex-direction:column;gap:2px}.upgrade-max-text strong{font-size:14px;font-weight:600;font-family:var(--font-body);color:var(--text-1)}.upgrade-max-text span{font-size:13px;font-family:var(--font-body);color:var(--text-2)}@media(max-width:640px){.upgrade-grid{grid-template-columns:1fr}}.sl-page{max-width:1280px;margin:0 auto;padding:28px 32px 0;display:flex;flex-direction:column;height:calc(100vh - var(--header-height) - 1px);gap:20px}.sl-header{display:flex;align-items:center;gap:16px}.sl-back-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-family:var(--font-body);font-weight:500;color:var(--text-3);background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;flex-shrink:0;transition:color var(--duration) var(--ease),border-color var(--duration) var(--ease)}.sl-back-btn:hover{color:var(--text);border-color:var(--border-hover)}.sl-header-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.sl-server-name{font-size:20px;font-weight:800;letter-spacing:-.3px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.sl-server-name--editable{display:flex;align-items:center;gap:7px;cursor:pointer;border-radius:4px;padding:2px 4px;margin:-2px -4px;transition:background var(--duration) var(--ease)}.sl-server-name--editable:hover{background:var(--card-bg)}.sl-name-edit-icon{width:14px;height:14px;color:var(--text-3);flex-shrink:0;opacity:0;transition:opacity var(--duration) var(--ease)}.sl-server-name--editable:hover .sl-name-edit-icon{opacity:1}.sl-name-input{font-size:20px;font-weight:800;letter-spacing:-.3px;color:var(--text);background:var(--bg-1);border:1px solid var(--primary);border-radius:var(--radius-sm);padding:2px 8px;outline:none;font-family:var(--font-body);min-width:0;max-width:320px}.sl-status{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:99px;font-size:12px;font-family:var(--font-body);font-weight:600;flex-shrink:0}.sl-status--online{background:var(--online-bg);color:var(--online)}.sl-status--starting{background:var(--starting-bg);color:var(--starting)}.sl-status--offline{background:var(--offline-bg);color:var(--text-3)}.sl-status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.sl-address-chip{display:inline-flex;align-items:center;font-size:12px;font-family:var(--font-mono, monospace);font-weight:500;color:var(--text-3);background:var(--bg-3);border:1px solid var(--border);border-radius:99px;padding:3px 10px;cursor:pointer;white-space:nowrap;flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis;max-width:260px;transition:color var(--duration) var(--ease),border-color var(--duration) var(--ease)}.sl-address-chip:hover{color:var(--text);border-color:var(--border-hover)}.sl-address-chip--copied{color:var(--online);border-color:#22c55e4d;background:var(--online-bg)}.sl-power{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:auto}.sl-power-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-family:var(--font-body);font-weight:600;border-radius:var(--radius);border:1px solid transparent;cursor:pointer;transition:background var(--duration) var(--ease),opacity var(--duration) var(--ease),transform var(--duration) var(--ease);white-space:nowrap}.sl-power-btn:disabled{opacity:.5;cursor:not-allowed}.sl-power-btn:not(:disabled):hover{transform:translateY(-1px)}.sl-power-btn--start{background:var(--online-bg);color:var(--online);border-color:#22c55e33}.sl-power-btn--start:not(:disabled):hover{background:#4ade8033;color:#dcfce7;border-color:#4ade8099;box-shadow:0 0 0 1px #4ade804d,0 8px 20px #22c55e33}.sl-power-btn--stop{background:var(--danger-bg);color:var(--danger);border-color:#ef444433}.sl-power-btn--stop:not(:disabled):hover{background:#ef44442e;color:#fecaca;border-color:#ef44448c;box-shadow:0 0 0 1px #ef444440,0 8px 20px #ef44442e}.sl-power-btn--restart{background:var(--bg-3);color:var(--text-2);border-color:var(--border)}.sl-power-btn--restart:not(:disabled):hover{background:#94a3b826;color:var(--text);border-color:#94a3b880;box-shadow:0 0 0 1px #94a3b833,0 8px 20px #94a3b81f}.sl-body{display:flex;gap:20px;align-items:flex-start;flex:1;min-height:0}.sl-sidebar{width:200px;flex-shrink:0;display:flex;flex-direction:column;gap:2px;position:sticky;top:88px}.sl-tab{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius);font-size:14px;font-family:var(--font-body);font-weight:500;color:var(--text-3);text-align:left;background:none;border:none;cursor:pointer;width:100%;transition:background var(--duration) var(--ease),color var(--duration) var(--ease)}.sl-tab:hover{background:var(--card-bg);color:var(--text)}.sl-tab--active,.sl-tab--active:hover{background:var(--primary-light);color:var(--primary)}.sl-tab-icon{display:flex;align-items:center;flex-shrink:0;opacity:.8}.sl-tab-icon svg{width:16px;height:16px}.sl-tab--active .sl-tab-icon{opacity:1}.sl-content{flex:1;min-width:0;min-height:0;align-self:stretch;overflow-y:auto;overflow-x:hidden;padding-bottom:60px}.settings-page{max-width:960px;margin:0 auto;padding:40px 24px 80px;animation:fadeIn .3s var(--ease) both}.settings-page__title{font-family:var(--font-display);font-size:28px;font-weight:800;letter-spacing:.02em;color:var(--text);margin-bottom:32px}.settings-layout{display:flex;gap:24px;align-items:flex-start}.settings-nav{width:200px;flex-shrink:0;display:flex;flex-direction:column;gap:4px;position:sticky;top:88px}.settings-nav__item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius);font-size:14px;font-weight:500;color:var(--text-3);text-align:left;transition:background var(--duration),color var(--duration);width:100%}.settings-nav__item:hover{background:var(--card-bg);color:var(--text)}.settings-nav__item--active,.settings-nav__item--active:hover{background:var(--primary-light);color:var(--primary)}.settings-nav__icon{display:flex;align-items:center;flex-shrink:0;opacity:.8}.settings-nav__item--active .settings-nav__icon{opacity:1}.settings-panel{flex:1;min-width:0}.settings-content{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;animation:fadeIn .2s var(--ease) both}.settings-content__header{margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--border)}.settings-content__header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.btn--add-pm{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;color:#fff;background:var(--primary);border:none;border-radius:8px;cursor:pointer;white-space:nowrap;transition:background .15s}.btn--add-pm:hover:not(:disabled){background:var(--primary-hover)}.btn--add-pm:disabled{opacity:.6;cursor:not-allowed}.settings-content__title{font-size:16px;font-weight:700;color:var(--text);margin-bottom:4px}.settings-content__desc{font-size:13px;color:var(--text-3);line-height:1.5}.settings-form{display:flex;flex-direction:column;gap:20px}.settings-field{display:flex;flex-direction:column;gap:6px}.settings-field label{font-size:13px;font-weight:500;color:var(--text-3)}.settings-field input{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;color:var(--text);font-size:14px;transition:border-color var(--duration),background var(--duration)}.settings-field input:focus{outline:none;border-color:var(--primary);background:var(--bg-3)}.settings-form__footer{padding-top:4px}.settings-feedback{font-size:13px;padding:8px 12px;border-radius:var(--radius-sm)}.settings-feedback--ok{color:var(--online);background:var(--online-bg)}.settings-feedback--err{color:var(--danger);background:var(--danger-bg)}.settings-btn{display:inline-flex;align-items:center;padding:10px 22px;background:var(--primary);color:#fff;border-radius:var(--radius);font-size:14px;font-weight:600;transition:background var(--duration),transform var(--duration),box-shadow var(--duration)}.settings-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 0 20px var(--primary-glow)}.settings-btn:disabled{opacity:.45;cursor:not-allowed}.sub-skeleton{height:140px;border-radius:var(--radius-lg);background:linear-gradient(90deg,var(--card-bg) 25%,var(--card-bg-2) 50%,var(--card-bg) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sub-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px 20px;text-align:center;color:var(--text-3)}.sub-empty__title{font-size:15px;font-weight:600;color:var(--text-2);margin-top:4px}.sub-empty__sub{font-size:13px;color:var(--text-3);max-width:300px;line-height:1.5}.sub-empty__btn{margin-top:8px;text-decoration:none}.sub-table{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.sub-row{display:grid;grid-template-columns:minmax(140px,2fr) minmax(100px,1fr) auto auto;gap:16px;align-items:center;padding:13px 16px;border-top:1px solid var(--border);background:var(--bg-2);font-size:13px;color:var(--text-2)}.sub-row:first-child{border-top:none}.sub-row--old{opacity:.75}.sub-row__main{display:flex;flex-direction:column;gap:3px;min-width:0}.sub-row__name{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.sub-card__plan-name{font-size:14px;font-weight:800;font-family:var(--font-display);letter-spacing:.02em;color:var(--text)}.sub-card__months{font-size:12px;font-weight:600;color:var(--text-2)}.sub-card__renewal{font-size:11px;color:var(--text-3)}.sub-card__period{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--text-2);white-space:nowrap}.sub-status-text{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.sub-status-text--active{color:var(--online);background:var(--online-bg)}.sub-status-text--past-due,.sub-status-text--ending{color:var(--starting);background:var(--starting-bg)}.sub-status-text--canceled{color:var(--danger);background:var(--danger-bg)}.sub-row__action{display:flex;justify-content:flex-end;gap:6px;align-items:center}.sub-group{display:flex;flex-direction:column;gap:12px}.sub-group+.sub-group{margin-top:20px}.sub-group__title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3)}.tx-table{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.tx-row{display:grid;grid-template-columns:minmax(180px,2fr) 1fr 1fr 1fr 44px;gap:12px;align-items:center;padding:12px 14px;border-top:1px solid var(--border);font-size:13px;color:var(--text-2);background:var(--bg-2)}.tx-row:first-child{border-top:none}.tx-row--head{background:var(--card-bg-2);color:var(--text-3);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.tx-id{color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;word-break:break-all;opacity:.75}.tx-status{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.tx-status--validated{color:var(--online);background:var(--online-bg)}.tx-status--refunded{color:var(--primary);background:var(--primary-light)}.tx-status--pending{color:var(--starting);background:var(--starting-bg)}.tx-status--failed{color:var(--danger);background:var(--danger-bg)}.tx-status--void,.tx-status--draft{color:var(--text-3);background:var(--card-bg-2)}.tx-invoice-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);border:none;color:#fff;background:var(--primary);text-decoration:none;transition:background var(--duration),transform var(--duration),box-shadow var(--duration)}.tx-invoice-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 0 12px var(--primary-glow)}.tx-invoice-btn--disabled{background:var(--card-bg-2);color:var(--text-3);opacity:.5;cursor:not-allowed}@media(max-width:880px){.tx-table{border:none;gap:10px;background:transparent}.tx-row{grid-template-columns:1fr;gap:8px;border:1px solid var(--border);border-radius:var(--radius);padding:12px}.tx-row--head{display:none}}.pm-list{display:flex;flex-direction:column;gap:10px}.pm-item{display:grid;grid-template-columns:minmax(220px,2fr) 1fr auto;gap:12px;align-items:center;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px}.pm-item__left{min-width:0}.pm-item__title{margin:0;color:var(--text);font-size:14px;font-weight:700}.pm-item__sub{margin:2px 0 0;font-size:12px;color:var(--text-3)}.pm-item__middle{font-size:13px;color:var(--text-2);white-space:nowrap}.pm-item__right{display:flex;align-items:center;gap:10px;justify-content:flex-end}.pm-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--primary);background:var(--primary-light)}.pm-actions{display:inline-flex;align-items:center;gap:8px}.pm-action-btn{border:1px solid var(--border);background:transparent;color:var(--text-2);border-radius:var(--radius-sm);padding:6px 10px;font-size:12px;font-weight:600;transition:border-color var(--duration),color var(--duration),background var(--duration)}.pm-action-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.pm-action-btn:disabled{opacity:.5;cursor:not-allowed}.pm-action-btn--danger:hover:not(:disabled){border-color:var(--danger);color:var(--danger);background:var(--danger-bg)}.pm-star-btn{display:flex;align-items:center;background:transparent;border:none;padding:4px;color:var(--text-3);transition:color var(--duration),transform var(--duration)}.pm-star-btn:hover:not(:disabled){color:#f59e0b;transform:scale(1.15)}.pm-star-btn:disabled{cursor:default}.confirm-widget-anchor{position:relative;display:inline-flex}.confirm-widget{position:absolute;top:calc(100% + 8px);right:0;z-index:50;min-width:220px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;box-shadow:0 8px 24px #00000040;animation:confirmWidgetIn .15s var(--ease) both}.confirm-widget__msg{margin:0 0 12px;font-size:13px;font-weight:600;color:var(--text);line-height:1.4}.confirm-widget__actions{display:flex;gap:8px}.confirm-widget__btn{flex:1;padding:7px 12px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;transition:background var(--duration),color var(--duration),transform var(--duration)}.confirm-widget__btn--danger{background:var(--danger);color:#fff;border:none}.confirm-widget__btn--danger:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.confirm-widget__btn--danger:disabled{opacity:.5;cursor:not-allowed}.confirm-widget__btn--cancel{background:transparent;color:var(--text-2);border:1px solid var(--border)}.confirm-widget__btn--cancel:hover:not(:disabled){background:var(--bg-2);color:var(--text)}.confirm-widget__btn--cancel:disabled{opacity:.5;cursor:not-allowed}@keyframes confirmWidgetIn{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:880px){.pm-item{grid-template-columns:1fr;gap:8px}.pm-item__right{justify-content:flex-start;flex-wrap:wrap}}.lang-options{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.lang-option-btn{display:flex;align-items:center;gap:10px;padding:14px 20px;border-radius:10px;border:2px solid var(--color-border, rgba(255,255,255,.1));background:var(--color-surface, #1a1a2e);color:var(--color-text, #e0e0e0);cursor:pointer;font-size:.95rem;transition:border-color .2s,background .2s;min-width:140px}.lang-option-btn:hover:not(:disabled){border-color:var(--color-primary, #818cf8);background:var(--color-primary-subtle, rgba(99,102,241,.08))}.lang-option-btn--active{border-color:var(--color-primary, #818cf8);background:var(--color-primary-subtle, rgba(99,102,241,.12));color:var(--color-primary, #818cf8);font-weight:500}.lang-option-btn__flag{font-size:1.4rem;line-height:1}.lang-option-btn__name{font-size:.95rem}.not-found-page{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:100vh;padding:32px;gap:16px}.not-found-code{font-size:120px;font-weight:900;letter-spacing:-6px;line-height:1;background:linear-gradient(135deg,var(--primary),#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.not-found-title{font-size:28px;font-weight:800;letter-spacing:-.5px}.not-found-description{font-size:15px;color:var(--text-2);max-width:320px}.not-found-link{margin-top:8px;display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:var(--primary);color:#fff;border-radius:var(--radius);font-size:15px;font-weight:600;transition:all var(--duration) var(--ease)}.not-found-link:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 0 24px var(--primary-glow)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(ellipse 55% 40% at 80% 0%,rgba(124,58,237,.13) 0%,transparent 70%);background-attachment:fixed}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit;font-size:inherit}img,svg{display:block}ul,ol{list-style:none}:root{--bg: #07050f;--bg-1: #0e0a1a;--bg-2: #130f22;--bg-3: #1c1630;--card-bg: rgba(255, 255, 255, .04);--card-bg-2: rgba(255, 255, 255, .07);--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .14);--text: #f1f5f9;--text-2: #64748b;--text-3: #94a3b8;--primary: #a855f7;--primary-hover: #9333ea;--primary-light: rgba(168, 85, 247, .14);--primary-glow: rgba(168, 85, 247, .25);--primary-subtle: rgba(168, 85, 247, .08);--secondary-glow: rgba(59, 130, 246, .2);--online: #4ade80;--online-bg: rgba(74, 222, 128, .1);--starting: #fbbf24;--starting-bg: rgba(251, 191, 36, .1);--offline: #3f3f55;--offline-bg: rgba(63, 63, 85, .3);--danger: #ef4444;--danger-hover: #dc2626;--danger-bg: rgba(239, 68, 68, .1);--success: #c084fc;--success-bg: rgba(168, 85, 247, .1);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display: "Barlow Condensed", sans-serif;--font-body: "Figtree", sans-serif;--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .45);--shadow: 0 4px 24px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .6);--shadow-primary: 0 0 40px rgba(168, 85, 247, .2);--shadow-card: var(--shadow);--shadow-glow-sm: 0 0 60px rgba(168, 85, 247, .08);--card-index: 0;--ease: cubic-bezier(.4, 0, .2, 1);--duration: .18s;--grid-line: rgba(255, 255, 255, .03);--dot-red: #ff5f57;--dot-yellow: #febc2e;--dot-green: #28c840;--max-width: 1280px;--page-x: 32px;--header-height: 64px;--header-bg: rgba(7, 5, 15, .85)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-2)}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:99px}::selection{background:var(--primary-light);color:var(--text)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--primary);color:#fff;border-radius:var(--radius);font-weight:600;font-size:15px;transition:background var(--duration) var(--ease),transform var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 0 24px var(--primary-glow)}.btn-outline{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:1px solid var(--border-hover);color:var(--text);border-radius:var(--radius);font-weight:600;font-size:15px;transition:border-color var(--duration) var(--ease),background var(--duration) var(--ease)}.btn-outline:hover{border-color:var(--primary);background:var(--primary-light)}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .8s linear infinite}@keyframes pulse-ring{0%{transform:scale(1);opacity:1}to{transform:scale(2.2);opacity:0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s var(--ease) both}