body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.app-root.dark-mode{background-color:#101014;color:#fff}.app-root.light-mode{background-color:#f8fafc;color:#0f172a}.layout-container[data-v-8c8ed14c]{display:flex;width:100vw;height:100vh;background-color:#0b0c10;color:#e0e0e0;overflow:hidden}.sidebar[data-v-8c8ed14c]{width:240px;background-color:#121318;border-right:1px solid #1f222e;display:flex;flex-direction:column;padding:20px 16px;position:relative;transition:width .3s cubic-bezier(.4,0,.2,1);box-sizing:border-box}.sidebar-collapsed[data-v-8c8ed14c]{width:64px}.sidebar-collapsed .sidebar[data-v-8c8ed14c]{width:64px;padding:20px 8px;align-items:center}.sidebar-collapsed .nav-menu[data-v-8c8ed14c]{width:100%}.sidebar-collapsed .nav-item[data-v-8c8ed14c]{width:100%;height:42px;justify-content:center;padding:0;margin:2px 0;position:relative}.sidebar-collapsed .user-footer[data-v-8c8ed14c]{width:100%;justify-content:center;padding:8px 0;position:relative}.sidebar-collapsed .nav-item[data-v-8c8ed14c]:hover:after,.sidebar-collapsed .nav-item[data-v-8c8ed14c]:focus:after,.sidebar-collapsed .user-footer[data-v-8c8ed14c]:hover:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background-color:#1a1c24;color:#fff;border:1px solid #2e3245;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap;z-index:9999;box-shadow:0 4px 12px #0006;pointer-events:none}.sidebar-collapsed .brand[data-v-8c8ed14c]{justify-content:center}.collapse-toggle-btn[data-v-8c8ed14c]{position:absolute;right:-13px;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:50%;background-color:#1a1c24;border:1px solid #1f222e;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;box-shadow:0 2px 8px #0003;transition:all .2s ease}.collapse-toggle-btn[data-v-8c8ed14c]:hover{background-color:#4f46e5;color:#fff;border-color:#6366f1}.brand[data-v-8c8ed14c]{display:flex;align-items:center;gap:12px;padding:8px 4px 18px}.brand-logo[data-v-8c8ed14c]{width:36px;height:36px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.lightning-icon[data-v-8c8ed14c]{width:22px;height:22px;color:#fff}.brand-title[data-v-8c8ed14c]{font-size:18px;font-weight:700;color:#fff}.nav-menu[data-v-8c8ed14c]{display:flex;flex-direction:column;gap:4px;flex:1;width:100%;overflow-y:auto;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none}.nav-menu[data-v-8c8ed14c]::-webkit-scrollbar{display:none}.menu-group-label[data-v-8c8ed14c]{font-size:11px;color:#475569;font-weight:700;padding:12px 14px 6px;text-transform:uppercase;letter-spacing:.5px}.admin-label[data-v-8c8ed14c]{color:#818cf8;margin-top:8px;border-top:1px dashed #1e202e;padding-top:14px}.nav-item[data-v-8c8ed14c]{display:flex;align-items:center;gap:12px;padding:9px 14px;border-radius:8px;color:#94a3b8;text-decoration:none;font-size:13.5px;font-weight:500;transition:all .2s ease;box-sizing:border-box;cursor:pointer}.nav-icon[data-v-8c8ed14c]{display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0}.nav-icon[data-v-8c8ed14c] svg{width:22px;height:22px}.nav-item[data-v-8c8ed14c]:hover{background-color:#1a1c24;color:#fff}.nav-item.active[data-v-8c8ed14c]{background-color:#242736;color:#818cf8}.admin-item.active[data-v-8c8ed14c]{background-color:#312e81;color:#a5b4fc}.user-footer[data-v-8c8ed14c]{display:flex;align-items:center;gap:10px;padding:8px;margin-top:auto;border-top:1px solid var(--border-color);cursor:pointer;border-radius:8px;transition:background-color .2s ease;width:100%;box-sizing:border-box;flex-shrink:0}.user-footer[data-v-8c8ed14c]:hover{background-color:var(--bg-card-hover)}.avatar[data-v-8c8ed14c]{width:34px;height:34px;background-color:#6366f1;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0}.avatar.owner[data-v-8c8ed14c]{background-color:#4f46e5}.avatar.admin[data-v-8c8ed14c]{background-color:#059669}.user-info[data-v-8c8ed14c]{flex:1;overflow:hidden}.username-row[data-v-8c8ed14c]{display:flex;align-items:center;gap:6px}.username[data-v-8c8ed14c]{font-size:13px;font-weight:600;color:#fff}.role-badge[data-v-8c8ed14c]{font-size:10px;padding:1px 5px;border-radius:4px}.role-badge.owner[data-v-8c8ed14c]{background:#4f46e5;color:#fff}.role-badge.admin[data-v-8c8ed14c]{background:#059669;color:#fff}.role-badge.user[data-v-8c8ed14c]{background:#4b5563;color:#fff}.email[data-v-8c8ed14c]{font-size:11px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-btn[data-v-8c8ed14c]{background:none;border:none;color:#64748b;cursor:pointer;padding:4px}.logout-btn[data-v-8c8ed14c]:hover{color:#ef4444}.main-content[data-v-8c8ed14c]{flex:1;background-color:#0b0c10;overflow-y:auto;padding:24px 32px}*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.grid{display:grid}.ms{margin-inline-start:1rem}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.h1{height:.25rem}.h2{height:.5rem}.h3{height:.75rem}.flex{display:flex}.flex-shrink{flex-shrink:1}.table{display:table}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.resize{resize:both}.border{border-width:1px}.border-green{--un-border-opacity:1;border-color:rgb(74 222 128 / var(--un-border-opacity))}.border-orange{--un-border-opacity:1;border-color:rgb(251 146 60 / var(--un-border-opacity))}.border-pink{--un-border-opacity:1;border-color:rgb(244 114 182 / var(--un-border-opacity))}.text-purple{--un-text-opacity:1;color:rgb(192 132 252 / var(--un-text-opacity))}.font-bold{font-weight:700}.font-medium{font-weight:500}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.outline{outline-style:solid}.backdrop-filter{-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{--bg-primary: #101014;--bg-secondary: #0b0c10;--bg-sidebar: #121318;--bg-card: #121318;--bg-card-hover: #181922;--bg-input: #181a24;--border-color: #1f222e;--border-light: #282a3a;--text-main: #ffffff;--text-sub: #cbd5e1;--text-muted: #64748b;--accent-primary: #6366f1;--accent-hover: #4f46e5;--accent-active: #818cf8;--power-ring-bg: radial-gradient(circle, #1a1c26 0%, #0d0e14 100%);--power-ring-border: #282a3a;--power-status-text: #ffffff;--power-port-bg: #1e202e;--power-port-text: #94a3b8}.light-mode{--bg-primary: #f1f5f9;--bg-secondary: #f1f5f9;--bg-sidebar: #ffffff;--bg-card: #ffffff;--bg-card-hover: #e2e8f0;--bg-input: #f8fafc;--border-color: #cbd5e1;--border-light: #94a3b8;--text-main: #0f172a;--text-sub: #1e293b;--text-muted: #475569;--accent-primary: #4338ca;--accent-hover: #3730a3;--accent-active: #4338ca;--power-ring-bg: radial-gradient(circle, #ffffff 0%, #e2e8f0 100%);--power-ring-border: #cbd5e1;--power-status-text: #0f172a;--power-port-bg: #ffffff;--power-port-text: #334155}.layout-container{background-color:var(--bg-secondary)!important;color:var(--text-main)!important}.sidebar{background-color:var(--bg-sidebar)!important;border-right-color:var(--border-color)!important}.main-content{background-color:var(--bg-secondary)!important}.power-ring{background:var(--power-ring-bg)!important;border-color:var(--power-ring-border)!important}.status-title{color:var(--power-status-text)!important}.port-chip{background-color:var(--power-port-bg)!important;color:var(--power-port-text)!important;border:1px solid var(--border-color)!important}.zen-foot-tip,.subtitle{color:var(--text-muted)!important}.key-name,.t-name,.title,.brand-title,.panel-title,.card-title,.uname,.panel-m-title,.ref-val,.wallet-price,.node-title,.price-val,.currency,.plan-title,.section-title,.card-value{color:var(--text-main)!important;font-weight:700!important}.key-val,.mapping-row .value{color:var(--text-sub)!important}.domain-count,.domain-link{color:var(--accent-primary)!important;font-weight:600!important}.tunnel-card,.setting-card,.plan-card,.panel-card,.table-card,.empty-tunnel-card,.stat-card,.provider-card,.node-card,.filter-bar,.step-item,.stats-panel,.commission-card,.invite-card,.records-card,.panel-section{background-color:var(--bg-card)!important;border:1px solid var(--border-color)!important;box-shadow:0 2px 8px #0000000a!important}.light-mode .panel-section,.light-mode .traffic-item{background-color:#fff!important;border-color:#cbd5e1!important}.light-mode .card-mid,.light-mode .info-box,.light-mode .wallet-box,.light-mode .ref-card,.light-mode .stat-box,.light-mode .node-metrics,.light-mode .theme-picker,.light-mode .stepper,.light-mode .logs-console{background-color:#f1f5f9!important;border:1px solid #cbd5e1!important;color:#0f172a!important}.light-mode .log-msg{color:#1e293b!important}.light-mode .empty-icon{color:#94a3b8!important}.light-mode .chip{background-color:#f1f5f9!important;border:1px solid #cbd5e1!important;color:#475569!important}.custom-table th{background-color:var(--bg-input)!important;color:var(--text-muted)!important;border-bottom-color:var(--border-color)!important}.custom-table td,.setting-row{border-bottom-color:var(--border-color)!important;color:var(--text-sub)!important}.nav-item{color:var(--text-muted)!important}.nav-item:hover{background-color:var(--bg-card-hover)!important;color:var(--text-main)!important}.nav-item.active{background-color:var(--bg-card-hover)!important;color:var(--accent-active)!important}.light-mode .nav-item{color:#475569!important}.light-mode .nav-item:hover{background-color:#e2e8f0!important;color:#0f172a!important}.light-mode .nav-item.active{background-color:#e0e7ff!important;color:#4338ca!important}.collapse-toggle-btn{background-color:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-muted)!important}