@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Fira+Code:wght@400;500;600&family=Tajawal:wght@300;400;500;700;800&display=swap";:root,:root[data-theme=dark]{--bg:#0a0e14;--surface-1:#11161e;--surface-2:#161c26;--surface-3:#1d2532;--border:#232c3a;--border-strong:#344154;--text:#e6edf3;--text-muted:#8b97a8;--text-dim:#5b6878;--primary:#b62e2e;--primary-hover:#d43838;--primary-active:#9a2424;--primary-soft:#b62e2e1f;--primary-soft-strong:#b62e2e38;--primary-glow:#b62e2e59;--success:#10b981;--success-soft:#10b98124;--success-text:#34d399;--danger:#ef4444;--danger-soft:#ef444424;--danger-text:#f87171;--warning:#f59e0b;--warning-soft:#f59e0b24;--warning-text:#fbbf24;--info:#0ea5e9;--info-soft:#0ea5e924;--info-text:#38bdf8;--data-1:#06b6d4;--data-2:#10b981;--data-3:#f59e0b;--data-4:#d946ef;--data-5:#8b5cf6;--radius-sm:4px;--radius:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 1px 2px #0000004d;--shadow:0 1px 3px #00000059, 0 1px 2px #00000040;--shadow-md:0 4px 8px -2px #0006, 0 2px 4px -2px #0000004d;--shadow-lg:0 12px 24px -8px #00000080, 0 4px 8px -4px #00000059;--shadow-xl:0 20px 50px -12px #0009;--shadow-inset:inset 0 1px 2px #00000059;--font-sans:"Space Grotesk", "Tajawal", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"Fira Code", "SF Mono", Menlo, Consolas, monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.5rem;--text-5xl:3.25rem;--text-6xl:4rem;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-section:3.5rem;--space-subsection:2rem;--sidebar-width:248px;--sidebar-collapsed:64px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-snap:cubic-bezier(.4, 0, .2, 1);--dur-fast:.12s;--dur:.18s;--dur-slow:.28s;--backdrop:#000000a6;--grid-pattern:#ffffff06;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#f7f8fa;--surface-1:#fff;--surface-2:#fff;--surface-3:#f0f3f7;--border:#e2e6ec;--border-strong:#c9d0d9;--text:#0f1722;--text-muted:#5b6878;--text-dim:#8b97a8;--primary:#b62e2e;--primary-hover:#d43838;--primary-active:#9a2424;--primary-soft:#b62e2e14;--primary-soft-strong:#b62e2e29;--primary-glow:#b62e2e40;--success:#059669;--success-soft:#0596691a;--success-text:#047857;--danger:#dc2626;--danger-soft:#dc262614;--danger-text:#b91c1c;--warning:#d97706;--warning-soft:#d977061a;--warning-text:#b45309;--info:#0284c7;--info-soft:#0284c71a;--info-text:#0369a1;--shadow-sm:0 1px 2px #0f17220d;--shadow:0 1px 3px #0f172214, 0 1px 2px #0f17220d;--shadow-md:0 4px 8px -2px #0f17221a, 0 2px 4px -2px #0f172214;--shadow-lg:0 12px 24px -8px #0f172226, 0 4px 8px -4px #0f17221a;--shadow-xl:0 20px 50px -12px #0f172233;--shadow-inset:inset 0 1px 2px #0f17220f;--backdrop:#0f172280;--grid-pattern:#0f17220a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:clip}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01", "cv11";transition:background-color var(--dur) var(--ease-snap), color var(--dur) var(--ease-snap);line-height:1.55}::selection{background:var(--primary-soft-strong);color:var(--text)}h1,h2,h3,h4,h5,h6{color:var(--text);letter-spacing:-.02em;font-weight:600;line-height:1.2}h1{font-size:var(--text-4xl);letter-spacing:-.035em;font-weight:700}h2{font-size:var(--text-2xl);letter-spacing:-.025em}h3{font-size:var(--text-lg)}h4{font-size:var(--text-md)}a{color:var(--primary);transition:color var(--dur-fast);text-decoration:none}a:hover{color:var(--primary-hover)}code,kbd{font-family:var(--font-mono);font-size:1.0625em}button,input,select,textarea{font-family:inherit}hr{background:var(--border);height:1px;margin:var(--space-6) 0;border:none}::placeholder{color:var(--text-dim)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border:2px solid var(--bg);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.loading{height:100vh;font-size:var(--text-sm);color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.05em;justify-content:center;align-items:center;display:flex}.loading:before{content:"";background:var(--primary);width:6px;height:6px;animation:pulse 1.4s var(--ease-in-out) infinite;border-radius:50%;margin-inline-end:var(--space-3)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.app-layout{min-height:100vh;display:flex}.sidebar{top:0;inset-inline-start:0;width:var(--sidebar-width);background:var(--surface-1);border-inline-end:1px solid var(--border);z-index:100;transition:transform var(--dur-slow) var(--ease-snap);flex-direction:column;display:flex;position:fixed;bottom:0}.sidebar-header{padding:var(--space-5) var(--space-5) var(--space-4);border-bottom:1px solid var(--border);align-items:center;gap:var(--space-3);display:flex}.sidebar-brand{align-items:center;gap:var(--space-3);color:var(--text);text-decoration:none;display:flex}.sidebar-brand img{object-fit:cover;object-position:left center;width:180px!important;height:40px!important}.sidebar-brand-mark{color:var(--primary);flex-shrink:0}.sidebar-brand-text{flex-direction:column;line-height:1.1;display:flex}.sidebar-brand-name{font-size:var(--text-lg);letter-spacing:-.02em;color:var(--text);font-weight:600}.sidebar-brand-kicker{letter-spacing:.18em;color:var(--text-dim);text-transform:uppercase;margin-top:2px;font-size:9px;font-weight:600}.sidebar-nav{padding:var(--space-3) var(--space-3);flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.sidebar-section{align-items:center;gap:var(--space-2);padding:var(--space-5) var(--space-3) var(--space-2);display:flex}.sidebar-section:before,.sidebar-section:after{content:"";background:var(--border);flex:1;height:1px}.sidebar-section-label{letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);font-size:9px;font-weight:600}.nav-item{align-items:center;gap:var(--space-3);padding:9px var(--space-3);border-radius:var(--radius);font-size:var(--text-base);color:var(--text-muted);cursor:pointer;text-align:start;width:100%;transition:color var(--dur-fast) var(--ease-snap), background-color var(--dur-fast) var(--ease-snap);background:0 0;border:none;font-weight:500;text-decoration:none;display:flex;position:relative}.nav-item:hover{color:var(--text);background:var(--surface-3);text-decoration:none}.nav-item.active{color:var(--text);background:var(--primary-soft);font-weight:600}.nav-item.active:before{content:"";inset-inline-start:-1px;background:var(--primary);border-start-end-radius:2px;border-end-end-radius:2px;width:2px;position:absolute;top:8px;bottom:8px}.nav-item.active .nav-icon{color:var(--primary)}.nav-item:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.nav-icon{flex-shrink:0;width:18px;height:18px}.sidebar-footer{padding:var(--space-3);border-top:1px solid var(--border);gap:var(--space-2);flex-direction:column;display:flex}.sidebar-toolbar{padding:var(--space-1) var(--space-2);justify-content:space-between;align-items:center;display:flex}.icon-btn{border-radius:var(--radius);width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:color var(--dur-fast) var(--ease-snap), background-color var(--dur-fast) var(--ease-snap);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{color:var(--text);background:var(--surface-3)}.icon-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.sidebar-user{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border);display:flex}.sidebar-avatar{background:var(--primary-soft);width:30px;height:30px;color:var(--primary);font-weight:600;font-size:var(--text-xs);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-size:var(--text-base);color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.sidebar-user-email{font-size:var(--text-sm);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.main-wrapper{flex:1;min-height:100vh;margin-inline-start:var(--sidebar-width)}.main-content{padding:var(--space-8) var(--space-10);width:100%;max-width:1280px;margin:0 auto}.hamburger{top:var(--space-3);z-index:200;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;width:40px;height:40px;color:var(--text);box-shadow:var(--shadow-md);justify-content:center;align-items:center;display:none;position:fixed;inset-inline-start:var(--space-3)}.hamburger:hover{background:var(--surface-3)}.hamburger svg{width:20px;height:20px}.sidebar-overlay{background:var(--backdrop);z-index:90;opacity:0;pointer-events:none;transition:opacity var(--dur-slow) var(--ease-snap);-webkit-backdrop-filter:blur(4px);position:fixed;inset:0}.sidebar-overlay.visible{opacity:1;pointer-events:auto}.auth-page{min-height:100vh;padding:var(--space-6);background:var(--bg);background-image:linear-gradient(var(--grid-pattern) 1px, transparent 1px), linear-gradient(90deg, var(--grid-pattern) 1px, transparent 1px);background-position:-1px -1px;background-size:40px 40px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-page:before{content:"";background:radial-gradient(circle at 50% 0%, var(--primary-soft) 0%, transparent 50%);pointer-events:none;position:absolute;inset:0}.auth-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:460px;padding:var(--space-8);position:relative}.auth-card:before{content:"";top:0;left:var(--space-6);right:var(--space-6);background:linear-gradient(90deg, transparent, var(--primary), transparent);opacity:.5;height:1px;position:absolute}.auth-header{text-align:center;margin-bottom:var(--space-6);align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.auth-header img,.auth-card>img{object-fit:cover;object-position:center;width:200px!important;height:52px!important}.auth-header .sidebar-brand-name{font-size:var(--text-xl)}.auth-header .sidebar-brand-kicker{margin-top:4px}.auth-card h1{font-size:var(--text-xl);text-align:center;color:var(--text);margin-bottom:0;font-weight:600}.auth-card h2{font-size:var(--text-sm);text-align:center;color:var(--text-muted);margin-top:var(--space-1);font-weight:400}.auth-divider{align-items:center;gap:var(--space-3);margin:var(--space-5) 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-divider span{letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim);font-size:10px;font-weight:600}.auth-link{text-align:center;margin-top:var(--space-5);font-size:var(--text-sm);color:var(--text-muted)}.auth-plan-banner{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--primary-soft);border:1px solid var(--primary-soft-strong);border-radius:var(--radius);margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--text);display:flex}.auth-plan-features{margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--surface-3);border-radius:var(--radius);font-size:var(--text-base);list-style:none}.auth-plan-features li{align-items:center;gap:var(--space-2);color:var(--text-muted);padding:3px 0;display:flex}.auth-plan-features li svg{color:var(--primary);flex-shrink:0}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius);cursor:pointer;font-size:var(--text-sm);letter-spacing:-.005em;transition:background-color var(--dur-fast) var(--ease-snap), border-color var(--dur-fast) var(--ease-snap), color var(--dur-fast) var(--ease-snap);white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;border:1px solid #0000;padding:9px 14px;font-weight:500;text-decoration:none;display:inline-flex;overflow:hidden}.btn:active:not(:disabled){transition:transform 60ms;transform:scale(.98)}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:#fff}.btn-primary:active{background:var(--primary-active);border-color:var(--primary-active);color:#fff}.btn-success{background:var(--success);color:#fff;border-color:var(--success)}.btn-success:hover{filter:brightness(1.08)}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-danger:hover{filter:brightness(1.08)}.btn-warning{background:var(--warning);color:#1a1300;border-color:var(--warning)}.btn-warning:hover{filter:brightness(1.05)}.btn-outline{border-color:var(--border-strong);color:var(--text);background:0 0}.btn-outline:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.btn-ghost{color:var(--text-muted);background:0 0}.btn-ghost:hover{background:var(--surface-3);color:var(--text)}.btn-link{color:var(--primary);background:0 0;border:none;padding:0}.btn-link:hover{color:var(--primary-hover);text-underline-offset:3px;text-decoration:underline}.btn-sm{font-size:var(--text-xs);padding:5px 10px}.btn-lg{font-size:var(--text-md);padding:12px 22px}.btn-block{width:100%}.form{gap:var(--space-4);flex-direction:column;max-width:520px;display:flex}.form-group{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.form-group label{font-size:var(--text-sm);color:var(--text);font-weight:500}.form-hint{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.form-row{gap:var(--space-3);align-items:stretch;display:flex}.form-row .form-group{flex:1}input,select,textarea{border:1px solid var(--border-strong);border-radius:var(--radius);font-size:var(--text-sm);background:var(--surface-3);color:var(--text);box-shadow:var(--shadow-inset);transition:border-color var(--dur-fast) var(--ease-snap), box-shadow var(--dur-fast) var(--ease-snap), background-color var(--dur-fast) var(--ease-snap);outline:none;width:100%;padding:10px 12px;font-family:inherit}input:hover,select:hover,textarea:hover{border-color:var(--primary)}input:focus,select:focus,textarea:focus{border-color:var(--primary);background:var(--surface-2);box-shadow:inset 0 1px 2px #0000000f, 0 0 0 1px var(--primary)}input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer;background:var(--surface-2);box-shadow:none;padding:0}input[type=file]{font-size:var(--text-xs);cursor:pointer;padding:8px}input[type=file]::-webkit-file-upload-button{background:var(--surface-3);border:1px solid var(--border-strong);border-radius:var(--radius);margin-right:var(--space-3);font-size:var(--text-xs);color:var(--text);cursor:pointer;padding:4px 10px}input[type=file]::-webkit-file-upload-button:hover{border-color:var(--primary);color:var(--primary)}select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238b97a8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-position:right 10px center;background-repeat:no-repeat;padding-right:32px}.pw-meter{margin-top:var(--space-2);gap:4px;display:flex}.pw-meter-seg{background:var(--border);height:3px;transition:background var(--dur-fast);border-radius:2px;flex:1}.pw-meter-seg.lv1{background:var(--danger)}.pw-meter-seg.lv2{background:var(--warning)}.pw-meter-seg.lv3{background:var(--primary)}.pw-meter-seg.lv4{background:var(--success)}.pw-meter-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-top:var(--space-1);font-size:10px}.input-affix{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface-3);box-shadow:var(--shadow-inset);transition:border-color var(--dur-fast), box-shadow var(--dur-fast);align-items:stretch;display:flex;overflow:hidden}.input-affix:focus-within{border-color:var(--primary);box-shadow:inset 0 1px 2px #0000000f, 0 0 0 1px var(--primary)}.input-affix-prefix{font-size:var(--text-sm);color:var(--text-muted);background:var(--surface-2);border-right:1px solid var(--border);font-weight:500;font-family:var(--font-mono);align-items:center;padding:0 12px;display:flex}.input-affix input{box-shadow:none;background:0 0;border:none;flex:1}.input-affix input:focus{box-shadow:none}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius);margin-bottom:var(--space-4);font-size:var(--text-sm);align-items:flex-start;gap:var(--space-3);border:1px solid #0000;display:flex}.alert-error{background:var(--danger-soft);color:var(--danger-text);border-color:var(--danger-soft)}.alert-success{background:var(--success-soft);color:var(--success-text);border-color:var(--success-soft)}.alert-warning{background:var(--warning-soft);color:var(--warning-text);border-color:var(--warning-soft)}.alert-info{background:var(--info-soft);color:var(--info-text);border-color:var(--info-soft)}.dashboard-status{align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-muted);padding:var(--space-3) 0;border-bottom:1px solid var(--border);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.dashboard-status strong{color:var(--text);font-weight:600}.dashboard-status-divider{background:var(--border-strong);width:1px;height:12px}.quick-actions{gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.quick-action{align-items:center;gap:var(--space-2);background:var(--surface-2);border:1px solid var(--border);font-size:var(--text-sm);color:var(--text);cursor:pointer;transition:border-color var(--dur-fast), color var(--dur-fast), background-color var(--dur-fast);border-radius:999px;padding:8px 14px;font-weight:500;display:inline-flex}.quick-action:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.quick-action svg{width:16px;height:16px;color:var(--text-muted);transition:color var(--dur-fast)}.quick-action:hover svg{color:var(--primary)}.stats-grid{gap:var(--space-4);grid-template-columns:repeat(12,1fr);display:grid}.stat-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);max-width:100%;transition:border-color var(--dur-fast) var(--ease-snap), background-color var(--dur-fast) var(--ease-snap);position:relative}.stat-card:hover{border-color:var(--border-strong)}.stat-card.span-6{grid-column:span 6}.stat-card.span-4{grid-column:span 4}.stat-card.span-3{grid-column:span 3}.stat-card.span-12{grid-column:span 12}.stat-kicker{letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim);margin-bottom:var(--space-3);align-items:center;gap:var(--space-2);font-size:10px;font-weight:600;display:flex}.stat-kicker-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.stat-value{font-size:var(--text-5xl);letter-spacing:-.04em;color:var(--text);font-variant-numeric:tabular-nums;align-items:baseline;gap:var(--space-2);word-break:break-word;flex-wrap:wrap;font-weight:300;line-height:1;display:flex}.stat-value-suffix{font-size:var(--text-lg);color:var(--text-muted);font-weight:500}.stat-value-target{font-size:var(--text-2xl);color:var(--text-dim);font-weight:300}.stat-label{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-2)}.stat-trend{margin-top:var(--space-4);align-items:center;gap:var(--space-3);display:flex}.stat-trend-text{font-size:var(--text-xs);color:var(--text-muted)}.stat-trend-up{color:var(--success-text)}.stat-trend-down{color:var(--danger-text)}.live-dot{background:var(--success);border-radius:50%;flex-shrink:0;width:8px;height:8px;position:relative}.live-dot:after{content:"";background:var(--success);animation:liveRing 1.6s var(--ease-out) infinite;border-radius:50%;position:absolute;inset:0}@keyframes liveRing{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}.stat-segments{margin-top:var(--space-4);gap:3px;display:flex}.stat-segment{background:var(--surface-3);border-radius:1px;flex:1;height:6px;position:relative;overflow:hidden}.stat-segment.active{background:var(--primary)}.stat-bar{background:var(--surface-3);height:4px;margin-top:var(--space-4);border-radius:2px;overflow:hidden}.stat-bar-fill{background:var(--primary);height:100%;transition:width var(--dur-slow) var(--ease-out);border-radius:2px}.stat-bar-fill.warn{background:var(--warning)}.stat-bar-fill.danger{background:var(--danger)}.stat-spark{margin-top:var(--space-3);width:100%;height:36px;position:relative}.stat-spark svg{width:100%;height:100%;display:block}.section-title{font-size:var(--text-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:var(--space-4);align-items:center;gap:var(--space-3);font-weight:600;display:flex}.section-title:after{content:"";background:var(--border);flex:1;height:1px}.page{animation:pageIn var(--dur-slow) var(--ease-out)}@keyframes pageIn{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}.page-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap;display:flex}.page-header h2{margin:0}.page-header-sub{color:var(--text-muted);font-size:var(--text-sm);margin-top:var(--space-1)}.page-header-actions{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.table-container{-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface-2);overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th,.table td{padding:11px var(--space-4);text-align:left;border-bottom:1px solid var(--border);font-size:var(--text-sm);vertical-align:middle}.table th{background:var(--surface-1);color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;white-space:nowrap;font-size:10px;font-weight:600;position:sticky;top:0}.table tbody tr{transition:background-color var(--dur-fast) var(--ease-snap)}.table tbody tr:hover{background:var(--surface-3)}.table tbody tr:last-child td{border-bottom:none}.table .empty{text-align:center;color:var(--text-dim);padding:var(--space-12) var(--space-4);font-size:var(--text-sm)}.table .actions{white-space:nowrap;gap:var(--space-1);align-items:center;display:flex}.code-pill{font-family:var(--font-mono);font-size:var(--text-base);color:var(--text);background:var(--surface-3);border-radius:var(--radius-sm);letter-spacing:.05em;padding:2px 8px;font-weight:600}.badge{align-items:center;gap:var(--space-1);border:1px solid #0000;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;line-height:1.5;display:inline-flex}.badge-success{background:var(--success-soft);color:var(--success-text)}.badge-danger{background:var(--danger-soft);color:var(--danger-text)}.badge-warning{background:var(--warning-soft);color:var(--warning-text)}.badge-info{background:var(--info-soft);color:var(--info-text)}.badge-primary{background:var(--primary-soft);color:var(--primary)}.badge-neutral{background:var(--surface-3);color:var(--text-muted);border-color:var(--border)}.badge-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.badge-dot.live{animation:liveDot 2s var(--ease-in-out) infinite}@keyframes liveDot{0%,to{opacity:1}50%{opacity:.4}}.signal-bars{align-items:flex-end;gap:2px;height:14px;display:inline-flex}.signal-bar{background:var(--border-strong);width:3px;transition:background var(--dur-fast);border-radius:1px}.signal-bar:first-child{height:25%}.signal-bar:nth-child(2){height:50%}.signal-bar:nth-child(3){height:75%}.signal-bar:nth-child(4){height:100%}.signal-bars.lv1 .signal-bar:nth-child(-n+1){background:var(--danger)}.signal-bars.lv2 .signal-bar:nth-child(-n+2){background:var(--warning)}.signal-bars.lv3 .signal-bar:nth-child(-n+3){background:var(--primary)}.signal-bars.lv4 .signal-bar{background:var(--success)}.code-window{border:1px solid var(--border-strong);border-radius:var(--radius);margin:var(--space-3) 0;box-shadow:var(--shadow-md);background:#0a0e14;overflow:hidden}.code-window-header{padding:8px var(--space-3);background:var(--surface-1);border-bottom:1px solid var(--border-strong);font-family:var(--font-mono);color:var(--text-muted);justify-content:space-between;align-items:center;font-size:13px;display:flex}.code-window-dots{align-items:center;gap:6px;display:inline-flex}.code-window-dot{background:var(--border-strong);border-radius:50%;width:10px;height:10px}.code-window-dot.r{background:#ff5f57}.code-window-dot.y{background:#febc2e}.code-window-dot.g{background:#28c840}.code-window-title{align-items:center;gap:var(--space-2);display:flex}.code-window-title-tag{color:var(--text-dim)}.code-window-body{font-family:var(--font-mono);color:#cbd5e1;padding:var(--space-4) var(--space-5);white-space:pre;max-height:480px;font-size:.875rem;line-height:1.7;overflow:auto}.code-window-body .line{padding-left:var(--space-3);border-left:2px solid #0000;display:block}.code-window-body .line.cmd{border-left-color:var(--primary);color:#e6edf3}.code-window-body .line.comment{color:var(--text-dim);font-style:italic}.code-window-body .line.string{color:var(--success-text)}.script-box{background:var(--surface-3);color:var(--text);padding:var(--space-4);border-radius:var(--radius);font-family:var(--font-mono);font-size:var(--text-sm);white-space:pre-wrap;word-break:break-all;margin:var(--space-4) 0;border:1px solid var(--border-strong);max-height:400px;line-height:1.6;overflow:hidden auto}.key-box{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);text-align:left;direction:ltr;unicode-bidi:plaintext;display:flex}[dir=rtl] .key-box{text-align:left;direction:ltr}.card-limit-bar{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4)}.card-limit-header{font-size:var(--text-sm);margin-bottom:var(--space-2);color:var(--text-muted);justify-content:space-between;display:flex}.card-limit-header strong{color:var(--text);font-variant-numeric:tabular-nums}.card-limit-track{background:var(--surface-3);border-radius:3px;height:6px;overflow:hidden}.card-limit-fill{height:100%;transition:width var(--dur-slow) var(--ease-out), background var(--dur);border-radius:3px}.card-limit-fill.ok{background:var(--primary)}.card-limit-fill.warn{background:var(--warning)}.card-limit-fill.danger{background:var(--danger)}.btn-group{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.success-icon{width:64px;height:64px;margin:var(--space-4) auto;background:var(--success-soft);color:var(--success);border-radius:50%;justify-content:center;align-items:center;display:flex}.toast-container{top:var(--space-4);z-index:1000;gap:var(--space-2);flex-direction:column;max-width:400px;display:flex;position:fixed;inset-inline-end:var(--space-4)}.toast{padding:var(--space-3) var(--space-4);border-radius:var(--radius);font-size:var(--text-sm);box-shadow:var(--shadow-lg);align-items:center;gap:var(--space-3);animation:toastIn var(--dur-slow) var(--ease-out);cursor:pointer;border:1px solid var(--border);background:var(--surface-2);max-width:400px;color:var(--text);font-weight:500;display:flex}.toast-success{border-left:3px solid var(--success)}.toast-error{border-left:3px solid var(--danger)}.toast-warning{border-left:3px solid var(--warning)}.toast-info{border-left:3px solid var(--primary)}@keyframes toastIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes toastOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}.modal-overlay{background:var(--backdrop);z-index:500;padding:var(--space-4);animation:fadeIn var(--dur) var(--ease-snap);-webkit-backdrop-filter:blur(4px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:440px;padding:var(--space-6);animation:modalIn var(--dur-slow) var(--ease-out)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:scale(.96)translateY(4px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal h3{margin-bottom:var(--space-3)}.modal p{color:var(--text-muted);font-size:var(--text-sm);margin-bottom:var(--space-6)}.modal-actions{gap:var(--space-2);justify-content:flex-end;display:flex}.skeleton{background:linear-gradient(90deg, var(--surface-3) 25%, var(--border) 50%, var(--surface-3) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s linear infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1rem;margin-bottom:var(--space-2)}.skeleton-text:last-child{width:60%}.skeleton-title{width:40%;height:1.5rem;margin-bottom:var(--space-4)}.skeleton-card{border-radius:var(--radius);height:100px}.skeleton-row{gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);display:flex}.skeleton-cell{border-radius:4px;flex:1;height:1rem}.text-muted{color:var(--text-muted)}.text-dim{color:var(--text-dim)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.text-mono,.font-mono{font-family:var(--font-mono)}.font-mono.text-sm{font-size:var(--text-base)}.mt-1{margin-top:var(--space-2)}.mt-2{margin-top:var(--space-4)}.mt-3{margin-top:var(--space-6)}.mb-1{margin-bottom:var(--space-2)}.mb-2{margin-bottom:var(--space-4)}.mb-3{margin-bottom:var(--space-6)}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.items-center{align-items:center}.justify-between{justify-content:space-between}.kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);align-items:center;gap:var(--space-2);font-size:11px;font-weight:600;display:inline-flex}.kicker-primary{color:var(--primary)}.um-layout{gap:var(--space-4);grid-template-columns:320px 1fr;min-height:70vh;display:grid}.um-sidebar{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;display:flex;overflow:hidden}.um-search{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);display:flex}.um-search input{font-size:var(--text-sm);box-shadow:none;background:0 0;border:none;outline:none;flex:1;padding:0}.um-search input:focus{box-shadow:none;background:0 0}.um-search-icon{color:var(--text-dim);flex-shrink:0}.um-user-list{flex:1;overflow-y:auto}.um-user-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;transition:background-color var(--dur-fast);border-bottom:1px solid var(--border);display:flex;position:relative}.um-user-item:hover{background:var(--surface-3)}.um-user-item.active{background:var(--primary-soft)}.um-user-item.active:before{content:"";inset-inline-start:0;background:var(--primary);border-start-end-radius:2px;border-end-end-radius:2px;width:2px;position:absolute;top:8px;bottom:8px}.um-user-avatar{background:var(--surface-3);width:34px;height:34px;color:var(--text);font-weight:600;font-size:var(--text-xs);border:1px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.um-user-info{flex:1;min-width:0}.um-user-name{font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.um-user-email{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.um-user-status{flex-shrink:0}.um-detail{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;display:flex;overflow:hidden}.um-empty{justify-content:center;align-items:center;gap:var(--space-3);height:100%;min-height:400px;color:var(--text-dim);flex-direction:column;display:flex}.um-empty-tab{padding:var(--space-12);justify-content:center;align-items:center;gap:var(--space-3);color:var(--text-dim);flex-direction:column;display:flex}.um-tabs{border-bottom:1px solid var(--border);padding:0 var(--space-4);background:var(--surface-1);gap:0;display:flex;overflow-x:auto}.um-tab{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:color var(--dur-fast), border-color var(--dur-fast);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;font-weight:500;display:flex}.um-tab:hover{color:var(--text)}.um-tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.um-tab-content{padding:var(--space-6);flex:1;overflow-y:auto}.um-overview-header{align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-5);border-bottom:1px solid var(--border);display:flex}.um-overview-avatar{background:var(--surface-3);width:56px;height:56px;color:var(--text);font-weight:700;font-size:var(--text-xl);border:1px solid var(--border);border-radius:50%;justify-content:center;align-items:center;display:flex}.um-overview-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.um-stat{gap:var(--space-1);padding:var(--space-4);background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;display:flex}.um-stat-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);font-size:11px;font-weight:600}.um-stat-value{font-size:var(--text-xl);color:var(--text);font-variant-numeric:tabular-nums;font-weight:600}.um-section-header{margin-bottom:var(--space-4)}.um-section-header h3{align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:600;display:flex}.um-form-box{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4)}.um-settings-section{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);margin-top:var(--space-4)}.um-settings-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.um-layout{grid-template-columns:1fr}.um-sidebar{border-right:none;border-bottom:1px solid var(--border);width:100%;max-height:300px;overflow-y:auto}}.settings-section{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-5)}.settings-section h3{font-size:var(--text-lg);margin-bottom:var(--space-4);align-items:center;gap:var(--space-2);font-weight:600;display:flex}.settings-section-number{font-family:var(--font-mono);color:var(--text-dim);margin-inline-end:var(--space-1);font-size:11px;font-weight:500}.current-plan-banner{align-items:center;gap:var(--space-5);padding:var(--space-5);background:linear-gradient(135deg, var(--primary-soft) 0%, transparent 100%);border:1px solid var(--primary-soft-strong);border-inline-start:3px solid var(--primary);border-radius:var(--radius-lg);display:flex}.current-plan-icon{border-radius:var(--radius);background:var(--primary-soft);width:48px;height:48px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.current-plan-body{flex:1}.current-plan-kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);font-size:10px;font-weight:600}.current-plan-name{font-size:var(--text-2xl);color:var(--text);margin:var(--space-1) 0;letter-spacing:-.02em;font-weight:600}.current-plan-limits{font-size:var(--text-sm);color:var(--text-muted);gap:var(--space-3);flex-wrap:wrap;display:flex}.current-plan-limits strong{color:var(--text);font-variant-numeric:tabular-nums}.landing{font-family:var(--font-sans)}.landing-nav{z-index:50;background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(12px)saturate(150%);border-bottom:1px solid var(--border);position:sticky;top:0}.landing-nav-inner{max-width:1200px;padding:0 var(--space-6);align-items:center;gap:var(--space-4);height:64px;margin:0 auto;display:flex}.landing-brand{flex-shrink:0;justify-content:center;align-items:center;width:clamp(140px,24vw,290px);height:100%;text-decoration:none;display:flex;overflow:hidden}.landing-brand img{object-fit:cover;object-position:left center;width:100%;height:100%}.landing-brand-name{font-size:var(--text-lg);color:var(--text);letter-spacing:-.02em;font-weight:600}.landing-brand-kicker{letter-spacing:.18em;color:var(--text-dim);text-transform:uppercase;margin-top:2px;font-size:9px;font-weight:600;line-height:1}.landing-brand-text{flex-direction:column;line-height:1.1;display:flex}.landing-nav-links{align-items:center;gap:var(--space-6);flex-wrap:wrap;margin-left:auto;display:flex}.landing-nav-links a:not(.btn){font-size:var(--text-base);color:var(--text-muted);transition:color var(--dur-fast);font-weight:500;text-decoration:none}.landing-nav-links a:not(.btn):hover{color:var(--text)}.landing-hero{max-width:1200px;padding:var(--space-20) var(--space-6) var(--space-16);gap:var(--space-12);grid-template-columns:1.05fr 1fr;align-items:center;margin:0 auto;display:grid;position:relative;overflow:hidden}.landing-hero:before{content:"";background-image:linear-gradient(var(--grid-pattern) 1px, transparent 1px), linear-gradient(90deg, var(--grid-pattern) 1px, transparent 1px);pointer-events:none;z-index:0;background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 30%,#0000 75%);mask-image:radial-gradient(circle,#000 30%,#0000 75%)}.landing-hero>*{z-index:1;position:relative}.landing-hero h1{letter-spacing:-.045em;margin-bottom:var(--space-5);color:var(--text);font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1.05}.landing-hero-sub{font-size:var(--text-lg);color:var(--text-muted);margin-bottom:var(--space-8);max-width:540px;line-height:1.6}.landing-hero-actions{gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.landing-trustline{align-items:center;gap:var(--space-2);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);font-size:12px;font-family:var(--font-mono);display:flex}.landing-trustline-dot{background:var(--text-dim);border-radius:50%;width:4px;height:4px}.landing-topo{aspect-ratio:1.1;width:100%;max-width:520px;margin:0 auto;position:relative}.topo-svg{width:100%;height:100%;position:absolute;inset:0}.topo-node{background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius);padding:var(--space-2) var(--space-3);align-items:center;gap:var(--space-2);font-size:11px;font-family:var(--font-mono);color:var(--text-muted);box-shadow:var(--shadow-md);display:flex;position:absolute}.topo-node strong{color:var(--text);font-weight:600}.topo-node.server{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.topo-node.server strong{color:var(--primary)}.topo-node-dot{background:var(--success);border-radius:50%;width:6px;height:6px}.landing-features{padding:var(--space-20) var(--space-6)}.landing-section-inner{max-width:1200px;margin:0 auto}.landing-section-head{text-align:center;margin-bottom:var(--space-16)}.landing-section-head h2{letter-spacing:-.035em;margin-bottom:var(--space-3);font-size:clamp(2rem,4vw,2.75rem);font-weight:700}.landing-section-head p{color:var(--text-muted);font-size:var(--text-lg);max-width:600px;margin:0 auto}.landing-feature{gap:var(--space-12);margin-bottom:var(--space-20);grid-template-columns:1fr 1fr;align-items:center;display:grid}.landing-feature:last-child{margin-bottom:0}.landing-feature.flip .landing-feature-text{order:2}.landing-feature.flip .landing-feature-visual{order:1}.landing-feature-kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--primary);margin-bottom:var(--space-3);font-size:11px;font-weight:600;font-family:var(--font-mono)}.landing-feature h3{font-size:var(--text-3xl);letter-spacing:-.03em;margin-bottom:var(--space-4);font-weight:600;line-height:1.15}.landing-feature p{color:var(--text-muted);font-size:var(--text-md);margin-bottom:var(--space-5);line-height:1.65}.landing-feature-list{gap:var(--space-2);flex-direction:column;list-style:none;display:flex}.landing-feature-list li{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text);display:flex}.landing-feature-list li svg{color:var(--primary);flex-shrink:0}.landing-feature-visual{aspect-ratio:1;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-8);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.fv-codesnippet{width:100%}.fv-codesnippet .code-window-body{font-size:var(--text-sm);max-height:240px}.fv-vpntunnel{width:100%;padding:var(--space-3);justify-content:center;align-items:center;display:flex}.fv-vpn-bg{width:100%;max-width:400px;height:auto}.fv-mesh{gap:var(--space-3);grid-template-columns:repeat(3,1fr);align-items:center;width:100%;display:grid}.fv-mesh-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3);text-align:center;font-family:var(--font-mono);color:var(--text-muted);font-size:11px}.fv-mesh-card strong{color:var(--text);font-size:18px;font-weight:300;display:block}.fv-mesh-card.center{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}.fv-mesh-card.center strong{color:var(--primary)}.fv-voucher{color:#0f1722;border-radius:var(--radius);padding:var(--space-3) var(--space-4);font-family:var(--font-mono);box-shadow:var(--shadow-md);border:1px dashed var(--border-strong);background:#fff}.fv-voucher-label{letter-spacing:.15em;text-transform:uppercase;color:#64748b;margin-bottom:2px;font-size:9px}.fv-voucher-code{font-size:var(--text-lg);letter-spacing:.05em;color:#0f1722;font-weight:700}.fv-voucher-meta{color:#64748b;margin-top:var(--space-2);justify-content:space-between;font-size:10px;display:flex}.fv-vouchers{justify-content:center;align-items:center;width:100%;display:flex}.fv-voucher-card{border-radius:var(--radius-lg);padding:var(--space-6) var(--space-5);width:100%;max-width:280px;font-family:var(--font-mono);box-shadow:var(--shadow-lg);border:1px solid var(--border-strong);gap:var(--space-3);background:linear-gradient(135deg,#0f1722,#1e293b);flex-direction:column;display:flex}.fv-voucher-card-top{justify-content:space-between;align-items:center;display:flex}.fv-voucher-card-brand{letter-spacing:.05em;text-transform:uppercase;color:var(--primary);font-size:11px;font-weight:700}.fv-voucher-card-label{letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim);border:1px solid var(--border);border-radius:3px;padding:2px 6px;font-size:8px;font-weight:600}.fv-voucher-card-code{font-size:var(--text-2xl);letter-spacing:.08em;color:#fff;text-align:center;padding:var(--space-2) 0;font-weight:700}.fv-voucher-card-divider{background:var(--border);opacity:.5;height:1px}.fv-voucher-card-footer{gap:var(--space-4);display:flex}.fv-voucher-card-credential{flex-direction:column;flex:1;gap:2px;display:flex}.fv-voucher-card-meta-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);font-size:8px;font-weight:600}.fv-voucher-card-meta-value{font-size:var(--text-sm);color:#94a3b8;font-weight:500}.landing-pricing{padding:var(--space-20) var(--space-6);background:var(--surface-1)}.landing-pricing-grid{gap:var(--space-6);max-width:1320px;margin:0 auto;display:flex}.landing-price-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-10) var(--space-7);transition:border-color var(--dur-fast), background-color var(--dur-fast);flex-direction:column;flex:1;min-height:520px;display:flex;position:relative}.landing-price-card:hover{border-color:var(--border-strong)}.landing-price-card.premium{background:var(--primary);border-color:var(--primary);color:#fff}.landing-price-card.premium h3,.landing-price-card.premium .landing-price-value,.landing-price-card.premium .landing-price-currency,.landing-price-card.premium .landing-price-sublabel,.landing-price-card.premium .landing-price-period{color:#fff}.landing-price-card.premium .landing-price-desc{color:#ffffffb3}.landing-price-card.premium .landing-price-features li{color:#ffffffe6}.landing-price-card.premium .landing-price-features li svg{color:#fff}.landing-price-popular{background:var(--primary);color:#fff;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:4px 14px;font-size:11px;font-weight:700;position:absolute;top:-11px;left:50%;transform:translate(-50%)}.landing-price-card h3{font-size:var(--text-xl);margin-bottom:var(--space-1);letter-spacing:-.01em;font-weight:600}.landing-price-desc{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-5);line-height:1.5}.landing-price-amount{margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--border);flex-direction:column;align-items:flex-start;display:flex}.landing-price-card.premium .landing-price-amount{border-bottom-color:#fff3}.landing-price-sublabel{margin-top:var(--space-1);align-items:baseline;gap:2px;display:flex}.landing-price-currency{font-size:var(--text-lg);color:var(--text-muted);font-weight:500}.landing-price-period{font-size:var(--text-sm);color:var(--text-dim);font-weight:400}.landing-price-value{font-size:var(--text-5xl);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-weight:300;line-height:1}.landing-price-custom{color:var(--primary)}.landing-price-features{margin-bottom:var(--space-6);flex:1;list-style:none}.landing-price-features li{align-items:flex-start;gap:var(--space-2);font-size:var(--text-md);color:var(--text);padding:9px 0;line-height:1.5;display:flex}.landing-price-features li svg{color:var(--primary);flex-shrink:0;margin-top:4px}.landing-price-features li .vpn-icon{color:var(--warning-text,#f59e0b);margin-top:3px}.landing-cta{padding:var(--space-20) var(--space-6);background:var(--bg);text-align:center;border-top:1px solid var(--border)}.landing-cta-inner{max-width:720px;margin:0 auto}.landing-cta h2{font-size:var(--text-3xl);margin-bottom:var(--space-3)}.landing-cta p{color:var(--text-muted);margin-bottom:var(--space-6)}.landing-footer{border-top:1px solid var(--border);padding:var(--space-8) var(--space-6)}.landing-footer-inner{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;max-width:1200px;margin:0 auto;display:flex}.landing-footer-brand{flex-shrink:0;align-items:center;width:160px;height:36px;display:flex;overflow:hidden}.landing-footer-brand img{object-fit:cover;object-position:left center;width:100%;height:100%}.landing-footer-links{gap:var(--space-5);display:flex}.landing-footer-links a{font-size:var(--text-base);color:var(--text-muted)}.landing-footer-links a:hover{color:var(--text)}.landing-footer-contact{gap:var(--space-1);font-size:var(--text-sm);color:var(--text-muted);flex-direction:column;display:flex}.landing-footer-contact strong{color:var(--text);margin-bottom:var(--space-1);font-weight:600}.landing-footer-contact a,.landing-footer-contact span{align-items:center;gap:var(--space-2);color:var(--text-muted);text-decoration:none;display:flex}.landing-footer-contact a:hover{color:var(--text)}.landing-footer-contact svg{flex-shrink:0}.landing-footer-copy{font-size:var(--text-sm);color:var(--text-dim);text-align:center;width:100%;margin-top:var(--space-4)}@media (width<=968px){.landing-hero{padding:var(--space-12) var(--space-6);gap:var(--space-8);grid-template-columns:1fr}.landing-topo{max-width:380px}.landing-feature{gap:var(--space-6);margin-bottom:var(--space-12);grid-template-columns:1fr}.landing-feature.flip .landing-feature-text{order:1}.landing-feature.flip .landing-feature-visual{order:2}}@media (width<=768px){.landing-nav-inner{padding:0 var(--space-4);gap:var(--space-2)}.landing-brand{width:clamp(100px,20vw,160px)}.landing-nav-links{gap:var(--space-2)}.landing-nav-links a:not(.btn):not([href*=\/]){display:none}.landing-footer-inner{text-align:center;flex-direction:column}.landing-footer-contact{align-items:center}.landing-pricing-grid{flex-direction:column;align-items:stretch}.fv-mesh{gap:var(--space-2)}.fv-mesh-card{padding:var(--space-2)}}@media (width<=480px){.landing-hero h1{font-size:2rem}.fv-mesh{grid-template-columns:repeat(2,1fr)}.landing-price-card{padding:var(--space-6) var(--space-4);min-height:0}}@media (width<=768px){.sidebar{transform:translate(-100%)}.sidebar.open{box-shadow:var(--shadow-xl);transform:translate(0)}.sidebar-overlay{opacity:0}.sidebar-overlay.visible{opacity:1}.hamburger{display:flex}.main-wrapper{margin-inline-start:0}.main-content{padding:var(--space-5);padding-top:calc(var(--space-5) + 56px)}.page-header{align-items:flex-start;gap:var(--space-2);flex-direction:row}.table-container{border-radius:var(--radius);margin:0}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card.span-6,.stat-card.span-4,.stat-card.span-3{grid-column:span 2}.table thead{display:none}.table tr{margin-bottom:var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);display:block}.table td{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);display:flex}.table td:last-child{border-bottom:none}.table td:before{content:attr(data-label);text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim);white-space:nowrap;flex-shrink:0;font-size:10px;font-weight:600}.table td.actions{justify-content:flex-end}.table .empty{display:table-cell}}@media (width<=480px){.stats-grid{grid-template-columns:1fr}.stat-card.span-6,.stat-card.span-4,.stat-card.span-3{grid-column:span 1}.stat-value{font-size:var(--text-4xl)}.btn-group{flex-direction:column;align-items:stretch}.btn-group .btn{width:100%}.modal{margin:var(--space-3);padding:var(--space-5)}.form-row{flex-direction:column}.auth-card{padding:var(--space-5)}.toast{max-width:calc(100vw - var(--space-8))}.table th,.table td{padding:8px var(--space-3);font-size:var(--text-xs)}.toast-container{max-width:calc(100vw - var(--space-8))}.grid-2{grid-template-columns:1fr}.otp-row{gap:6px}.otp-input{width:clamp(34px,9vw,48px);height:48px;font-size:1.25rem}}#root{text-align:start;border:none;width:100%;max-width:100%;min-height:auto;margin:0;display:block}[dir=rtl]{text-align:right}[dir=rtl] body{font-feature-settings:normal}[dir=rtl] .sidebar-brand img{object-position:right center}[dir=rtl] .auth-toggle-btn{right:auto!important;left:var(--space-4)!important}[dir=rtl] .auth-locale-btn{left:auto!important;right:var(--space-4)!important}[dir=rtl] .toast{border-left:none;border-right:3px solid var(--primary)}[dir=rtl] .toast-success{border-right-color:var(--success)}[dir=rtl] .toast-error{border-right-color:var(--danger)}[dir=rtl] .toast-warning{border-right-color:var(--warning)}[dir=rtl] .toast-info{border-right-color:var(--primary)}[dir=rtl] .alert{border-left:none;border-right:3px solid #0000}[dir=rtl] .alert-error{border-right-color:var(--danger)}[dir=rtl] .alert-success{border-right-color:var(--success)}[dir=rtl] .alert-warning{border-right-color:var(--warning)}[dir=rtl] .alert-info{border-right-color:var(--primary)}[dir=rtl] select{background-position:10px;padding-left:32px;padding-right:12px}[dir=rtl] input[type=file]::-webkit-file-upload-button{margin-right:0;margin-left:var(--space-3)}[dir=rtl] .input-affix-prefix{border-right:none;border-left:1px solid var(--border)}[dir=rtl] .auth-card,[dir=rtl] .stat-card{text-align:right}[dir=rtl] .landing-nav-links{margin-left:0;margin-right:auto}[dir=rtl] .landing-hero-eyebrow:before,[dir=rtl] .landing-hero-eyebrow:after{background:linear-gradient(90deg, var(--primary), transparent)}[dir=rtl] .num,[dir=rtl] .font-mono{direction:ltr;unicode-bidi:embed}[dir=rtl] code,[dir=rtl] pre,[dir=rtl] .code-window-body{text-align:left;direction:ltr}[dir=rtl] .table th,[dir=rtl] .table td{text-align:right}[dir=rtl] .landing-pricing{direction:rtl}[dir=rtl] .current-plan-card,[dir=rtl] .current-plan-meta{text-align:right}[dir=rtl] .card-preview-voucher{text-align:left;direction:ltr}[dir=rtl] .um-stat{text-align:right}[dir=rtl] .um-overview-header,[dir=rtl] .um-tabs{flex-direction:row-reverse}[dir=rtl] .stat-value,[dir=rtl] .um-stat-value,[dir=rtl] .stat-trend,[dir=rtl] .text-mono{direction:ltr;unicode-bidi:embed}[dir=rtl] .voucher-code,[dir=rtl] .fv-voucher-code{text-align:left;direction:ltr;unicode-bidi:bidi-override}[dir=rtl] .batch-card-arrow{transform:scaleX(-1)}[dir=rtl] .batch-card:hover .batch-card-arrow{transform:translate(-2px)scaleX(-1)}[dir=rtl] .quick-action svg.lucide-arrow-right{transform:scaleX(-1)}@media (width<=768px){[dir=rtl] .sidebar{transform:translate(100%)}[dir=rtl] .sidebar.open{box-shadow:var(--shadow-xl);transform:translate(0)}}[lang=ar] body{letter-spacing:0;font-weight:400}.grid-2{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.otp-input{text-align:center;width:48px;height:56px;font-size:1.5rem;font-weight:700;font-family:var(--font-mono);border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);color:var(--text);transition:border-color var(--dur-fast);outline:none}.otp-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-soft)}.otp-row{gap:var(--space-2);margin-bottom:var(--space-4);justify-content:center;display:flex}[lang=ar] h1,[lang=ar] h2,[lang=ar] h3,[lang=ar] h4,[lang=ar] h5,[lang=ar] h6{letter-spacing:0;font-weight:700}[lang=ar] .nav-item,[lang=ar] .btn{font-weight:500}[lang=ar] .stat-value{font-family:Tajawal,Space Grotesk,system-ui,sans-serif;font-weight:600}[lang=ar] .stat-label,[lang=ar] .text-uppercase{letter-spacing:0}.whatsapp-float{bottom:var(--space-5);z-index:9999;color:#fff;background:#25d366;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;position:fixed;box-shadow:0 4px 16px #25d36666}.whatsapp-float:hover{color:#fff;transform:scale(1.1);box-shadow:0 6px 24px #25d3668c}[dir=rtl] .whatsapp-float{left:var(--space-5);right:auto}.link-btn{color:var(--primary);cursor:pointer;font:inherit;font-size:inherit;align-items:center;gap:var(--space-1);background:0 0;border:none;padding:0;text-decoration:none;display:inline-flex}.link-btn:hover{color:var(--primary-hover);text-decoration:underline}.batch-date-header{font-size:var(--text-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border);font-weight:600}.batch-list{gap:var(--space-2);flex-direction:column;display:flex}.batch-card{padding:var(--space-3) var(--space-4);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--dur-fast), background-color var(--dur-fast);justify-content:space-between;align-items:center;max-width:100%;display:flex;overflow:hidden}.batch-card:hover{border-color:var(--primary);background:var(--primary-soft)}.batch-card-left{align-items:center;gap:var(--space-3);flex:1;min-width:0;display:flex}.batch-card-icon{border-radius:var(--radius);background:var(--surface-3);width:36px;height:36px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.batch-card:hover .batch-card-icon{background:var(--primary-soft-strong);color:var(--primary)}.batch-card-info{flex-direction:column;gap:2px;display:flex}.batch-card-title{font-size:var(--text-sm);color:var(--text);align-items:center;gap:var(--space-2);font-weight:600;display:flex}.batch-card-profile{font-size:var(--text-xs);color:var(--text-muted);font-weight:400;font-family:var(--font-mono)}.batch-card-meta{font-size:var(--text-xs);color:var(--text-dim);align-items:center;gap:var(--space-1);display:flex}.batch-card-dot{color:var(--border-strong)}.batch-card-right{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.batch-card-stats{gap:var(--space-3);display:flex}.batch-stat{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono)}.batch-card-arrow{color:var(--text-dim);transition:color var(--dur-fast), transform var(--dur-fast)}.batch-card:hover .batch-card-arrow{color:var(--primary);transform:translate(2px)}.batch-card-delete{width:28px;height:28px;color:var(--text-dim);border-radius:var(--radius);cursor:pointer;transition:color var(--dur-fast), background var(--dur-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.batch-card-delete:hover{color:var(--danger);background:#ef44441a}.empty-state{padding:var(--space-16) var(--space-6);color:var(--text-dim);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.spin{animation:1s linear infinite spin}@media (width<=768px){.batch-card-stats{gap:var(--space-1);flex-wrap:wrap}.batch-card{padding:var(--space-3)}}