:root{--color-primary:#a78bfa;--color-primary-light:#c4b5fd;--color-primary-dark:#7c3aed;--color-primary-deeper:#5b21b6;--color-primary-alpha-5:#a78bfa0d;--color-primary-alpha-10:#a78bfa1a;--color-primary-alpha-15:#a78bfa26;--color-primary-alpha-20:#a78bfa33;--color-primary-alpha-30:#a78bfa4d;--color-primary-alpha-40:#a78bfa66;--color-secondary:#8b5cf6;--color-secondary-light:#a78bfa;--color-secondary-dark:#6d28d9;--color-secondary-alpha-10:#8b5cf61a;--color-secondary-alpha-20:#8b5cf633;--color-accent:#2dd4bf;--color-accent-light:#5eead4;--color-accent-dark:#0d9488;--color-accent-alpha-10:#2dd4bf1a;--color-accent-alpha-20:#2dd4bf33;--color-accent-alpha-30:#2dd4bf4d;--color-success:#34d399;--color-success-alpha-10:#34d3991a;--color-success-alpha-20:#34d39933;--color-danger:#f87171;--color-danger-alpha-10:#f871711a;--color-danger-alpha-20:#f8717133;--color-warning:#fbbf24;--color-warning-alpha-10:#fbbf241a;--color-warning-alpha-20:#fbbf2433;--color-info:#60a5fa;--color-info-alpha-10:#60a5fa1a;--color-info-alpha-20:#60a5fa33;--gray-0:#0b0a14;--gray-1:#131221;--gray-2:#1c1a2e;--gray-3:#25223a;--gray-4:#2f2c47;--gray-5:#3f3b59;--gray-6:#585376;--gray-7:#7a7595;--gray-8:#a8a3c0;--gray-9:#e8e6f0;--gray-10:#fff;--bg-body:var(--gray-0);--bg-elevated:var(--gray-1);--bg-overlay:var(--gray-2);--bg-subtle:var(--gray-3);--bg-input:var(--gray-1);--bg-glass:#1c1a2e8c;--bg-glass-strong:#1c1a2ec7;--bg-glass-subtle:#ffffff08;--text-primary:var(--gray-10);--text-secondary:var(--gray-8);--text-tertiary:var(--gray-7);--text-muted:var(--gray-6);--border-subtle:#ffffff0d;--border-default:#ffffff17;--border-strong:#ffffff26;--border-glow:#a78bfa40;--border-focus:var(--color-primary-alpha-30);--gradient-primary:linear-gradient(135deg, #7c3aed 0%, #a78bfa 55%, #c4b5fd 100%);--gradient-accent:linear-gradient(135deg, #0d9488 0%, #2dd4bf 100%);--gradient-purple-teal:linear-gradient(135deg, #7c3aed 0%, #6366f1 50%, #2dd4bf 100%);--gradient-surface:linear-gradient(180deg, #ffffff0a 0%, #ffffff03 100%);--gradient-glow:radial-gradient(ellipse at top, var(--color-primary-alpha-20), transparent 60%);--gradient-card:linear-gradient(145deg, #ffffff0b 0%, #ffffff03 100%);--gradient-balance:linear-gradient(135deg, #7c3aed47 0%, #2dd4bf1a 100%);--gradient-mesh:radial-gradient(at 12% 0%, #7c3aed38 0px, transparent 50%), radial-gradient(at 88% 6%, #2dd4bf24 0px, transparent 50%), radial-gradient(at 50% 100%, #a78bfa1f 0px, transparent 60%);--shadow-xs:0 1px 2px #00000040;--shadow-sm:0 2px 6px #00000047;--shadow-md:0 6px 18px #00000057;--shadow-lg:0 16px 40px #00000073;--shadow-xl:0 32px 80px #0000008c;--shadow-glow:0 0 40px #a78bfa40;--shadow-glow-sm:0 0 20px #a78bfa26;--shadow-glow-accent:0 0 32px #2dd4bf38;--shadow-focus:0 0 0 3px var(--color-primary-alpha-30);--shadow-inset-top:inset 0 1px 0 #ffffff0f;--radius-xs:6px;--radius-sm:8px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-3xl:28px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", ui-monospace, SFMono-Regular, Menlo, Monaco, monospace;--text-xs:11px;--text-sm:13px;--text-base:14px;--text-md:15px;--text-lg:17px;--text-xl:20px;--text-2xl:24px;--text-3xl:30px;--text-4xl:36px;--text-display-sm:40px;--text-display-md:48px;--text-display-lg:56px;--text-display-xl:72px;--font-regular:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--leading-none:1;--leading-tight:1.2;--leading-snug:1.35;--leading-normal:1.5;--leading-relaxed:1.625;--tracking-tighter:-.04em;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.02em;--tracking-wider:.06em;--tracking-widest:.12em;--transition-fast:.12s cubic-bezier(.4, 0, .2, 1);--transition-base:.18s cubic-bezier(.4, 0, .2, 1);--transition-slow:.28s cubic-bezier(.4, 0, .2, 1);--transition-bounce:.38s cubic-bezier(.34, 1.56, .64, 1);--z-base:1;--z-sticky:100;--z-sidebar:200;--z-topbar:250;--z-dropdown:300;--z-drawer:400;--z-modal:500;--z-toast:600;--z-tooltip:700;--sidebar-width:248px;--sidebar-collapsed-width:72px;--topbar-height:60px;--bottomtabs-height:64px;--container-max:1280px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);font-weight:var(--font-regular);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-feature-settings:"cv02", "cv03", "cv04", "cv11"}body{background:var(--bg-body);min-height:100vh;color:var(--text-primary);position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:-2;filter:blur(10px);background:radial-gradient(50% 35% at 8% 0,#7c3aed1a,#0000 60%),radial-gradient(40% 30% at 92% 4%,#2dd4bf0f,#0000 60%);position:fixed;inset:-10%}body.has-ambient-glow:after{content:"";background:var(--gradient-mesh);pointer-events:none;z-index:-1;animation:22s ease-in-out infinite alternate ambientShift;position:fixed;inset:0}@keyframes ambientShift{0%{opacity:.85;transform:translate(0,0)scale(1)}to{opacity:1;transform:translateY(-2%)scale(1.04)}}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}input,textarea,select{font:inherit;color:inherit;background:0 0;border:none;outline:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{transition:background var(--transition-fast);background:#a78bfa38 padding-box content-box;border:2px solid #0000;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a78bfa73 padding-box content-box}::selection{background:var(--color-primary-alpha-30);color:var(--text-primary)}:focus-visible{box-shadow:var(--shadow-focus);border-radius:var(--radius-sm);outline:none}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-md{font-size:var(--text-md)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-display-sm{font-size:var(--text-display-sm);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.text-display-md{font-size:var(--text-display-md);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.text-display-lg{font-size:var(--text-display-lg);line-height:var(--leading-tight);letter-spacing:var(--tracking-tighter)}.text-display-xl{font-size:var(--text-display-xl);line-height:var(--leading-tight);letter-spacing:var(--tracking-tighter)}.font-regular{font-weight:var(--font-regular)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.font-extrabold{font-weight:var(--font-extrabold)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-muted{color:var(--text-muted)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-warning{color:var(--color-warning)}.text-info{color:var(--color-info)}.text-accent{color:var(--color-primary)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:var(--tracking-wider)}.tracking-widest{letter-spacing:var(--tracking-widest)}.tracking-tight{letter-spacing:var(--tracking-tight)}.tracking-tighter{letter-spacing:var(--tracking-tighter)}.leading-none{line-height:var(--leading-none)}.leading-tight{line-height:var(--leading-tight)}.leading-snug{line-height:var(--leading-snug)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.font-mono{font-family:var(--font-mono)}.tabular-nums{font-variant-numeric:tabular-nums}.eyebrow{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--text-tertiary)}.container{width:100%;max-width:var(--container-max);padding:0 var(--space-6);margin:0 auto}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-6{grid-template-columns:repeat(6,1fr)}@media (width<=900px){.md\:grid-cols-1{grid-template-columns:1fr}.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:hidden{display:none}.md\:block{display:block}}@media (width<=640px){.sm\:hidden{display:none}.sm\:block{display:block}.sm\:grid-cols-1{grid-template-columns:1fr}.sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.app-shell{grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh;display:grid}.app-shell.collapsed{grid-template-columns:var(--sidebar-collapsed-width) 1fr}.sidebar{-webkit-backdrop-filter:saturate(160%)blur(14px);border-right:1px solid var(--border-subtle);height:100vh;z-index:var(--z-sidebar);background:linear-gradient(#1c1a2ed9 0%,#131221eb 100%);flex-direction:column;display:flex;position:sticky;top:0;overflow:hidden}.sidebar:before{content:"";background:radial-gradient(ellipse 60% 30% at 50% 0%, var(--color-primary-alpha-10), transparent 70%);pointer-events:none;position:absolute;inset:0}.sidebar>*{position:relative}.sidebar-header{padding:var(--space-5) var(--space-5) var(--space-4);align-items:center;gap:var(--space-3);border-bottom:1px solid var(--border-subtle);display:flex}.sidebar-brand{align-items:center;gap:var(--space-3);flex:1;min-width:0;display:flex}.sidebar-brand img{object-fit:contain;flex-shrink:0;width:auto;max-width:100%;height:44px;display:block}.sidebar-brand-text{font-size:var(--text-md);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar-collapse-btn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-tertiary);transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.sidebar-collapse-btn:hover{background:var(--bg-overlay);color:var(--text-primary)}.sidebar-nav{padding:var(--space-4) var(--space-3);gap:var(--space-5);flex-direction:column;flex:1;display:flex;overflow:hidden auto}.sidebar-group{gap:var(--space-1);flex-direction:column;display:flex}.sidebar-group-label{font-size:10px;font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--text-muted);padding:0 var(--space-3);margin-bottom:var(--space-2)}.sidebar-item{align-items:center;gap:var(--space-3);padding:10px var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-base);font-weight:var(--font-medium);transition:all var(--transition-base);white-space:nowrap;display:flex;position:relative;overflow:hidden}.sidebar-item:hover{color:var(--text-primary);background:#ffffff0a}.sidebar-item.active{background:linear-gradient(90deg, var(--color-primary-alpha-20) 0%, var(--color-primary-alpha-10) 100%);color:var(--text-primary);box-shadow:var(--shadow-inset-top)}.sidebar-item.active:before{content:"";background:var(--gradient-primary);border-radius:0 3px 3px 0;width:3px;height:65%;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 0 12px #a78bfa99}.sidebar-item svg{transition:transform var(--transition-base), color var(--transition-base)}.sidebar-item.active svg{color:var(--color-primary-light)}.sidebar-item:not(.active):hover svg{transform:translate(2px)}.sidebar-item svg{flex-shrink:0}.sidebar-item-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar-footer{padding:var(--space-3);border-top:1px solid var(--border-subtle);gap:var(--space-2);flex-direction:column;display:flex}.sidebar-user{align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);display:flex;position:relative}.sidebar-user:hover{background:var(--bg-overlay)}.sidebar-user-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sidebar-user-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar-user-email{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.app-shell.collapsed .sidebar-brand-text,.app-shell.collapsed .sidebar-item-label,.app-shell.collapsed .sidebar-group-label,.app-shell.collapsed .sidebar-user-info{display:none}.app-shell.collapsed .sidebar-item{justify-content:center;padding:10px}.app-shell.collapsed .sidebar-user{justify-content:center}.app-shell.collapsed .sidebar-header{padding:var(--space-3) var(--space-2) var(--space-4);gap:var(--space-3);flex-direction:column;justify-content:center}.app-shell.collapsed .sidebar-brand{justify-content:center;width:100%}.app-shell.collapsed .sidebar-brand img{width:44px;height:44px;margin:0 auto}.app-shell.collapsed .sidebar-expand-btn{align-self:center}.avatar{border-radius:var(--radius-full);background:var(--gradient-primary);width:36px;height:36px;font-weight:var(--font-semibold);font-size:var(--text-sm);color:var(--text-primary);text-transform:uppercase;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar-sm{width:28px;height:28px;font-size:var(--text-xs)}.avatar-lg{width:56px;height:56px;font-size:var(--text-md)}.avatar-xl{width:88px;height:88px;font-size:var(--text-xl)}.topbar{z-index:var(--z-topbar);height:var(--topbar-height);-webkit-backdrop-filter:saturate(180%)blur(22px);border-bottom:1px solid var(--border-subtle);padding:0 var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);background:#0b0a14b8;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:var(--space-3);flex:1;min-width:0;display:flex}.topbar-right{align-items:center;gap:var(--space-2);display:flex}.breadcrumb{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-tertiary);display:flex}.breadcrumb-current{color:var(--text-primary);font-weight:var(--font-semibold)}.icon-btn{border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-secondary);transition:all var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex;position:relative}.icon-btn:hover{border-color:var(--border-subtle);color:var(--text-primary);background:#ffffff0f}.icon-btn:active{transform:scale(.96)}.icon-btn-badge{border-radius:var(--radius-full);background:var(--color-danger);border:2px solid var(--bg-body);width:8px;height:8px;position:absolute;top:6px;right:6px}.command-search{align-items:center;gap:var(--space-2);padding:0 var(--space-3);background:var(--bg-overlay);border:1px solid var(--border-subtle);border-radius:var(--radius-md);height:36px;color:var(--text-tertiary);font-size:var(--text-sm);transition:all var(--transition-fast);min-width:240px;display:inline-flex}.command-search:hover{border-color:var(--border-default);color:var(--text-secondary)}.command-search-kbd{background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);font-family:var(--font-mono);color:var(--text-tertiary);margin-left:auto;padding:2px 6px;font-size:10px}.quick-search{display:inline-block;position:relative}.quick-search-input-wrap{align-items:center;gap:var(--space-2);padding:0 var(--space-3);background:var(--bg-overlay);border:1px solid var(--border-subtle);border-radius:var(--radius-md);height:36px;color:var(--text-tertiary);font-size:var(--text-sm);transition:all var(--transition-fast);min-width:260px;display:inline-flex}.quick-search-input-wrap:hover{border-color:var(--border-default);color:var(--text-secondary)}.quick-search.open .quick-search-input-wrap{border-color:var(--color-primary-alpha-30);box-shadow:0 0 0 3px var(--color-primary-alpha-15);background:var(--bg-elevated);color:var(--text-primary)}.quick-search-input{color:var(--text-primary);font-size:var(--text-sm);background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:inherit}.quick-search-input::placeholder{color:var(--text-tertiary)}.quick-search-kbd{background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);font-family:var(--font-mono);color:var(--text-tertiary);white-space:nowrap;flex-shrink:0;margin-left:auto;padding:2px 6px;font-size:10px}.quick-search-dropdown{background:var(--bg-glass-strong);-webkit-backdrop-filter:saturate(180%)blur(20px);border:1px solid var(--border-default);border-radius:var(--radius-lg);min-width:320px;max-height:420px;box-shadow:var(--shadow-lg);z-index:1000;padding:var(--space-2);animation:fadeIn var(--transition-fast) ease;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.quick-search-section+.quick-search-section{margin-top:var(--space-2)}.quick-search-section-label{padding:var(--space-1) var(--space-2);font-size:10px;font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary)}.quick-search-item{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast), color var(--transition-fast);display:flex}.quick-search-item.active,.quick-search-item:hover{background:var(--bg-subtle);color:var(--text-primary)}.quick-search-item-label{font-size:var(--text-sm);flex:1}.quick-search-item-path{font-family:var(--font-mono);color:var(--text-tertiary);font-size:10px}.quick-search-empty{padding:var(--space-4);text-align:center;color:var(--text-tertiary);font-size:var(--text-sm)}@media (width<=768px){.quick-search,.quick-search-input-wrap{min-width:0}}.mobile-topbar{z-index:var(--z-topbar);-webkit-backdrop-filter:saturate(180%)blur(22px);border-bottom:1px solid var(--border-subtle);height:58px;padding:0 var(--space-4);background:#0b0a14c7;justify-content:space-between;align-items:center;display:none;position:sticky;top:0}.mobile-topbar-brand{align-items:center;gap:var(--space-2);font-weight:var(--font-bold);display:flex}.mobile-topbar-brand img{width:28px;height:28px}.bottom-tabs{z-index:var(--z-sidebar);height:var(--bottomtabs-height);-webkit-backdrop-filter:saturate(180%)blur(22px);border-top:1px solid var(--border-subtle);padding:var(--space-2) 0 calc(var(--space-2) + env(safe-area-inset-bottom,0));background:#131221e0;justify-content:space-around;align-items:center;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #00000059}.bottom-tab{color:var(--text-tertiary);font-size:10px;font-weight:var(--font-medium);transition:all var(--transition-base);border-radius:var(--radius-md);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:6px 4px;display:flex;position:relative}.bottom-tab svg{transition:transform var(--transition-bounce)}.bottom-tab.active{color:var(--color-primary-light)}.bottom-tab.active svg{filter:drop-shadow(0 2px 8px #a78bfa80);transform:translateY(-2px)scale(1.1)}.bottom-tab.active:before{content:"";border-radius:var(--radius-full);background:var(--gradient-primary);width:22px;height:3px;position:absolute;top:4px;left:50%;transform:translate(-50%);box-shadow:0 0 8px #a78bfa99}.app-main{flex-direction:column;min-width:0;display:flex}.app-main-content{padding:var(--space-8) var(--space-6);max-width:var(--container-max);flex:1;width:100%;margin:0 auto}@media (width<=1023px){.app-shell{grid-template-columns:1fr}.sidebar,.topbar{display:none}.mobile-topbar,.bottom-tabs{display:flex}.app-main-content{padding:var(--space-5) var(--space-4);padding-bottom:calc(var(--bottomtabs-height) + var(--space-6))}}.sheet-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);animation:fadeIn var(--transition-base) ease;background:#0009;position:fixed;inset:0}.sheet{z-index:calc(var(--z-modal) + 1);background:var(--bg-elevated);border-top-left-radius:var(--radius-3xl);border-top-right-radius:var(--radius-3xl);padding:var(--space-4) var(--space-4) calc(var(--space-6) + env(safe-area-inset-bottom,0));max-height:85vh;animation:slideUp var(--transition-slow) cubic-bezier(.32, .72, 0, 1);border-top:1px solid var(--border-subtle);position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.sheet-handle{background:var(--gray-5);border-radius:var(--radius-full);width:36px;height:4px;margin:0 auto var(--space-4)}.card{background:linear-gradient(180deg, #ffffff06 0%, #ffffff01 100%), var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);transition:border-color var(--transition-base), transform var(--transition-base), box-shadow var(--transition-base);box-shadow:var(--shadow-inset-top);overflow:hidden}.card-interactive{cursor:pointer}.card-interactive:hover{border-color:var(--color-primary-alpha-20);box-shadow:var(--shadow-md), var(--shadow-inset-top);transform:translateY(-2px)}.card-header{padding:var(--space-5) var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);border-bottom:1px solid var(--border-subtle);display:flex}.card-header-icon{border-radius:var(--radius-md);background:var(--color-primary-alpha-10);width:40px;height:40px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.card-header-text{flex:1;min-width:0}.card-header-action{flex-shrink:0;margin-left:auto}.account-layout{gap:var(--space-6);grid-template-columns:220px 1fr;align-items:start;display:grid}.account-tabs{top:var(--space-4);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-2);flex-direction:column;gap:4px;display:flex;position:sticky}.account-tab{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-md);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 12px;transition:background .15s,color .15s;display:flex}.account-tab:hover{background:var(--bg-subtle);color:var(--text-primary)}.account-tab.active{background:linear-gradient(90deg, var(--color-primary-alpha-20), var(--color-primary-alpha-10));color:var(--text-primary);box-shadow:var(--shadow-inset-top);position:relative}.account-tab.active:before{content:"";background:var(--gradient-primary);border-radius:0 3px 3px 0;width:3px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.account-tab-icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.account-tab-label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}@media (width<=768px){.account-layout{grid-template-columns:1fr}.account-tabs{flex-direction:row;padding:6px;position:static;overflow-x:auto}.account-tab{flex-shrink:0;width:auto}}.link-inline{cursor:pointer;color:var(--color-primary);font-size:inherit;background:0 0;border:none;align-items:center;gap:4px;padding:0;text-decoration:underline;display:inline-flex}.card-body{padding:var(--space-6)}.card-body-compact{padding:var(--space-4)}.card-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-subtle);justify-content:flex-end;align-items:center;gap:var(--space-3);display:flex}.card-title{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--text-primary)}.card-subtitle{font-size:var(--text-sm);color:var(--text-tertiary);margin-top:2px}.section-header{justify-content:space-between;align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.section-header-title{font-size:var(--text-xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);color:var(--text-primary)}.section-header-subtitle{font-size:var(--text-sm);color:var(--text-tertiary);margin-top:2px}.balance-hero{background:linear-gradient(135deg, #7c3aed2e 0%, #1c1a2e99 50%, #2dd4bf14 100%), var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-md), var(--shadow-inset-top);position:relative;overflow:hidden}.balance-hero:before{content:"";pointer-events:none;background:radial-gradient(80% 100% at 0 0,#a78bfa33,#0000 60%),radial-gradient(60% 80% at 100% 100%,#2dd4bf1a,#0000 60%);position:absolute;inset:0}.balance-hero:after{content:"";filter:blur(40px);pointer-events:none;background:radial-gradient(#a78bfa1f,#0000 60%);width:60%;height:200%;animation:12s ease-in-out infinite alternate floatGlow;position:absolute;top:-50%;right:-20%}@keyframes floatGlow{0%{transform:translate(0)scale(1)}to{transform:translate(-10%,5%)scale(1.1)}}.balance-hero>*{position:relative}.balance-hero-label{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-3);display:flex}.balance-hero-amount{font-size:var(--text-display-md);font-weight:var(--font-bold);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-tighter);line-height:var(--leading-none);color:var(--text-primary);align-items:baseline;gap:var(--space-2);background:linear-gradient(#fff 0%,#d8d4f0 100%);-webkit-text-fill-color:transparent;text-shadow:0 0 60px #a78bfa40;-webkit-background-clip:text;background-clip:text;display:flex}.balance-hero-amount .balance-hero-amount-currency{-webkit-text-fill-color:var(--text-tertiary);color:var(--text-tertiary)}.balance-hero-amount-currency{font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--text-tertiary);letter-spacing:var(--tracking-normal)}.balance-hero-meta{margin-top:var(--space-3);align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-tertiary);display:flex}.balance-sub-grid{gap:var(--space-3);margin-top:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}@media (width<=640px){.balance-hero{padding:var(--space-6)}.balance-hero-amount{font-size:var(--text-display-sm)}.balance-sub-grid{grid-template-columns:1fr}}.balance-sub-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);background:#ffffff08}.balance-sub-label{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text-tertiary);margin-bottom:var(--space-2)}.balance-sub-amount{font-size:var(--text-2xl);font-weight:var(--font-bold);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-tight);color:var(--text-primary)}.quick-actions{gap:var(--space-3);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=640px){.quick-actions{grid-template-columns:repeat(2,1fr)}}.quick-action{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-3);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);text-align:center;transition:all var(--transition-base);min-height:100px;box-shadow:var(--shadow-inset-top);flex-direction:column;display:flex;position:relative;overflow:hidden}.quick-action:after{content:"";background:radial-gradient(ellipse 100% 60% at 50% 0%, var(--color-primary-alpha-15), transparent 70%);opacity:0;transition:opacity var(--transition-base);pointer-events:none;position:absolute;inset:0}.quick-action:hover{border-color:var(--color-primary-alpha-30);box-shadow:var(--shadow-md), var(--shadow-inset-top);transform:translateY(-3px)}.quick-action:hover:after{opacity:1}.quick-action:active{transform:translateY(-1px)}.quick-action-icon{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--color-primary-alpha-20), var(--color-primary-alpha-10));width:44px;height:44px;color:var(--color-primary-light);border:1px solid var(--color-primary-alpha-20);transition:transform var(--transition-base);z-index:1;justify-content:center;align-items:center;display:inline-flex;position:relative}.quick-action:hover .quick-action-icon{transform:scale(1.06)}.quick-action>span{z-index:1;position:relative}.activity-group{flex-direction:column;display:flex}.activity-group+.activity-group{margin-top:var(--space-6)}.activity-group-header{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text-tertiary);display:flex}.activity-row{align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;display:flex}.activity-row:hover{border-color:var(--border-subtle);background:#ffffff06;transform:translate(2px)}.activity-icon{border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.activity-icon-success{background:var(--color-success-alpha-10);color:var(--color-success)}.activity-icon-danger{background:var(--color-danger-alpha-10);color:var(--color-danger)}.activity-icon-info{background:var(--color-info-alpha-10);color:var(--color-info)}.activity-icon-warning{background:var(--color-warning-alpha-10);color:var(--color-warning)}.activity-icon-primary{background:var(--color-primary-alpha-10);color:var(--color-primary-light)}.activity-icon-neutral{background:var(--bg-overlay);color:var(--text-secondary)}.activity-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.activity-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.activity-meta{font-size:var(--text-xs);color:var(--text-tertiary)}.activity-amount{font-size:var(--text-base);font-weight:var(--font-semibold);font-variant-numeric:tabular-nums;text-align:right;flex-shrink:0}.activity-amount.positive{color:var(--color-success)}.activity-amount.negative{color:var(--text-primary)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:0 var(--space-4);background:var(--bg-overlay);height:40px;color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);white-space:nowrap;transition:all var(--transition-base);-webkit-user-select:none;user-select:none;display:inline-flex;position:relative;overflow:hidden}.btn:hover{background:var(--bg-subtle);border-color:var(--border-strong);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 8px 20px #7c3aed52, var(--shadow-inset-top);border-color:#0000}.btn-primary:before{content:"";opacity:0;transition:opacity var(--transition-base);background:linear-gradient(135deg,#ffffff2e 0%,#0000 60%);position:absolute;inset:0}.btn-primary:hover{box-shadow:0 12px 28px #7c3aed73, var(--shadow-inset-top), var(--shadow-glow-sm);border-color:#0000}.btn-primary:hover:before{opacity:1}.btn-secondary{background:var(--bg-overlay);border-color:var(--border-default)}.btn-ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover{color:var(--text-primary);background:#ffffff0a;border-color:#0000;transform:none}.btn-danger{background:var(--color-danger);border-color:var(--color-danger);color:#fff;box-shadow:0 6px 16px #f871714d}.btn-danger:hover{background:#ef4444;border-color:#ef4444;box-shadow:0 10px 22px #f8717166}.btn-success{background:var(--color-success);border-color:var(--color-success);color:#042f1f;box-shadow:0 6px 16px #34d39947}.btn-success:hover{background:#10b981;border-color:#10b981;box-shadow:0 10px 22px #34d39961}.btn-accent{background:var(--gradient-accent);color:#053229;box-shadow:0 6px 18px #2dd4bf52, var(--shadow-inset-top);border-color:#0000}.btn-accent:hover{box-shadow:0 10px 26px #2dd4bf73, var(--shadow-inset-top), var(--shadow-glow-accent)}.btn-outline{border-color:var(--border-strong);color:var(--text-primary);background:0 0}.btn-outline:hover{border-color:var(--color-primary-alpha-30);background:#a78bfa14}.btn-sm{height:32px;padding:0 var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-sm)}.btn-lg{height:48px;padding:0 var(--space-6);font-size:var(--text-md);border-radius:var(--radius-lg)}.btn-block{width:100%}.btn-icon{width:40px;padding:0}.btn-icon.btn-sm{width:32px}.btn-icon.btn-lg{width:48px}.btn-loading{pointer-events:none;position:relative;color:#0000!important}.btn-loading:after{content:"";border-radius:var(--radius-full);width:16px;height:16px;color:var(--text-primary);border:2px solid;border-top-color:#0000;margin:auto;animation:.7s linear infinite spin;position:absolute;inset:0}.field{gap:var(--space-2);flex-direction:column;display:flex;position:relative}.field-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.field-required:after{content:"*";color:var(--color-danger);margin-left:4px}.field-hint{font-size:var(--text-xs);color:var(--text-tertiary)}.field-error{font-size:var(--text-xs);color:var(--color-danger);align-items:center;gap:var(--space-1);display:flex}.input,.select,.textarea{width:100%;height:44px;padding:0 var(--space-4);background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-base);transition:all var(--transition-fast);box-shadow:var(--shadow-inset-top)}.input:hover:not(:focus):not(:disabled),.select:hover:not(:focus):not(:disabled),.textarea:hover:not(:focus):not(:disabled){border-color:var(--border-strong)}.textarea{height:auto;min-height:100px;padding:var(--space-3) var(--space-4);resize:vertical;line-height:var(--leading-normal)}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.input:focus,.select:focus,.textarea:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.input:disabled,.select:disabled{opacity:.6;cursor:not-allowed}.input-group{align-items:center;display:flex;position:relative}.input-group .input{padding-left:44px}.input-group .input:first-child{padding-left:var(--space-4)}.input-group:has(.input-group-trailing) .input{padding-right:60px}.input-group-icon{left:var(--space-4);color:var(--text-tertiary);pointer-events:none;justify-content:center;align-items:center;display:inline-flex;position:absolute}.input-group-trailing{right:var(--space-3);align-items:center;gap:var(--space-1);color:var(--text-tertiary);pointer-events:none;display:inline-flex;position:absolute}.input-group-suffix{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);letter-spacing:.02em}.input-error,.input.is-invalid{border-color:var(--color-danger)}.input-error:focus{box-shadow:0 0 0 3px var(--color-danger-alpha-20)}.checkbox{align-items:center;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--text-sm);color:var(--text-secondary);display:inline-flex}.checkbox input[type=checkbox]{appearance:none;border:1.5px solid var(--border-strong);border-radius:var(--radius-xs);background:var(--bg-elevated);width:18px;height:18px;transition:all var(--transition-fast);cursor:pointer;flex-shrink:0;position:relative}.checkbox input[type=checkbox]:checked{background:var(--color-primary);border-color:var(--color-primary)}.checkbox input[type=checkbox]:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.otp-row{gap:var(--space-2);justify-content:center;display:flex}.otp-cell{text-align:center;width:48px;height:56px;font-size:var(--text-2xl);font-weight:var(--font-bold);font-variant-numeric:tabular-nums;background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:all var(--transition-fast)}.otp-cell:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.pill{font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);border-radius:var(--radius-full);background:var(--bg-overlay);color:var(--text-secondary);white-space:nowrap;border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(8px);align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.pill-accent{background:var(--color-accent-alpha-10);color:var(--color-accent-light);border-color:var(--color-accent-alpha-30)}.pill-sm{padding:2px 8px;font-size:10px}.pill-success{background:var(--color-success-alpha-10);color:var(--color-success);border-color:var(--color-success-alpha-20)}.pill-warning{background:var(--color-warning-alpha-10);color:var(--color-warning);border-color:var(--color-warning-alpha-20)}.pill-danger{background:var(--color-danger-alpha-10);color:var(--color-danger);border-color:var(--color-danger-alpha-20)}.pill-info{background:var(--color-info-alpha-10);color:var(--color-info);border-color:var(--color-info-alpha-20)}.pill-primary{background:var(--color-primary-alpha-10);color:var(--color-primary-light);border-color:var(--color-primary-alpha-30)}.pill-neutral{background:var(--bg-overlay);color:var(--text-secondary)}.pill-dot{border-radius:var(--radius-full);background:currentColor;width:6px;height:6px}.badge{font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-full);background:var(--bg-overlay);color:var(--text-secondary);align-items:center;padding:4px 10px;display:inline-flex}.badge-primary{background:var(--color-primary-alpha-10);color:var(--color-primary-light)}.badge-success{background:var(--color-success-alpha-10);color:var(--color-success)}.alert{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:var(--leading-snug);border:1px solid #0000;display:flex}.alert-error{background:var(--color-danger-alpha-10);color:var(--color-danger);border-color:var(--color-danger-alpha-20)}.alert-success{background:var(--color-success-alpha-10);color:var(--color-success);border-color:var(--color-success-alpha-20)}.alert-warning{background:var(--color-warning-alpha-10);color:var(--color-warning);border-color:var(--color-warning-alpha-20)}.alert-info{background:var(--color-info-alpha-10);color:var(--color-info);border-color:var(--color-info-alpha-20)}.alert-icon{flex-shrink:0;margin-top:1px}.alert-content{flex:1;min-width:0}.alert-title{font-weight:var(--font-semibold);margin-bottom:2px}.tabs{background:var(--bg-overlay);border:1px solid var(--border-subtle);border-radius:var(--radius-md);align-items:center;gap:2px;padding:4px;display:inline-flex}.tabs-block{width:100%;display:flex}.tabs-block .tab{flex:1}.tab{justify-content:center;align-items:center;gap:var(--space-2);padding:0 var(--space-4);height:32px;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast);white-space:nowrap;display:inline-flex}.tab:hover{color:var(--text-primary);background:#ffffff08}.tab.active{color:var(--text-primary);box-shadow:var(--shadow-xs), var(--shadow-inset-top);background:linear-gradient(#ffffff12 0%,#ffffff08 100%)}.vtabs{padding:var(--space-2);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;gap:2px;display:flex}.vtab{align-items:center;gap:var(--space-3);padding:10px var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);text-align:left;display:flex}.vtab:hover{background:var(--bg-overlay);color:var(--text-primary)}.vtab.active{background:var(--color-primary-alpha-10);color:var(--color-primary-light)}.modal-overlay{-webkit-backdrop-filter:blur(10px)saturate(150%);z-index:var(--z-modal);padding:var(--space-4);animation:fadeIn var(--transition-base) ease;background:#080610a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:linear-gradient(180deg, #ffffff0a 0%, #ffffff03 100%), var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-2xl);width:100%;max-width:480px;max-height:calc(100vh - var(--space-8));box-shadow:var(--shadow-xl), 0 0 0 1px var(--border-subtle), var(--shadow-inset-top);animation:modalSlideIn var(--transition-slow) cubic-bezier(.32, .72, 0, 1);flex-direction:column;display:flex;overflow:hidden}.modal-sm{max-width:400px}.modal-lg{max-width:640px}.modal-xl{max-width:800px}.modal-header{padding:var(--space-5) var(--space-6);justify-content:space-between;align-items:flex-start;gap:var(--space-4);border-bottom:1px solid var(--border-subtle);display:flex}.modal-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);letter-spacing:var(--tracking-tight)}.modal-subtitle{font-size:var(--text-sm);color:var(--text-tertiary);margin-top:4px}.modal-close{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-tertiary);transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.modal-close:hover{background:var(--bg-overlay);color:var(--text-primary)}.modal-body{padding:var(--space-6);flex:1;overflow-y:auto}.modal-footer{padding:var(--space-4) var(--space-6);justify-content:flex-end;align-items:center;gap:var(--space-3);border-top:1px solid var(--border-subtle);background:var(--bg-body);display:flex}.drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-drawer);animation:fadeIn var(--transition-base) ease;background:#00000080;position:fixed;inset:0}.drawer{z-index:calc(var(--z-drawer) + 1);background:var(--bg-elevated);border-left:1px solid var(--border-subtle);width:100%;max-width:480px;animation:slideInRight var(--transition-slow) cubic-bezier(.32, .72, 0, 1);box-shadow:var(--shadow-xl);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0}.drawer-header{padding:var(--space-5) var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-3);border-bottom:1px solid var(--border-subtle);display:flex}.drawer-body{padding:var(--space-6);flex:1;overflow-y:auto}.drawer-footer{padding:var(--space-4) var(--space-6);justify-content:flex-end;align-items:center;gap:var(--space-3);border-top:1px solid var(--border-subtle);display:flex}@media (width<=640px){.drawer{border-left:none;max-width:100%}}.skeleton{background:linear-gradient(90deg, var(--bg-overlay) 0%, var(--bg-subtle) 50%, var(--bg-overlay) 100%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.4s linear infinite shimmer}.skeleton-line{border-radius:var(--radius-xs);height:14px}.skeleton-text{border-radius:var(--radius-xs);height:12px}.skeleton-title{border-radius:var(--radius-sm);height:24px}.skeleton-circle{border-radius:var(--radius-full)}.skeleton-card{border-radius:var(--radius-xl);height:120px}.empty-state{text-align:center;padding:var(--space-12) var(--space-6);justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.empty-state-icon{border-radius:var(--radius-full);background:var(--color-primary-alpha-10);width:64px;height:64px;color:var(--color-primary-light);margin-bottom:var(--space-2);justify-content:center;align-items:center;display:inline-flex}.empty-state-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.empty-state-text{font-size:var(--text-sm);color:var(--text-tertiary);max-width:360px;line-height:var(--leading-relaxed)}.toast-container{bottom:var(--space-6);right:var(--space-6);z-index:var(--z-toast);gap:var(--space-2);pointer-events:none;flex-direction:column;display:flex;position:fixed}@media (width<=640px){.toast-container{bottom:calc(var(--bottomtabs-height) + var(--space-3));left:var(--space-3);right:var(--space-3)}}.toast{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-glass-strong);-webkit-backdrop-filter:saturate(180%)blur(18px);border:1px solid var(--border-default);border-radius:var(--radius-lg);min-width:300px;max-width:420px;box-shadow:var(--shadow-lg);pointer-events:auto;animation:slideInRight var(--transition-slow) cubic-bezier(.32, .72, 0, 1);display:flex}.toast-success{border-left:3px solid var(--color-success)}.toast-error{border-left:3px solid var(--color-danger)}.toast-info{border-left:3px solid var(--color-info)}.toast-warning{border-left:3px solid var(--color-warning)}.toast-icon{flex-shrink:0;margin-top:2px}.toast-success .toast-icon{color:var(--color-success)}.toast-error .toast-icon{color:var(--color-danger)}.toast-info .toast-icon{color:var(--color-info)}.toast-warning .toast-icon{color:var(--color-warning)}.toast-content{min-width:0;font-size:var(--text-sm);color:var(--text-primary);line-height:var(--leading-snug);flex:1}.toast-title{font-weight:var(--font-semibold);margin-bottom:2px}.toast-message{color:var(--text-secondary)}.stepper{align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);display:flex}.step{align-items:center;gap:var(--space-2);flex:1;display:flex}.step-circle{border-radius:var(--radius-full);background:var(--bg-overlay);border:1px solid var(--border-default);width:28px;height:28px;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-tertiary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.step.active .step-circle{background:var(--gradient-primary);color:#fff;box-shadow:0 0 0 4px var(--color-primary-alpha-15), 0 4px 12px #7c3aed66;border-color:#0000}.step.complete .step-circle{background:var(--color-success);border-color:var(--color-success);color:#042f1f;box-shadow:0 0 0 3px var(--color-success-alpha-10)}.step-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-tertiary);white-space:nowrap}.step.active .step-label,.step.complete .step-label{color:var(--text-primary)}.step-divider{background:var(--border-default);flex:1;height:1px}.step.complete+.step .step-divider{background:var(--color-success)}.kpi-grid{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=1023px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.kpi-grid{grid-template-columns:1fr}}.kpi-card{background:linear-gradient(180deg, #ffffff06 0%, #ffffff01 100%), var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-5);gap:var(--space-3);transition:all var(--transition-base);box-shadow:var(--shadow-inset-top);flex-direction:column;display:flex}.kpi-card:hover{border-color:var(--color-primary-alpha-20);box-shadow:var(--shadow-md), var(--shadow-inset-top);transform:translateY(-2px)}.kpi-card:hover .kpi-icon{transform:scale(1.06)}.kpi-icon{transition:transform var(--transition-base)}.kpi-card-header{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.kpi-label{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text-tertiary)}.kpi-icon{border-radius:var(--radius-md);background:var(--color-primary-alpha-10);width:32px;height:32px;color:var(--color-primary-light);justify-content:center;align-items:center;display:inline-flex}.kpi-value{font-size:var(--text-2xl);font-weight:var(--font-bold);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-tight);color:var(--text-primary)}.kpi-trend{font-size:var(--text-xs);font-weight:var(--font-semibold);align-items:center;gap:4px;display:inline-flex}.kpi-trend.up{color:var(--color-success)}.kpi-trend.down{color:var(--color-danger)}.table{border-collapse:separate;border-spacing:0;width:100%;font-size:var(--text-sm)}.table thead th{text-align:left;font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text-tertiary);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);background:var(--bg-body)}.table tbody td{padding:var(--space-4);border-bottom:1px solid var(--border-subtle);color:var(--text-primary)}.table tbody tr:hover{background:var(--bg-overlay)}.table-striped tbody tr:nth-child(2n){background:#ffffff04}.auth-split{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.auth-form-side{padding:var(--space-8);justify-content:center;align-items:center;display:flex}.auth-card{gap:var(--space-6);flex-direction:column;width:100%;max-width:420px;display:flex}.auth-brand{align-items:center;gap:var(--space-3);font-size:var(--text-lg);font-weight:var(--font-bold);display:flex}.auth-brand img{object-fit:contain;width:auto;height:56px;display:block}.auth-headline{font-size:var(--text-3xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);color:var(--text-primary)}.auth-sub{font-size:var(--text-md);color:var(--text-tertiary)}.auth-divider{align-items:center;gap:var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text-tertiary);display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border-subtle);flex:1;height:1px}.auth-brand-side{background:var(--gradient-purple-teal);padding:var(--space-12);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-brand-side:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 30%,#fff3,#0000 50%),radial-gradient(circle at 80% 70%,#ffffff1a,#0000 50%),radial-gradient(50% 60% at 100% 100%,#2dd4bf59,#0000 60%);animation:18s ease-in-out infinite alternate ambientShift;position:absolute;inset:0}.auth-brand-side:after{content:"";pointer-events:none;opacity:.6;background-image:repeating-linear-gradient(45deg,#ffffff06 0 1px,#0000 1px 60px);position:absolute;inset:0}.auth-brand-content{text-align:center;color:var(--text-primary);max-width:480px;position:relative}.auth-brand-headline{font-size:var(--text-3xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin-bottom:var(--space-4)}.auth-brand-text{font-size:var(--text-md);color:#ffffffd9;line-height:var(--leading-relaxed)}.auth-trust-row{justify-content:center;gap:var(--space-6);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.auth-trust-item{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:#ffffffd9;display:flex}.auth-brand-mark{border-radius:var(--radius-2xl);width:72px;height:72px;margin:0 auto var(--space-6);color:#fff;-webkit-backdrop-filter:blur(12px);background:#ffffff1f;border:1px solid #ffffff2e;justify-content:center;align-items:center;display:inline-flex}.segment-control{background:var(--bg-input);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);gap:4px;padding:4px;display:flex}.segment-control-item{border-radius:var(--radius-md);color:var(--text-tertiary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 12px;transition:background .15s,color .15s;display:inline-flex}.segment-control-item:hover{color:var(--text-primary)}.segment-control-item.is-active{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 12px #7c3aed52, var(--shadow-inset-top)}@media (width<=1023px){.auth-split{grid-template-columns:1fr}.auth-brand-side{display:none}.auth-form-side{padding:var(--space-6) var(--space-4)}}.landing-shell{flex-direction:column;min-height:100vh;display:flex}.landing-header{z-index:var(--z-topbar);-webkit-backdrop-filter:saturate(180%)blur(22px);border-bottom:1px solid var(--border-subtle);background:#0b0a14a6;align-items:center;height:64px;display:flex;position:sticky;top:0}.landing-header-inner{max-width:var(--container-max);width:100%;padding:0 var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);margin:0 auto;display:flex}.landing-brand{align-items:center;gap:var(--space-2);font-size:var(--text-md);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);display:flex}.landing-brand img{object-fit:contain;width:auto;height:48px;display:block}.landing-nav{align-items:center;gap:var(--space-1);display:flex}.landing-nav-link{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast)}.landing-nav-link:hover{color:var(--text-primary);background:var(--bg-overlay)}@media (width<=768px){.landing-nav{display:none}}.landing-hero{padding:var(--space-20) 0 var(--space-16);position:relative;overflow:hidden}.landing-hero:before{content:"";filter:blur(30px);pointer-events:none;z-index:0;background:radial-gradient(50% 40% at 20% 30%,#7c3aed4d,#0000 60%),radial-gradient(40% 30% at 80% 70%,#2dd4bf26,#0000 60%);height:120%;position:absolute;top:-20%;left:-10%;right:-10%}.landing-hero-inner{z-index:1;max-width:var(--container-max);padding:0 var(--space-6);gap:var(--space-12);grid-template-columns:1.1fr 1fr;align-items:center;margin:0 auto;display:grid;position:relative}@media (width<=1023px){.landing-hero{padding:var(--space-12) 0}.landing-hero-inner{gap:var(--space-8);text-align:center;grid-template-columns:1fr}}.landing-hero-eyebrow{align-items:center;gap:var(--space-2);padding:7px var(--space-4);background:linear-gradient(135deg, var(--color-primary-alpha-15), var(--color-accent-alpha-10));border:1px solid var(--color-primary-alpha-30);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-primary-light);margin-bottom:var(--space-5);letter-spacing:var(--tracking-wide);-webkit-backdrop-filter:blur(10px);display:inline-flex;box-shadow:0 0 24px #a78bfa26}.landing-hero-title{font-size:var(--text-display-md);font-weight:var(--font-extrabold);letter-spacing:var(--tracking-tighter);line-height:var(--leading-tight);color:var(--text-primary);margin-bottom:var(--space-4);background:linear-gradient(#fff 0%,#c4b5fd 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@media (width>=1024px){.landing-hero-title{font-size:var(--text-display-lg)}}.landing-hero-sub{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-6);max-width:540px}@media (width<=1023px){.landing-hero-sub{margin-left:auto;margin-right:auto}}.landing-hero-cta{gap:var(--space-3);flex-wrap:wrap;display:flex}@media (width<=1023px){.landing-hero-cta{justify-content:center}}.landing-hero-visual{justify-content:center;align-items:center;display:flex;position:relative}.landing-hero-image{filter:drop-shadow(0 30px 70px #7c3aed73)drop-shadow(0 0 30px #2dd4bf26);width:auto;max-width:100%;animation:6s ease-in-out infinite heroFloat}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.landing-trust-strip{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);background:linear-gradient(180deg, #ffffff06 0%, #ffffff01 100%), var(--bg-elevated);padding:var(--space-6) 0}.landing-trust-value{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.landing-trust-inner{max-width:var(--container-max);padding:0 var(--space-6);gap:var(--space-6);grid-template-columns:repeat(4,1fr);margin:0 auto;display:grid}@media (width<=768px){.landing-trust-inner{grid-template-columns:repeat(2,1fr)}}.landing-trust-item{text-align:center}.landing-trust-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);font-variant-numeric:tabular-nums}.landing-trust-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wider);margin-top:2px}.landing-section{padding:var(--space-16) 0}.landing-section-inner{max-width:var(--container-max);padding:0 var(--space-6);margin:0 auto}.landing-section-title{font-size:var(--text-3xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);text-align:center;margin-bottom:var(--space-3)}.landing-section-sub{text-align:center;font-size:var(--text-md);color:var(--text-tertiary);max-width:600px;margin:0 auto var(--space-10)}.landing-features{gap:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=1023px){.landing-features{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.landing-features{grid-template-columns:1fr}}.landing-feature{background:linear-gradient(180deg, #ffffff08 0%, #ffffff01 100%), var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-base);box-shadow:var(--shadow-inset-top);position:relative;overflow:hidden}.landing-feature:before{content:"";background:radial-gradient(ellipse 80% 50% at 50% 0%, var(--color-primary-alpha-10), transparent 70%);opacity:0;transition:opacity var(--transition-base);pointer-events:none;position:absolute;inset:0}.landing-feature:hover{border-color:var(--color-primary-alpha-30);box-shadow:var(--shadow-lg), var(--shadow-inset-top);transform:translateY(-4px)}.landing-feature:hover:before{opacity:1}.landing-feature>*{position:relative}.landing-feature-icon{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--color-primary-alpha-20), var(--color-primary-alpha-10));width:52px;height:52px;color:var(--color-primary-light);margin-bottom:var(--space-4);border:1px solid var(--color-primary-alpha-20);transition:all var(--transition-base);justify-content:center;align-items:center;display:inline-flex}.landing-feature:hover .landing-feature-icon{transform:scale(1.08)rotate(-3deg);box-shadow:0 8px 24px #a78bfa40}.landing-feature-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.landing-feature-text{font-size:var(--text-sm);color:var(--text-tertiary);line-height:var(--leading-relaxed)}.landing-cta{margin:var(--space-12) 0;padding:0 var(--space-6)}.landing-cta-card{max-width:var(--container-max);background:var(--gradient-purple-teal);border-radius:var(--radius-3xl);padding:var(--space-12) var(--space-8);text-align:center;box-shadow:0 30px 80px #7c3aed59, var(--shadow-inset-top);margin:0 auto;position:relative;overflow:hidden}.landing-cta-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 30%,#ffffff2e,#0000 50%),radial-gradient(circle at 80% 70%,#ffffff1a,#0000 50%);position:absolute;inset:0}.landing-cta-card:after{content:"";pointer-events:none;background:radial-gradient(30% 50% at 0%,#ffffff14,#0000 60%),radial-gradient(40% 60% at 100%,#2dd4bf33,#0000 60%);position:absolute;inset:0}.landing-cta-card>*{position:relative}.landing-cta-title{font-size:var(--text-3xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-3)}.landing-cta-text{font-size:var(--text-md);color:#ffffffd9;margin-bottom:var(--space-6);max-width:540px;margin-left:auto;margin-right:auto}.landing-footer{border-top:1px solid var(--border-subtle);padding:var(--space-8) 0 var(--space-6);background:var(--bg-elevated);margin-top:auto}.landing-footer-inner{max-width:var(--container-max);padding:0 var(--space-6);gap:var(--space-8);grid-template-columns:2fr 1fr 1fr 1fr;margin:0 auto;display:grid}@media (width<=1023px){.landing-footer-inner{gap:var(--space-6);grid-template-columns:1fr 1fr}}@media (width<=640px){.landing-footer-inner{grid-template-columns:1fr}}.landing-footer-group h4{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text-tertiary);margin-bottom:var(--space-3)}.landing-footer-group a{font-size:var(--text-sm);color:var(--text-secondary);transition:color var(--transition-fast);padding:4px 0;display:block}.landing-footer-group a:hover{color:var(--text-primary)}.landing-footer-bottom{max-width:var(--container-max);margin:var(--space-8) auto 0;padding:var(--space-5) var(--space-6) 0;border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:var(--space-4);font-size:var(--text-xs);color:var(--text-tertiary);flex-wrap:wrap;display:flex}.profile-banner{background:linear-gradient(90deg, var(--color-warning-alpha-10) 0%, #fbbf240a 100%);border-bottom:1px solid var(--color-warning-alpha-20);padding:var(--space-3) var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);-webkit-backdrop-filter:blur(10px);flex-wrap:wrap;display:flex}.profile-banner-text{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-warning);font-weight:var(--font-medium);display:flex}.lang-switcher{position:relative}.lang-switcher-button{align-items:center;gap:var(--space-2);padding:6px var(--space-3);border-radius:var(--radius-md);background:var(--bg-overlay);border:1px solid var(--border-subtle);font-size:var(--text-sm);color:var(--text-secondary);transition:all var(--transition-fast);display:inline-flex}.lang-switcher-button:hover{color:var(--text-primary);border-color:var(--border-default)}.lang-switcher-menu{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);min-width:180px;max-height:calc(100vh - 120px);box-shadow:var(--shadow-lg);padding:var(--space-1);z-index:var(--z-dropdown);position:absolute;bottom:calc(100% + 4px);left:0;overflow-y:auto}.lang-option{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);width:100%;font-size:var(--text-sm);color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast);text-align:left;display:flex}.lang-option:hover{background:var(--bg-overlay);color:var(--text-primary)}.lang-option.active{background:var(--color-primary-alpha-10);color:var(--color-primary-light)}.dropdown{position:relative}.dropdown-menu{background:var(--bg-overlay);border:1px solid var(--border-subtle);border-radius:var(--radius-md);min-width:200px;box-shadow:var(--shadow-lg);padding:var(--space-1);z-index:var(--z-dropdown);opacity:0;visibility:hidden;transition:all var(--transition-fast);position:absolute;bottom:calc(100% + 4px);left:0;right:0;transform:translateY(4px)}.dropdown.open .dropdown-menu,.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu.menu-top-right{inset:calc(100% + 4px) 0 auto auto}.dropdown-item{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);width:100%;font-size:var(--text-sm);color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast);text-align:left;display:flex}.dropdown-item:hover{background:var(--bg-elevated);color:var(--text-primary)}.dropdown-divider{background:var(--border-subtle);height:1px;margin:var(--space-1) 0}.divider{background:var(--border-subtle);width:100%;height:1px}.spinner{border-radius:var(--radius-full);border:2px solid;border-top-color:#0000;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}.spinner-lg{border-width:2.5px;width:24px;height:24px}.glow-text{background:var(--gradient-primary);color:#0000;-webkit-background-clip:text;background-clip:text}.numeric{font-variant-numeric:tabular-nums;font-family:var(--font-mono);letter-spacing:var(--tracking-tight)}.hidden-mobile{display:initial}.hidden-desktop{display:none}@media (width<=1023px){.hidden-mobile{display:none}.hidden-desktop{display:initial}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes neonPulse{0%,to{filter:drop-shadow(0 0 24px #a855f766)}50%{filter:drop-shadow(0 0 48px #a855f7b3)}}.debit-card-3d{perspective:1200px;aspect-ratio:1.586;width:100%;max-width:380px;margin:0 auto}.debit-card-3d__inner{width:100%;height:100%;transform-style:preserve-3d;transform:rotateY(var(--ry,0deg)) rotateX(var(--rx,0deg));will-change:transform;transition:transform .7s cubic-bezier(.4,0,.2,1);position:relative}.debit-card-3d.is-flipped .debit-card-3d__inner{transform:rotateY(180deg) rotateX(var(--rx,0deg))}.debit-card-3d__face{backface-visibility:hidden;background:linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 55%, var(--color-primary-light) 100%);box-shadow:var(--shadow-glow), 0 12px 32px #0006, inset 0 1px 0 #ffffff26;color:#fff;border-radius:16px;flex-direction:column;justify-content:space-between;padding:24px;display:flex;position:absolute;inset:0;overflow:hidden}.debit-card-3d__face:after{content:"";pointer-events:none;background:radial-gradient(circle at 20% 0,#ffffff26 0%,#0000 50%);position:absolute;inset:0}.debit-card-3d__face--back{justify-content:flex-start;gap:16px;transform:rotateY(180deg)}.debit-card-3d__face--back:before{content:"";background:#1a1a1a;height:42px;margin:12px -24px 0;display:block}.debit-card-3d__brand{letter-spacing:2px;opacity:.95;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;display:flex}.debit-card-3d__chip{background:linear-gradient(135deg,#d4af37 0%,#f6e27a 50%,#b8860b 100%);border-radius:5px;width:38px;height:28px;position:relative;box-shadow:inset 0 0 4px #0000004d}.debit-card-3d__chip:before,.debit-card-3d__chip:after{content:"";background:#00000040;position:absolute}.debit-card-3d__chip:before{width:1px;top:8px;bottom:8px;left:12px}.debit-card-3d__chip:after{width:1px;top:8px;bottom:8px;left:24px}.debit-card-3d__number{letter-spacing:2px;text-shadow:0 1px 2px #0000004d;cursor:pointer;-webkit-user-select:all;user-select:all;text-align:center;border-radius:6px;padding:8px 4px;font-family:Courier New,ui-monospace,monospace;font-size:22px;transition:background-color .2s}.debit-card-3d__number:hover{background:#ffffff1a}.debit-card-3d__footer{justify-content:space-between;align-items:flex-end;gap:16px;font-size:11px;display:flex}.debit-card-3d__field{cursor:pointer;-webkit-user-select:all;user-select:all;border-radius:4px;padding:4px 6px;transition:background-color .2s}.debit-card-3d__field:hover{background:#ffffff1a}.debit-card-3d__field-label{opacity:.7;letter-spacing:1.5px;margin-bottom:2px;font-size:9px;display:block}.debit-card-3d__field-value{letter-spacing:1px;font-family:Courier New,ui-monospace,monospace;font-size:14px}.debit-card-3d__cvv-row{justify-content:flex-end;align-items:center;gap:12px;padding:0 12px;display:flex}.debit-card-3d__cvv{color:#111;letter-spacing:4px;cursor:pointer;-webkit-user-select:all;user-select:all;background:#ffffffe6;border-radius:4px;padding:8px 16px;font-family:Courier New,ui-monospace,monospace;font-size:18px;transition:filter .2s}.debit-card-3d__cvv:hover{filter:brightness(1.1)}