:root{--color-primary: #a855f7;--color-primary-light: #c084fc;--color-primary-dark: #7c3aed;--color-primary-alpha-10: rgba(168, 85, 247, .1);--color-primary-alpha-20: rgba(168, 85, 247, .2);--color-primary-alpha-30: rgba(168, 85, 247, .3);--color-secondary: #7c3aed;--color-secondary-light: #8b5cf6;--color-secondary-dark: #6d28d9;--color-secondary-alpha-10: rgba(124, 58, 237, .1);--color-secondary-alpha-20: rgba(124, 58, 237, .2);--color-success: #10b981;--color-success-alpha-10: rgba(16, 185, 129, .1);--color-success-alpha-20: rgba(16, 185, 129, .2);--color-danger: #ef4444;--color-danger-alpha-10: rgba(239, 68, 68, .1);--color-danger-alpha-20: rgba(239, 68, 68, .2);--color-warning: #f59e0b;--color-warning-alpha-10: rgba(245, 158, 11, .1);--color-warning-alpha-20: rgba(245, 158, 11, .2);--color-info: #3b82f6;--color-info-alpha-10: rgba(59, 130, 246, .1);--color-info-alpha-20: rgba(59, 130, 246, .2);--gray-0: #0a0a0f;--gray-1: #12121a;--gray-2: #1a1a25;--gray-3: #222230;--gray-4: #2a2a3c;--gray-5: #3a3a50;--gray-6: #525270;--gray-7: #717190;--gray-8: #a0a0b8;--gray-9: #e4e4f0;--gray-10: #ffffff;--bg-body: var(--gray-0);--bg-elevated: var(--gray-1);--bg-overlay: var(--gray-2);--bg-subtle: var(--gray-3);--text-primary: var(--gray-10);--text-secondary: var(--gray-8);--text-tertiary: var(--gray-7);--text-muted: var(--gray-6);--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .16);--border-focus: var(--color-primary-alpha-30);--gradient-primary: linear-gradient(135deg, var(--color-primary), #d8b4fe);--gradient-surface: linear-gradient(180deg, rgba(255,255,255,.04) 0%, rgba(255,255,255,.01) 100%);--gradient-glow: radial-gradient(ellipse at top, var(--color-primary-alpha-20), transparent 50%);--gradient-card: linear-gradient(145deg, rgba(255,255,255,.04) 0%, rgba(255,255,255,.01) 100%);--gradient-balance: linear-gradient(135deg, rgba(168, 85, 247, .15) 0%, rgba(124, 58, 237, .05) 100%);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 2px 6px rgba(0, 0, 0, .25);--shadow-md: 0 4px 14px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .4);--shadow-xl: 0 24px 64px rgba(0, 0, 0, .5);--shadow-glow: 0 0 32px rgba(168, 85, 247, .2);--shadow-glow-sm: 0 0 16px rgba(168, 85, 247, .12);--shadow-focus: 0 0 0 3px var(--color-primary-alpha-30);--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{min-height:100vh;background:var(--bg-body);color:var(--text-primary);overflow-x:hidden}body.has-ambient-glow:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% -10%,var(--color-primary-alpha-20),transparent),radial-gradient(ellipse 60% 40% at 80% 60%,var(--color-secondary-alpha-10),transparent);pointer-events:none;z-index:-1}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font:inherit;color:inherit;background:none;border:none;outline:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-4);border-radius:10px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--gray-5);background-clip:content-box}::selection{background:var(--color-primary-alpha-30);color:var(--text-primary)}:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-sm)}.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);margin:0 auto;padding:0 var(--space-6)}.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 (max-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 (max-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{display:grid;grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh}.app-shell.collapsed{grid-template-columns:var(--sidebar-collapsed-width) 1fr}.sidebar{position:sticky;top:0;height:100vh;background:var(--bg-elevated);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;z-index:var(--z-sidebar);overflow:hidden}.sidebar-header{padding:var(--space-5) var(--space-5) var(--space-4);display:flex;align-items:center;gap:var(--space-3);border-bottom:1px solid var(--border-subtle)}.sidebar-brand{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0}.sidebar-brand img{height:44px;width:auto;max-width:100%;object-fit:contain;display:block;flex-shrink:0}.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;overflow:hidden;text-overflow:ellipsis}.sidebar-collapse-btn{width:28px;height:28px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:all var(--transition-fast);flex-shrink:0}.sidebar-collapse-btn:hover{background:var(--bg-overlay);color:var(--text-primary)}.sidebar-nav{flex:1;padding:var(--space-4) var(--space-3);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:var(--space-5)}.sidebar-group{display:flex;flex-direction:column;gap:var(--space-1)}.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{display:flex;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-fast);position:relative;white-space:nowrap;overflow:hidden}.sidebar-item:hover{background:var(--bg-overlay);color:var(--text-primary)}.sidebar-item.active{background:var(--color-primary-alpha-10);color:var(--color-primary-light)}.sidebar-item.active:before{content:"";position:absolute;left:-3px;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--color-primary);border-radius:0 2px 2px 0}.sidebar-item svg{flex-shrink:0}.sidebar-item-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer{padding:var(--space-3);border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:var(--space-2)}.sidebar-user{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);position:relative}.sidebar-user:hover{background:var(--bg-overlay)}.sidebar-user-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.sidebar-user-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-email{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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);flex-direction:column;gap:var(--space-3);justify-content:center}.app-shell.collapsed .sidebar-brand{justify-content:center;width:100%}.app-shell.collapsed .sidebar-brand img{height:44px;width:44px;margin:0 auto}.app-shell.collapsed .sidebar-expand-btn{align-self:center}.avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--gradient-primary);display:inline-flex;align-items:center;justify-content:center;font-weight:var(--font-semibold);font-size:var(--text-sm);color:var(--text-primary);text-transform:uppercase;flex-shrink:0;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.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{position:sticky;top:0;z-index:var(--z-topbar);height:var(--topbar-height);background:#0a0a0fd9;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--border-subtle);padding:0 var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.topbar-left{display:flex;align-items:center;gap:var(--space-3);min-width:0;flex:1}.topbar-right{display:flex;align-items:center;gap:var(--space-2)}.breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-tertiary)}.breadcrumb-current{color:var(--text-primary);font-weight:var(--font-semibold)}.icon-btn{width:36px;height:36px;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all var(--transition-fast);position:relative}.icon-btn:hover{background:var(--bg-overlay);color:var(--text-primary)}.icon-btn-badge{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-danger);border:2px solid var(--bg-body)}.command-search{display:inline-flex;align-items:center;gap:var(--space-2);padding:0 var(--space-3);height:36px;background:var(--bg-overlay);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-tertiary);font-size:var(--text-sm);transition:all var(--transition-fast);min-width:240px}.command-search:hover{border-color:var(--border-default);color:var(--text-secondary)}.command-search-kbd{margin-left:auto;padding:2px 6px;background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:10px;color:var(--text-tertiary)}.mobile-topbar{display:none;position:sticky;top:0;z-index:var(--z-topbar);height:56px;background:#0a0a0fe6;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--border-subtle);padding:0 var(--space-4);align-items:center;justify-content:space-between}.mobile-topbar-brand{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--font-bold)}.mobile-topbar-brand img{width:28px;height:28px}.bottom-tabs{display:none;position:fixed;bottom:0;left:0;right:0;z-index:var(--z-sidebar);height:var(--bottomtabs-height);background:#12121af2;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-top:1px solid var(--border-subtle);padding:var(--space-2) 0 calc(var(--space-2) + env(safe-area-inset-bottom,0));align-items:center;justify-content:space-around}.bottom-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:1;padding:6px 4px;color:var(--text-tertiary);font-size:10px;font-weight:var(--font-medium);transition:color var(--transition-fast)}.bottom-tab.active{color:var(--color-primary-light)}.app-main{display:flex;flex-direction:column;min-width:0}.app-main-content{flex:1;padding:var(--space-8) var(--space-6);max-width:var(--container-max);width:100%;margin:0 auto}@media (max-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{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);animation:fadeIn var(--transition-base) ease}.sheet{position:fixed;bottom:0;left:0;right:0;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;overflow-y:auto;animation:slideUp var(--transition-slow) cubic-bezier(.32,.72,0,1);border-top:1px solid var(--border-subtle)}.sheet-handle{width:36px;height:4px;background:var(--gray-5);border-radius:var(--radius-full);margin:0 auto var(--space-4)}.card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden;transition:border-color var(--transition-fast)}.card-interactive{cursor:pointer}.card-interactive:hover{border-color:var(--border-default)}.card-header{padding:var(--space-5) var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);border-bottom:1px solid var(--border-subtle)}.card-header-icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--color-primary-alpha-10);color:var(--color-primary);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.card-header-text{flex:1;min-width:0}.card-header-action{margin-left:auto;flex-shrink:0}.account-layout{display:grid;grid-template-columns:220px 1fr;gap:var(--space-6);align-items:start}.account-tabs{display:flex;flex-direction:column;gap:4px;position:sticky;top:var(--space-4);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-2)}.account-tab{display:flex;align-items:center;gap:10px;padding:10px 12px;border:none;background:transparent;color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:background .15s,color .15s;width:100%}.account-tab:hover{background:var(--bg-subtle);color:var(--text-primary)}.account-tab.active{background:var(--color-primary-alpha-10);color:var(--color-primary)}.account-tab-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.account-tab-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.account-layout{grid-template-columns:1fr}.account-tabs{position:static;flex-direction:row;overflow-x:auto;padding:6px}.account-tab{flex-shrink:0;width:auto}}.link-inline{background:none;border:none;cursor:pointer;color:var(--color-primary);text-decoration:underline;font-size:inherit;padding:0;display:inline-flex;align-items:center;gap:4px}.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);display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3)}.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{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.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{position:relative;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);padding:var(--space-8);overflow:hidden}.balance-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-balance);pointer-events:none}.balance-hero>*{position:relative}.balance-hero-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-3)}.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);display:flex;align-items:baseline;gap:var(--space-2)}.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);display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-tertiary)}.balance-sub-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin-top:var(--space-6)}@media (max-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{background:#ffffff08;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4)}.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{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}@media (max-width: 640px){.quick-actions{grid-template-columns:repeat(2,1fr)}}.quick-action{display:flex;flex-direction:column;align-items:center;justify-content: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-fast);min-height:96px}.quick-action:hover{border-color:var(--color-primary-alpha-30);background:var(--bg-overlay);transform:translateY(-1px)}.quick-action-icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--color-primary-alpha-10);color:var(--color-primary-light);display:inline-flex;align-items:center;justify-content:center}.activity-group{display:flex;flex-direction:column}.activity-group+.activity-group{margin-top:var(--space-6)}.activity-group-header{display:flex;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)}.activity-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);cursor:pointer;transition:background var(--transition-fast)}.activity-row:hover{background:var(--bg-overlay)}.activity-icon{width:40px;height:40px;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.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:1;min-width:0;display:flex;flex-direction:column;gap:2px}.activity-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-4);height:40px;background:var(--bg-overlay);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-fast);-webkit-user-select:none;user-select:none}.btn:hover{background:var(--bg-subtle);border-color:var(--border-strong)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--text-primary);box-shadow:var(--shadow-glow-sm)}.btn-primary:hover{background:var(--color-primary-light);border-color:var(--color-primary-light);box-shadow:var(--shadow-glow)}.btn-secondary{background:var(--bg-overlay);border-color:var(--border-default)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-overlay);color:var(--text-primary);border-color:transparent}.btn-danger{background:var(--color-danger);border-color:var(--color-danger);color:var(--text-primary)}.btn-danger:hover{background:#dc2626;border-color:#dc2626}.btn-success{background:var(--color-success);border-color:var(--color-success);color:var(--text-primary)}.btn-success:hover{background:#059669;border-color:#059669}.btn-outline{background:transparent;border-color:var(--border-default);color:var(--text-primary)}.btn-outline:hover{background:var(--bg-overlay);border-color:var(--border-strong)}.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{position:relative;color:transparent!important;pointer-events:none}.btn-loading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:var(--radius-full);animation:spin .7s linear infinite;color:var(--text-primary)}.field{display:flex;flex-direction:column;gap:var(--space-2);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);display:flex;align-items:center;gap:var(--space-1)}.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)}.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{position:relative;display:flex;align-items:center}.input-group .input{padding-left:44px}.input-group-icon{position:absolute;left:var(--space-4);color:var(--text-tertiary);pointer-events:none;display:inline-flex;align-items:center;justify-content:center}.input-group-trailing{position:absolute;right:var(--space-2);display:inline-flex;align-items:center;gap:var(--space-1)}.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{display:inline-flex;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)}.checkbox input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:1.5px solid var(--border-strong);border-radius:var(--radius-xs);background:var(--bg-elevated);transition:all var(--transition-fast);position:relative;cursor:pointer;flex-shrink:0}.checkbox input[type=checkbox]:checked{background:var(--color-primary);border-color:var(--color-primary)}.checkbox input[type=checkbox]:checked:after{content:"";position:absolute;top:2px;left:5px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.otp-row{display:flex;gap:var(--space-2);justify-content:center}.otp-cell{width:48px;height:56px;text-align:center;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{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;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)}.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{width:6px;height:6px;border-radius:var(--radius-full);background:currentColor}.badge{display:inline-flex;align-items:center;padding:4px 10px;font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-full);background:var(--bg-overlay);color:var(--text-secondary)}.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{display:flex;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 transparent}.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{display:inline-flex;align-items:center;padding:4px;background:var(--bg-overlay);border:1px solid var(--border-subtle);border-radius:var(--radius-md);gap:2px}.tabs-block{display:flex;width:100%}.tabs-block .tab{flex:1}.tab{display:inline-flex;align-items:center;justify-content: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}.tab:hover{color:var(--text-primary)}.tab.active{background:var(--bg-body);color:var(--text-primary);box-shadow:var(--shadow-xs)}.vtabs{display:flex;flex-direction:column;gap:2px;padding:var(--space-2);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.vtab{display:flex;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}.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{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fadeIn var(--transition-base) ease}.modal{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);width:100%;max-width:480px;max-height:calc(100vh - var(--space-8));display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-xl);animation:modalSlideIn var(--transition-slow) cubic-bezier(.32,.72,0,1)}.modal-sm{max-width:400px}.modal-lg{max-width:640px}.modal-xl{max-width:800px}.modal-header{padding:var(--space-5) var(--space-6);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);border-bottom:1px solid var(--border-subtle)}.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{width:32px;height:32px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:all var(--transition-fast);flex-shrink:0}.modal-close:hover{background:var(--bg-overlay);color:var(--text-primary)}.modal-body{padding:var(--space-6);overflow-y:auto;flex:1}.modal-footer{padding:var(--space-4) var(--space-6);display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);border-top:1px solid var(--border-subtle);background:var(--bg-body)}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-drawer);animation:fadeIn var(--transition-base) ease}.drawer{position:fixed;top:0;right:0;bottom:0;z-index:calc(var(--z-drawer) + 1);width:100%;max-width:480px;background:var(--bg-elevated);border-left:1px solid var(--border-subtle);display:flex;flex-direction:column;animation:slideInRight var(--transition-slow) cubic-bezier(.32,.72,0,1);box-shadow:var(--shadow-xl)}.drawer-header{padding:var(--space-5) var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);border-bottom:1px solid var(--border-subtle)}.drawer-body{padding:var(--space-6);flex:1;overflow-y:auto}.drawer-footer{padding:var(--space-4) var(--space-6);display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);border-top:1px solid var(--border-subtle)}@media (max-width: 640px){.drawer{max-width:100%;border-left:none}}.skeleton{background:linear-gradient(90deg,var(--bg-overlay) 0%,var(--bg-subtle) 50%,var(--bg-overlay) 100%);background-size:200% 100%;animation:shimmer 1.4s linear infinite;border-radius:var(--radius-sm)}.skeleton-line{height:14px;border-radius:var(--radius-xs)}.skeleton-text{height:12px;border-radius:var(--radius-xs)}.skeleton-title{height:24px;border-radius:var(--radius-sm)}.skeleton-circle{border-radius:var(--radius-full)}.skeleton-card{height:120px;border-radius:var(--radius-xl)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-12) var(--space-6);gap:var(--space-3)}.empty-state-icon{width:64px;height:64px;border-radius:var(--radius-full);background:var(--color-primary-alpha-10);color:var(--color-primary-light);display:inline-flex;align-items:center;justify-content:center;margin-bottom:var(--space-2)}.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{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none}@media (max-width: 640px){.toast-container{bottom:calc(var(--bottomtabs-height) + var(--space-3));left:var(--space-3);right:var(--space-3)}}.toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);min-width:300px;max-width:420px;background:var(--bg-overlay);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);pointer-events:auto;animation:slideInRight var(--transition-slow) cubic-bezier(.32,.72,0,1)}.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{flex:1;min-width:0;font-size:var(--text-sm);color:var(--text-primary);line-height:var(--leading-snug)}.toast-title{font-weight:var(--font-semibold);margin-bottom:2px}.toast-message{color:var(--text-secondary)}.stepper{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6)}.step{display:flex;align-items:center;gap:var(--space-2);flex:1}.step-circle{width:28px;height:28px;border-radius:var(--radius-full);background:var(--bg-overlay);border:1px solid var(--border-default);display:inline-flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-tertiary);flex-shrink:0}.step.active .step-circle{background:var(--color-primary);border-color:var(--color-primary);color:var(--text-primary)}.step.complete .step-circle{background:var(--color-success);border-color:var(--color-success);color:var(--text-primary)}.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{flex:1;height:1px;background:var(--border-default)}.step.complete+.step .step-divider{background:var(--color-success)}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}@media (max-width: 1023px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.kpi-grid{grid-template-columns:1fr}}.kpi-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.kpi-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.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{width:32px;height:32px;border-radius:var(--radius-md);background:var(--color-primary-alpha-10);color:var(--color-primary-light);display:inline-flex;align-items:center;justify-content:center}.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{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:var(--font-semibold)}.kpi-trend.up{color:var(--color-success)}.kpi-trend.down{color:var(--color-danger)}.table{width:100%;border-collapse:separate;border-spacing:0;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{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.auth-form-side{display:flex;align-items:center;justify-content:center;padding:var(--space-8)}.auth-card{width:100%;max-width:420px;display:flex;flex-direction:column;gap:var(--space-6)}.auth-brand{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-lg);font-weight:var(--font-bold)}.auth-brand img{height:56px;width:auto;object-fit:contain;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{display:flex;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)}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-subtle)}.auth-brand-side{position:relative;background:linear-gradient(135deg,var(--color-secondary-dark) 0%,var(--color-primary-dark) 100%);display:flex;align-items:center;justify-content:center;padding:var(--space-12);overflow:hidden}.auth-brand-side:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.15),transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.08),transparent 50%);pointer-events:none}.auth-brand-content{position:relative;text-align:center;color:var(--text-primary);max-width:480px}.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{display:flex;justify-content:center;gap:var(--space-6);margin-top:var(--space-8);flex-wrap:wrap}.auth-trust-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:#ffffffd9}.auth-brand-mark{width:72px;height:72px;border-radius:var(--radius-2xl);background:#ffffff1f;border:1px solid rgba(255,255,255,.18);display:inline-flex;align-items:center;justify-content:center;margin:0 auto var(--space-6);color:#fff;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.segment-control{display:flex;gap:4px;padding:4px;background:var(--bg-input);border-radius:var(--radius-lg);border:1px solid var(--border-subtle)}.segment-control-item{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-tertiary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:background .15s ease,color .15s ease}.segment-control-item:hover{color:var(--text-primary)}.segment-control-item.is-active{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}@media (max-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{min-height:100vh;display:flex;flex-direction:column}.landing-header{position:sticky;top:0;z-index:var(--z-topbar);background:#0a0a0fd9;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--border-subtle);height:64px;display:flex;align-items:center}.landing-header-inner{max-width:var(--container-max);margin:0 auto;width:100%;padding:0 var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.landing-brand{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-md);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight)}.landing-brand img{height:48px;width:auto;object-fit:contain;display:block}.landing-nav{display:flex;align-items:center;gap:var(--space-1)}.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 (max-width: 768px){.landing-nav{display:none}}.landing-hero{padding:var(--space-20) 0;position:relative;overflow:hidden}.landing-hero-inner{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-6);display:grid;grid-template-columns:1.1fr 1fr;gap:var(--space-12);align-items:center}@media (max-width: 1023px){.landing-hero{padding:var(--space-12) 0}.landing-hero-inner{grid-template-columns:1fr;gap:var(--space-8);text-align:center}}.landing-hero-eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);padding:6px var(--space-3);background:var(--color-primary-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)}.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)}@media (min-width: 1024px){.landing-hero-title{font-size:var(--text-display-lg)}}.landing-hero-title .accent{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent}.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 (max-width: 1023px){.landing-hero-sub{margin-left:auto;margin-right:auto}}.landing-hero-cta{display:flex;gap:var(--space-3);flex-wrap:wrap}@media (max-width: 1023px){.landing-hero-cta{justify-content:center}}.landing-hero-visual{position:relative;display:flex;align-items:center;justify-content:center}.landing-hero-image{max-width:100%;width:auto;filter:drop-shadow(0 30px 60px rgba(168,85,247,.3))}.landing-trust-strip{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);background:var(--bg-elevated);padding:var(--space-6) 0}.landing-trust-inner{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-6);display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}@media (max-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);margin:0 auto;padding:0 var(--space-6)}.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{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}@media (max-width: 1023px){.landing-features{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.landing-features{grid-template-columns:1fr}}.landing-feature{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-fast)}.landing-feature:hover{border-color:var(--color-primary-alpha-30);transform:translateY(-2px)}.landing-feature-icon{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--color-primary-alpha-10);color:var(--color-primary-light);display:inline-flex;align-items:center;justify-content:center;margin-bottom:var(--space-4)}.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);margin:0 auto;background:linear-gradient(135deg,var(--color-secondary-dark),var(--color-primary));border-radius:var(--radius-3xl);padding:var(--space-12) var(--space-8);text-align:center;position:relative;overflow:hidden}.landing-cta-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.15),transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.08),transparent 50%);pointer-events:none}.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);margin:0 auto;padding:0 var(--space-6);display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-8)}@media (max-width: 1023px){.landing-footer-inner{grid-template-columns:1fr 1fr;gap:var(--space-6)}}@media (max-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{display:block;padding:4px 0;font-size:var(--text-sm);color:var(--text-secondary);transition:color var(--transition-fast)}.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);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);font-size:var(--text-xs);color:var(--text-tertiary);flex-wrap:wrap}.profile-banner{background:var(--color-warning-alpha-10);border-bottom:1px solid var(--color-warning-alpha-20);padding:var(--space-3) var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.profile-banner-text{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-warning);font-weight:var(--font-medium)}.lang-switcher{position:relative}.lang-switcher-button{display:inline-flex;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)}.lang-switcher-button:hover{color:var(--text-primary);border-color:var(--border-default)}.lang-switcher-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:160px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-1);z-index:var(--z-dropdown)}.lang-option{display:flex;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}.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{position:absolute;bottom:calc(100% + 4px);left:0;right:0;min-width:200px;background:var(--bg-overlay);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-1);z-index:var(--z-dropdown);opacity:0;visibility:hidden;transform:translateY(4px);transition:all var(--transition-fast)}.dropdown.open .dropdown-menu,.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu.menu-top-right{bottom:auto;top:calc(100% + 4px);left:auto;right:0}.dropdown-item{display:flex;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}.dropdown-item:hover{background:var(--bg-elevated);color:var(--text-primary)}.dropdown-divider{height:1px;background:var(--border-subtle);margin:var(--space-1) 0}.divider{height:1px;background:var(--border-subtle);width:100%}.spinner{display:inline-block;width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:var(--radius-full);animation:spin .7s linear infinite}.spinner-lg{width:24px;height:24px;border-width:2.5px}.glow-text{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent}.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 (max-width: 1023px){.hidden-mobile{display:none}.hidden-desktop{display:initial}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes modalSlideIn{0%{transform:translateY(-12px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity: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 rgba(168,85,247,.4))}50%{filter:drop-shadow(0 0 48px rgba(168,85,247,.7))}}