.landing-page{display:flex;flex-direction:column;min-height:100vh}.landing-header{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:#fffc;border-bottom:1px solid var(--border-subtle);left:0;position:fixed;right:0;top:0;transition:all var(--transition-base);z-index:100}[data-theme=dark] .landing-header{background-color:#1f2937cc}.landing-header-content{justify-content:space-between;padding:var(--space-4) 0}.landing-header-content,.logo{align-items:center;display:flex}.logo{gap:var(--space-3);text-decoration:none!important}.logo-icon{align-items:center;background:linear-gradient(135deg,var(--color-primary-600) 0,var(--color-primary-500) 100%);border-radius:var(--radius-lg);color:#fff;display:flex;height:40px;justify-content:center;width:40px}.logo-icon svg{height:24px;width:24px}.logo-text{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.nav{align-items:center;display:flex;gap:var(--space-3)}.theme-toggle-header{margin-right:var(--space-2)}.hero{overflow:hidden;padding:calc(var(--header-height) + var(--space-24)) 0 var(--space-24);position:relative}.hero-bg{z-index:-1}.hero-bg,.hero-gradient{inset:0;position:absolute}.hero-gradient{background:linear-gradient(135deg,var(--color-primary-600) 0,var(--color-primary-500) 50%,var(--color-primary-400) 100%);opacity:.05}[data-theme=dark] .hero-gradient{opacity:.1}.hero-pattern{background-image:radial-gradient(circle at 1px 1px,var(--color-primary-300) 1px,#0000 0);background-size:40px 40px;inset:0;opacity:.1;position:absolute}.hero-content{margin:0 auto;max-width:800px;text-align:center}.hero-badge{align-items:center;background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);display:inline-flex;gap:var(--space-3);margin-bottom:var(--space-8);padding:var(--space-2) var(--space-4)}.hero-badge span:last-child{color:var(--text-secondary);font-size:var(--font-size-sm)}.hero-title{color:var(--text-primary);font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--space-6)}.hero-title-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-primary-600) 0,var(--color-primary-400) 100%);-webkit-background-clip:text;background-clip:text;display:block}.hero-description{color:var(--text-secondary);font-size:var(--font-size-xl);margin-bottom:var(--space-10);margin-left:auto;margin-right:auto;max-width:600px}.hero-actions{gap:var(--space-4);margin-bottom:var(--space-16)}.hero-actions,.hero-stats{display:flex;justify-content:center}.hero-stats{align-items:center;gap:var(--space-8)}.hero-stat{align-items:center;display:flex;flex-direction:column;gap:var(--space-1)}.hero-stat-value{color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}.hero-stat-label{color:var(--text-tertiary);font-size:var(--font-size-sm)}.hero-stat-divider{background-color:var(--border-default);height:40px;width:1px}.section-header{margin:0 auto var(--space-16);max-width:600px;text-align:center}.section-label{color:var(--color-primary);display:inline-block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.05em;margin-bottom:var(--space-3);text-transform:uppercase}.section-title{color:var(--text-primary);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4)}.section-description{color:var(--text-secondary);font-size:var(--font-size-lg)}.features{background-color:var(--bg-surface);border-bottom:1px solid var(--border-subtle);border-top:1px solid var(--border-subtle)}.features-grid{grid-gap:var(--space-8);display:grid;gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-card{background-color:var(--bg-body);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-8);transition:all var(--transition-base)}.feature-card:hover{border-color:var(--border-default);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-icon-wrapper{align-items:center;background:linear-gradient(135deg,var(--color-primary-100) 0,var(--color-primary-50) 100%);border-radius:var(--radius-xl);color:var(--color-primary-600);display:flex;height:64px;justify-content:center;margin-bottom:var(--space-6);width:64px}[data-theme=dark] .feature-icon-wrapper{background:linear-gradient(135deg,#3b82f633,#3b82f61a)}.feature-icon-wrapper svg{height:32px;width:32px}.feature-title{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3)}.feature-description{color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4)}.feature-link{align-items:center;color:var(--color-primary);display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);text-decoration:none!important}.feature-link:hover{color:var(--color-primary-hover)}.feature-link svg{transition:transform var(--transition-fast)}.feature-link:hover svg{transform:translateX(4px)}.cta-section{padding:var(--space-24) 0}.cta-card{background:linear-gradient(135deg,var(--color-primary-600) 0,var(--color-primary-700) 100%);border-radius:var(--radius-2xl);overflow:hidden;padding:var(--space-16);position:relative;text-align:center}.cta-content{margin:0 auto;max-width:500px;position:relative;z-index:1}.cta-title{color:#fff;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4)}.cta-description{color:#ffffffe6;font-size:var(--font-size-lg);margin-bottom:var(--space-8)}.cta-content .btn-primary{background-color:#fff;border-color:#fff;color:var(--color-primary-600)}.cta-content .btn-primary:hover{background-color:var(--color-gray-100);border-color:var(--color-gray-100)}.cta-decoration{inset:0;pointer-events:none;position:absolute}.cta-circle{background:#ffffff1a;border-radius:50%;position:absolute}.cta-circle-1{height:300px;right:-100px;top:-100px;width:300px}.cta-circle-2{bottom:-50px;height:200px;left:-50px;width:200px}.cta-circle-3{height:150px;left:20%;opacity:.05;top:50%;width:150px}.landing-footer{background-color:var(--color-gray-900);color:var(--color-gray-300);padding:var(--space-16) 0 var(--space-8)}[data-theme=dark] .landing-footer{background-color:var(--color-gray-950)}.footer-content{grid-gap:var(--space-16);display:grid;gap:var(--space-16);grid-template-columns:1fr 2fr;margin-bottom:var(--space-12)}.footer-brand .logo{margin-bottom:var(--space-4)}.footer-brand .logo-text{color:#fff}.footer-brand .logo-icon{background:linear-gradient(135deg,var(--color-primary-500) 0,var(--color-primary-400) 100%)}.footer-description{color:var(--color-gray-400);max-width:300px}.footer-links{grid-gap:var(--space-8);display:grid;gap:var(--space-8);grid-template-columns:repeat(2,1fr)}.footer-links-group h4{color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.05em;margin-bottom:var(--space-4);text-transform:uppercase}.footer-links-group ul{list-style:none}.footer-links-group li{margin-bottom:var(--space-3)}.footer-links-group a{color:var(--color-gray-400);text-decoration:none;transition:color var(--transition-fast)}.footer-links-group a:hover{color:#fff}.footer-bottom{border-top:1px solid var(--color-gray-800);color:var(--color-gray-500);font-size:var(--font-size-sm);padding-top:var(--space-8);text-align:center}@media (max-width:768px){.hero{padding-top:calc(var(--header-height) + var(--space-16))}.hero-title{font-size:var(--font-size-4xl)}.hero-description{font-size:var(--font-size-lg)}.hero-actions{align-items:stretch;flex-direction:column}.hero-stats{flex-direction:column;gap:var(--space-6)}.hero-stat-divider{height:1px;width:60px}.features-grid{gap:var(--space-6);grid-template-columns:1fr}.footer-content{gap:var(--space-10)}.footer-content,.footer-links{grid-template-columns:1fr}.cta-card{padding:var(--space-10) var(--space-6)}.nav .btn-ghost{display:none}}.auth-page{display:flex;flex-direction:column;min-height:100vh;overflow:hidden;position:relative}.auth-bg{inset:0;position:fixed;z-index:-1}.auth-gradient{background:linear-gradient(135deg,var(--color-primary-600) 0,var(--color-primary-500) 50%,var(--color-primary-400) 100%);inset:0;opacity:.08;position:absolute}[data-theme=dark] .auth-gradient{opacity:.15}.auth-pattern{background-image:radial-gradient(circle at 1px 1px,var(--color-primary-400) 1px,#0000 0);background-size:32px 32px;inset:0;opacity:.1;position:absolute}.auth-container{flex:1 1;flex-direction:column;justify-content:center;min-height:100vh}.auth-container,.auth-header{align-items:center;display:flex;padding:var(--space-6)}.auth-header{justify-content:space-between;left:0;position:fixed;right:0;top:0;z-index:10}.auth-logo{align-items:center;display:flex;gap:var(--space-3);text-decoration:none!important}.auth-logo .logo-icon{align-items:center;background:linear-gradient(135deg,var(--color-primary-600) 0,var(--color-primary-500) 100%);border-radius:var(--radius-lg);color:#fff;display:flex;height:40px;justify-content:center;width:40px}.auth-logo .logo-icon svg{height:24px;width:24px}.auth-logo .logo-text{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.auth-card{animation:fadeInUp .5s ease-out;background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);max-width:440px;padding:var(--space-10);width:100%}.auth-card-header{margin-bottom:var(--space-8);text-align:center}.auth-title{color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.auth-subtitle{color:var(--text-secondary);font-size:var(--font-size-base)}.auth-form{margin-bottom:var(--space-6)}.form-row{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr}.input-wrapper{position:relative}.input-icon{color:var(--text-muted);left:var(--space-4);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.input-wrapper input{padding-left:var(--space-12)}.btn-full{margin-top:var(--space-2);width:100%}.spinner-sm{border:2px solid #ffffff4d;border-top-color:#fff;height:20px;width:20px}.auth-divider{align-items:center;display:flex;gap:var(--space-4);margin:var(--space-6) 0}.auth-divider:after,.auth-divider:before{background-color:var(--border-default);content:"";flex:1 1;height:1px}.auth-divider span{color:var(--text-tertiary);font-size:var(--font-size-sm)}.auth-footer{color:var(--text-secondary);font-size:var(--font-size-sm);text-align:center}.auth-link{align-items:center;color:var(--color-primary);display:inline-flex;font-weight:var(--font-weight-semibold);gap:var(--space-1);text-decoration:none!important}.auth-link:hover{color:var(--color-primary-hover)}.auth-link svg{transition:transform var(--transition-fast)}.auth-link:hover svg{transform:translateX(4px)}.auth-footer-links{margin-top:var(--space-8)}.auth-footer-link{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:var(--font-size-sm);gap:var(--space-2);text-decoration:none!important;transition:color var(--transition-fast)}.auth-footer-link:hover{color:var(--text-primary)}@media (max-width:640px){.auth-container{padding:var(--space-4);padding-top:calc(var(--header-height) + var(--space-6))}.auth-card{border-radius:var(--radius-xl);padding:var(--space-6)}.auth-title{font-size:var(--font-size-2xl)}.form-row{grid-template-columns:1fr}.auth-header{padding:var(--space-4)}}.dashboard{display:flex;min-height:100vh}.mobile-header{align-items:center;background-color:var(--bg-surface);border-bottom:1px solid var(--border-subtle);display:none;height:var(--header-height);justify-content:space-between;left:0;padding:0 var(--space-4);position:fixed;right:0;top:0;z-index:50}.mobile-menu-btn{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;transition:background-color var(--transition-fast);width:40px}.mobile-menu-btn:hover{background-color:var(--bg-muted)}.mobile-menu-btn svg{height:24px;width:24px}.mobile-logo{align-items:center;display:flex;gap:var(--space-2);text-decoration:none!important}.mobile-logo .logo-icon{align-items:center;background:linear-gradient(135deg,var(--color-primary-600) 0,var(--color-primary-500) 100%);border-radius:var(--radius-md);color:#fff;display:flex;height:32px;justify-content:center;width:32px}.mobile-logo .logo-icon svg{height:20px;width:20px}.mobile-logo .logo-text{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.sidebar-overlay{animation:fadeIn .2s ease-out;background-color:var(--bg-overlay);inset:0;position:fixed;z-index:40}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar{background-color:var(--bg-surface);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;height:100vh;position:fixed;transition:transform var(--transition-base);width:var(--sidebar-width);z-index:50}.sidebar-header{border-bottom:1px solid var(--border-subtle);padding:var(--space-6)}.sidebar-logo{align-items:center;display:flex;gap:var(--space-3);text-decoration:none!important}.sidebar-logo .logo-icon{align-items:center;background:linear-gradient(135deg,var(--color-primary-600) 0,var(--color-primary-500) 100%);border-radius:var(--radius-lg);color:#fff;display:flex;height:40px;justify-content:center;width:40px}.sidebar-logo .logo-icon svg{height:24px;width:24px}.sidebar-logo .logo-text{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.sidebar-user{background-color:var(--bg-muted);border-bottom:1px solid var(--border-subtle);gap:var(--space-4);padding:var(--space-6)}.sidebar-user,.user-avatar{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,var(--color-primary-600) 0,var(--color-primary-500) 100%);border-radius:var(--radius-full);color:#fff;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);height:48px;justify-content:center;width:48px}.user-info{flex:1 1;min-width:0}.user-name{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.user-email,.user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{color:var(--text-tertiary);font-size:var(--font-size-xs)}.sidebar-nav{flex:1 1;overflow-y:auto;padding:var(--space-4) 0}.nav-section{margin-bottom:var(--space-2)}.nav-section-title{color:var(--text-tertiary);display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;padding:var(--space-2) var(--space-6);text-transform:uppercase}.nav-item{align-items:center;border-radius:var(--radius-lg);color:var(--text-secondary);display:flex;gap:var(--space-3);margin:0 var(--space-2);padding:var(--space-3) var(--space-6);text-decoration:none!important;transition:all var(--transition-fast)}.nav-item:hover{background-color:var(--bg-muted);color:var(--text-primary)}.nav-item.active{background-color:var(--color-primary);color:#fff}.nav-icon{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.nav-icon svg{height:20px;width:20px}.nav-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.nav-account{padding:var(--space-2) var(--space-6)}.nav-account-info{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.nav-account-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.nav-account-balance{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);opacity:.8}.nav-loading{align-items:center;color:var(--text-tertiary);display:flex;font-size:var(--font-size-sm);gap:var(--space-2);padding:var(--space-3) var(--space-6)}.sidebar-footer{background-color:var(--bg-muted);border-top:1px solid var(--border-subtle);padding:var(--space-4)}.sidebar-actions{margin-bottom:var(--space-3)}.logout-btn{align-items:center;display:flex;gap:var(--space-2);justify-content:center}.logout-btn svg{height:18px;width:18px}.dashboard-main{background-color:var(--bg-body);flex:1 1;margin-left:var(--sidebar-width);min-height:100vh;padding:var(--space-8);transition:margin-left var(--transition-base)}@media (max-width:1024px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.mobile-header{display:flex}.dashboard-main{margin-left:0;padding-top:calc(var(--header-height) + var(--space-6))}}@media (max-width:768px){.dashboard-main{padding:calc(var(--header-height) + var(--space-4)) var(--space-4) var(--space-4)}.sidebar{max-width:320px;width:100%}}@media (max-width:480px){.sidebar-header,.sidebar-user{padding:var(--space-4)}.nav-item{margin:0 var(--space-1);padding:var(--space-3) var(--space-4)}.nav-section-title{padding:var(--space-2) var(--space-4)}}.overview-page{margin:0 auto;max-width:1200px}.page-header{margin-bottom:var(--space-8)}.page-header-content{align-items:flex-start;display:flex;gap:var(--space-4);justify-content:space-between}.page-header p{font-size:var(--font-size-lg)}@media (max-width:640px){.page-header-content{align-items:stretch;flex-direction:column}.page-header-content .btn{justify-content:center;width:100%}}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-6)}.section-header h2{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}.section-link{align-items:center;color:var(--color-primary);display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);text-decoration:none!important}.section-link:hover{color:var(--color-primary-hover)}.section-link svg{transition:transform var(--transition-fast)}.section-link:hover svg{transform:translateX(4px)}.balance-section{margin-bottom:var(--space-10)}.balance-card{background:linear-gradient(135deg,var(--color-primary-600) 0,var(--color-primary-700) 100%);border:none;color:#fff}.balance-card-content{align-items:flex-start;display:flex;justify-content:space-between;padding:var(--space-8)}.balance-info{flex:1 1}.balance-label{display:block;font-weight:var(--font-weight-medium);margin-bottom:var(--space-2);opacity:.9}.balance-amount{color:#fff;font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-2) 0}.balance-subtitle{font-size:var(--font-size-base);opacity:.8}.balance-icon{align-items:center;background:#fff3;border-radius:var(--radius-xl);display:flex;height:64px;justify-content:center;width:64px}.balance-icon svg{height:32px;width:32px}.balance-card-footer{background:#0000001a;border-radius:0 0 var(--radius-xl) var(--radius-xl);padding:var(--space-4) var(--space-8)}.balance-action{align-items:center;color:#fff;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);opacity:.9;text-decoration:none!important;transition:opacity var(--transition-fast)}.balance-action:hover{opacity:1}@media (max-width:640px){.balance-card-content{flex-direction:column;gap:var(--space-6);padding:var(--space-6)}.balance-amount{font-size:var(--font-size-4xl)}}.accounts-section{margin-bottom:var(--space-10)}.accounts-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.account-card{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-6);text-decoration:none!important}.account-header{align-items:flex-start;display:flex;justify-content:space-between}.account-type-badge{align-items:center;display:flex;gap:var(--space-2)}.account-icon{align-items:center;background:var(--bg-muted);border-radius:var(--radius-lg);color:var(--color-primary);display:flex;height:40px;justify-content:center;width:40px}.account-icon svg{height:20px;width:20px}.account-type{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.account-details{flex:1 1}.account-number{color:var(--text-tertiary);font-family:var(--font-family-mono);font-size:var(--font-size-sm);margin-bottom:var(--space-2)}.account-balance{color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0}.account-footer{border-top:1px solid var(--border-subtle);padding-top:var(--space-4)}.account-link{align-items:center;color:var(--color-primary);display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2)}.account-link svg{transition:transform var(--transition-fast)}.account-card:hover .account-link svg{transform:translateX(4px)}.skeleton-card{min-height:200px}.skeleton-title{height:24px;margin-bottom:var(--space-4);width:60%}.skeleton-text{height:16px;margin-bottom:var(--space-6);width:40%}.skeleton-amount{height:40px;width:80%}.empty-state-card{grid-column:1/-1}.transaction-details{flex:1 1;min-width:0}.transaction-description{margin:0 0 var(--space-1) 0}.transaction-meta{gap:var(--space-2)}.transaction-account{background-color:var(--bg-muted);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2)}.transaction-amount.positive{color:var(--color-success)}.transaction-amount.negative{color:var(--text-primary)}.skeleton-item{padding:var(--space-4) var(--space-6)}.skeleton-icon{border-radius:var(--radius-full);flex-shrink:0;height:40px;width:40px}.skeleton-amount-sm{height:20px;width:80px}.quick-actions{margin-bottom:var(--space-10)}.actions-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.action-card{align-items:center;display:flex;gap:var(--space-4);padding:var(--space-6);text-decoration:none!important}.action-icon-wrapper{align-items:center;border-radius:var(--radius-xl);display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.action-icon-wrapper svg{height:24px;width:24px}.action-icon-primary{background:linear-gradient(135deg,var(--color-primary-100) 0,var(--color-primary-50) 100%);color:var(--color-primary-600)}[data-theme=dark] .action-icon-primary{background:linear-gradient(135deg,#3b82f633,#3b82f61a)}.action-icon-secondary{background:linear-gradient(135deg,var(--color-success-100) 0,var(--color-success-50) 100%);color:var(--color-success-600)}[data-theme=dark] .action-icon-secondary{background:linear-gradient(135deg,#10b98133,#10b9811a)}.action-content{flex:1 1}.action-label{color:var(--text-primary);display:block;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.action-description{color:var(--text-secondary);display:block;font-size:var(--font-size-sm)}.account-detail-page{max-width:1200px}.account-title-wrapper{align-items:center;display:flex;gap:var(--space-4)}.account-type-icon{align-items:center;background:linear-gradient(135deg,var(--color-primary-100) 0,var(--color-primary-50) 100%);border-radius:var(--radius-xl);color:var(--color-primary-600);display:flex;height:56px;justify-content:center;width:56px}[data-theme=dark] .account-type-icon{background:linear-gradient(135deg,#3b82f633,#3b82f61a)}.account-type-icon svg{height:28px;width:28px}.account-number-display{color:var(--text-secondary);font-family:var(--font-family-mono);font-size:var(--font-size-base)}.account-summary{margin-bottom:var(--space-10)}.summary-card{overflow:hidden;padding:0}.summary-content{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-6);justify-content:space-between;padding:var(--space-8)}.balance-display{display:flex;flex-direction:column;gap:var(--space-2)}.balance-label{color:var(--text-secondary);font-size:var(--font-size-sm)}.balance-value{color:var(--color-primary);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold)}.account-info{align-items:flex-end;display:flex;flex-direction:column;gap:var(--space-2)}.account-updated{color:var(--text-tertiary);font-size:var(--font-size-xs)}@media (max-width:640px){.summary-content{flex-direction:column;padding:var(--space-6)}.account-info,.summary-content{align-items:flex-start}.balance-value{font-size:var(--font-size-3xl)}}.transactions-section{margin-bottom:var(--space-10)}.transactions-section .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-6)}.transactions-section h2{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}.transaction-count{color:var(--text-tertiary);font-size:var(--font-size-sm)}.transactions-card{overflow:hidden;padding:0}.transactions-list{display:flex;flex-direction:column}.transaction-item{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;gap:var(--space-4);padding:var(--space-4) var(--space-6);transition:background-color var(--transition-fast)}.transaction-item:last-child{border-bottom:none}.transaction-item:hover{background-color:var(--bg-muted)}.transaction-icon{align-items:center;border-radius:var(--radius-full);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.transaction-icon-in{background-color:var(--color-success-100);color:var(--color-success-600)}[data-theme=dark] .transaction-icon-in{background-color:#10b98133}.transaction-icon-out{background-color:var(--color-danger-100);color:var(--color-danger-600)}[data-theme=dark] .transaction-icon-out{background-color:#ef444433}.transaction-icon svg{height:20px;width:20px}.transaction-info{flex:1 1;min-width:0}.transaction-description{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transaction-meta{align-items:center;display:flex;gap:var(--space-3)}.transaction-date{color:var(--text-tertiary);font-size:var(--font-size-xs)}.transaction-counterparty{background-color:var(--bg-muted);border-radius:var(--radius-sm);color:var(--text-muted);font-family:var(--font-family-mono);font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2)}.transaction-amount{font-family:var(--font-family-mono);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);white-space:nowrap}.transaction-amount.credit{color:var(--color-success)}.transaction-amount.debit{color:var(--text-primary)}.load-more-container{display:flex;justify-content:center;margin-top:var(--space-8)}.spinner-sm{animation:spin 1s linear infinite;border:2px solid var(--border-default);border-radius:50%;border-top-color:var(--color-primary);height:16px;width:16px}.empty-state-card{padding:0}.empty-state-card .empty-state{padding:var(--space-16)}.loading-container{align-items:center;display:flex;flex-direction:column;gap:var(--space-4);justify-content:center;min-height:400px}.loading-container .spinner{animation:spin 1s linear infinite;border:4px solid var(--border-default);border-radius:50%;border-top-color:var(--color-primary);height:48px;width:48px}.loading-container p{color:var(--text-secondary)}.error-state{align-items:center;display:flex;flex-direction:column;padding:var(--space-16);text-align:center}.error-state .empty-state-icon{color:var(--color-danger)}.error-state .empty-state-title{color:var(--text-primary)}.transfer-page{max-width:1200px}.transfer-layout{grid-gap:var(--space-8);display:grid;gap:var(--space-8);grid-template-columns:1.5fr 1fr}@media (max-width:1024px){.transfer-layout{grid-template-columns:1fr}}.transfer-form-card{padding:var(--space-8)}.transfer-form .form-group{margin-bottom:var(--space-6)}.balance-hint{align-items:center;color:var(--text-tertiary);display:flex;font-size:var(--font-size-sm);gap:var(--space-2);margin-top:var(--space-2)}.balance-hint svg{color:var(--color-info);height:16px;width:16px}.balance-hint strong{color:var(--text-secondary)}.amount-input input{padding-right:var(--space-12)}.amount-input .input-suffix{color:var(--text-muted);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);pointer-events:none;position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%)}.form-hint{align-items:center;color:var(--text-tertiary);display:flex;font-size:var(--font-size-sm);gap:var(--space-2);margin-top:var(--space-2)}.form-hint-info{color:var(--color-info)}.form-hint svg{height:16px;width:16px}.form-hint a{color:var(--color-primary);font-weight:var(--font-weight-medium)}.selected-contact-preview{align-items:center;background-color:var(--bg-muted);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);display:flex;gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-4)}.contact-avatar{align-items:center;background:linear-gradient(135deg,var(--color-primary-600) 0,var(--color-primary-500) 100%);border-radius:var(--radius-full);color:#fff;display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);height:48px;justify-content:center;width:48px}.contact-info{flex:1 1}.contact-name{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.contact-account{color:var(--text-tertiary);font-family:var(--font-family-mono);font-size:var(--font-size-sm)}.contacts-section{position:-webkit-sticky;position:sticky;top:var(--space-8)}.contacts-section .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-6)}.contacts-section h2{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.contacts-list{display:flex;flex-direction:column;gap:var(--space-3)}.contact-card{align-items:center;background:var(--bg-surface);border:2px solid #0000;border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--space-4);padding:var(--space-4);text-align:left;transition:all var(--transition-base)}.contact-card:hover{border-color:var(--border-default);box-shadow:var(--shadow-md);transform:translateY(-2px)}.contact-card.selected{background-color:var(--color-primary-50);border-color:var(--color-primary)}[data-theme=dark] .contact-card.selected{background-color:#3b82f61a}.contact-avatar-sm{align-items:center;background:linear-gradient(135deg,var(--color-primary-600) 0,var(--color-primary-500) 100%);border-radius:var(--radius-full);color:#fff;display:flex;flex-shrink:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);height:40px;justify-content:center;width:40px}.contact-info-sm{flex:1 1;min-width:0}.contact-name-sm{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.contact-account-sm,.contact-name-sm{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-account-sm{color:var(--text-tertiary);font-family:var(--font-family-mono);font-size:var(--font-size-xs)}.contact-selected-icon{align-items:center;background-color:var(--color-primary);border-radius:var(--radius-full);color:#fff;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.contact-selected-icon svg{height:16px;width:16px}.contacts-section .empty-state-card{padding:0}.contacts-section .empty-state{padding:var(--space-8)}@media (max-width:1024px){.contacts-section{position:static}}.beneficiaries-page{max-width:1200px}.breadcrumb{font-size:var(--font-size-sm);margin-bottom:var(--space-6)}.breadcrumb,.breadcrumb-link{align-items:center;display:flex;gap:var(--space-2)}.breadcrumb-link{color:var(--text-secondary);text-decoration:none!important;transition:color var(--transition-fast)}.breadcrumb-link:hover{color:var(--text-primary)}.breadcrumb-link svg{height:16px;width:16px}.breadcrumb-separator{color:var(--text-muted)}.breadcrumb-current{color:var(--text-primary);font-weight:var(--font-weight-medium)}.page-header-main{align-items:flex-start;display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-8)}.page-header h1{color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.page-header p{color:var(--text-secondary);margin:0}@media (max-width:640px){.page-header-main{align-items:stretch;flex-direction:column}.page-header-main .btn{justify-content:center;width:100%}}.beneficiaries-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.beneficiary-card{padding:var(--space-6);transition:all var(--transition-base)}.beneficiary-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.beneficiary-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.beneficiary-info{align-items:center;display:flex;flex:1 1;gap:var(--space-4)}.beneficiary-avatar{align-items:center;background:linear-gradient(135deg,var(--color-primary-600) 0,var(--color-primary-500) 100%);border-radius:var(--radius-full);color:#fff;display:flex;flex-shrink:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);height:48px;justify-content:center;width:48px}.beneficiary-details{flex:1 1;min-width:0}.beneficiary-name{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-1) 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.favorite-star{color:var(--color-warning)}.beneficiary-account{color:var(--text-tertiary);font-family:var(--font-family-mono);font-size:var(--font-size-sm);margin:0}.beneficiary-bank{color:var(--text-muted);font-size:var(--font-size-xs);margin:var(--space-1) 0 0 0}.beneficiary-actions{display:flex;gap:var(--space-2)}.beneficiary-actions .btn-icon{color:var(--text-tertiary)}.beneficiary-actions .btn-icon:hover{background-color:var(--bg-muted);color:var(--text-primary)}.beneficiary-actions .btn-icon.active{color:var(--color-warning)}.beneficiary-actions .btn-danger-ghost:hover{background-color:var(--color-danger-50);color:var(--color-danger)}[data-theme=dark] .beneficiary-actions .btn-danger-ghost:hover{background-color:#ef44441a}.beneficiary-footer{border-top:1px solid var(--border-subtle);padding-top:var(--space-4)}.skeleton-card{min-height:180px}.skeleton-avatar{border-radius:var(--radius-full);flex-shrink:0;height:48px;width:48px}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:var(--bg-overlay);display:flex;inset:0;justify-content:center;padding:var(--space-4);position:fixed;z-index:1000}.modal-content{animation:slideUp .3s ease-out;background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);max-height:90vh;max-width:520px;overflow-y:auto;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:flex-start;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:var(--space-6)}.modal-header h2{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-2) 0}.modal-header p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.modal-close{color:var(--text-tertiary)}.modal-close:hover{background-color:var(--bg-muted);color:var(--text-primary)}.beneficiary-form{padding:var(--space-6)}.beneficiary-form .form-group{margin-bottom:var(--space-6);position:relative}.form-actions{display:flex;gap:var(--space-4);margin-top:var(--space-8)}.form-actions button{flex:1 1}.search-results{background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);left:0;margin-top:var(--space-2);max-height:240px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10}.search-result-item{align-items:center;background:none;border:none;border-bottom:1px solid var(--border-subtle);cursor:pointer;display:flex;gap:var(--space-4);padding:var(--space-4);text-align:left;transition:background-color var(--transition-fast);width:100%}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background-color:var(--bg-muted)}.search-result-avatar{align-items:center;background:linear-gradient(135deg,var(--color-primary-600) 0,var(--color-primary-500) 100%);border-radius:var(--radius-full);color:#fff;display:flex;flex-shrink:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);height:40px;justify-content:center;width:40px}.search-result-info{flex:1 1;min-width:0}.search-result-name{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.search-result-email,.search-result-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-email{color:var(--text-tertiary);font-size:var(--font-size-xs)}.not-found-page{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:var(--space-6);position:relative}.not-found-bg{inset:0;position:fixed;z-index:-1}.not-found-pattern{background-image:radial-gradient(circle at 1px 1px,var(--color-primary-300) 1px,#0000 0);background-size:40px 40px;inset:0;opacity:.1;position:absolute}.not-found-content{animation:fadeInUp .5s ease-out;max-width:500px;text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.not-found-icon{align-items:center;background:linear-gradient(135deg,var(--color-primary-100) 0,var(--color-primary-50) 100%);border-radius:var(--radius-2xl);color:var(--color-primary-600);display:flex;height:96px;justify-content:center;margin:0 auto var(--space-8);width:96px}[data-theme=dark] .not-found-icon{background:linear-gradient(135deg,#3b82f633,#3b82f61a)}.not-found-icon svg{height:48px;width:48px}.not-found-code{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-primary-600) 0,var(--color-primary-400) 100%);-webkit-background-clip:text;background-clip:text;font-size:8rem;line-height:1}.not-found-code,.not-found-title{font-weight:var(--font-weight-bold);margin-bottom:var(--space-4)}.not-found-title{color:var(--text-primary);font-size:var(--font-size-3xl)}.not-found-description{color:var(--text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--space-8)}.not-found-actions{display:flex;gap:var(--space-4);justify-content:center}@media (max-width:480px){.not-found-code{font-size:6rem}.not-found-title{font-size:var(--font-size-2xl)}.not-found-actions{flex-direction:column}.not-found-actions .btn{justify-content:center;width:100%}}*{box-sizing:border-box;margin:0;padding:0}:root{--color-primary-50:#eff6ff;--color-primary-100:#dbeafe;--color-primary-200:#bfdbfe;--color-primary-300:#93c5fd;--color-primary-400:#60a5fa;--color-primary-500:#3b82f6;--color-primary-600:#2563eb;--color-primary-700:#1d4ed8;--color-primary-800:#1e40af;--color-primary-900:#1e3a8a;--color-success-50:#ecfdf5;--color-success-100:#d1fae5;--color-success-500:#10b981;--color-success-600:#059669;--color-success-700:#047857;--color-warning-50:#fffbeb;--color-warning-100:#fef3c7;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-warning-700:#b45309;--color-danger-50:#fef2f2;--color-danger-100:#fee2e2;--color-danger-500:#ef4444;--color-danger-600:#dc2626;--color-danger-700:#b91c1c;--color-info-50:#eff6ff;--color-info-100:#dbeafe;--color-info-500:#3b82f6;--color-info-600:#2563eb;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-primary:var(--color-primary-600);--color-primary-hover:var(--color-primary-700);--color-primary-light:var(--color-primary-100);--color-success:var(--color-success-600);--color-success-light:var(--color-success-100);--color-warning:var(--color-warning-600);--color-warning-light:var(--color-warning-100);--color-danger:var(--color-danger-600);--color-danger-light:var(--color-danger-100);--color-info:var(--color-info-600);--color-info-light:var(--color-info-100);--bg-body:var(--color-gray-50);--bg-surface:#fff;--bg-surface-elevated:#fff;--bg-surface-hover:var(--color-gray-50);--bg-muted:var(--color-gray-100);--bg-overlay:#00000080;--text-primary:var(--color-gray-900);--text-secondary:var(--color-gray-600);--text-tertiary:var(--color-gray-500);--text-muted:var(--color-gray-400);--text-inverse:#fff;--text-link:var(--color-primary-600);--text-link-hover:var(--color-primary-700);--border-default:var(--color-gray-200);--border-subtle:var(--color-gray-100);--border-strong:var(--color-gray-300);--border-focus:var(--color-primary-500);--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--font-family-base:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-family-mono:"JetBrains Mono","Fira Code","SF Mono",Consolas,monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-inner:inset 0 2px 4px 0 #0000000f;--shadow-focus:0 0 0 3px var(--color-primary-200);--shadow-focus-danger:0 0 0 3px var(--color-danger-200);--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--transition-bounce:500ms cubic-bezier(0.68,-0.55,0.265,1.55);--header-height:4rem;--sidebar-width:280px;--container-max:1280px;--content-max:768px}@media(prefers-color-scheme: dark),[data-theme=dark]{:root:not([data-theme=light]){--color-primary:var(--color-primary-500);--color-primary-hover:var(--color-primary-400);--color-primary-light:#3b82f633;--bg-body:var(--color-gray-900);--bg-surface:var(--color-gray-800);--bg-surface-elevated:var(--color-gray-700);--bg-surface-hover:#ffffff0d;--bg-muted:var(--color-gray-800);--bg-overlay:#000000bf;--text-primary:var(--color-gray-50);--text-secondary:var(--color-gray-300);--text-tertiary:var(--color-gray-400);--text-muted:var(--color-gray-500);--text-inverse:var(--color-gray-900);--text-link:var(--color-primary-400);--text-link-hover:var(--color-primary-300);--border-default:var(--color-gray-700);--border-subtle:var(--color-gray-800);--border-strong:var(--color-gray-600);--shadow-xs:0 1px 2px 0 #0000004d;--shadow-sm:0 1px 3px 0 #0006,0 1px 2px 0 #0003;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -1px #0003;--shadow-lg:0 10px 15px -3px #00000080,0 4px 6px -2px #0000004d;--shadow-xl:0 20px 25px -5px #00000080,0 10px 10px -5px #0000004d;--shadow-focus:0 0 0 3px #3b82f64d;--shadow-focus-danger:0 0 0 3px #ef44444d}}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;scroll-behavior:smooth}body{background-color:#f9fafb;background-color:var(--bg-body);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-family-base);font-size:1rem;font-size:var(--font-size-base);font-weight:400;font-weight:var(--font-weight-normal);line-height:1.5;line-height:var(--line-height-normal);min-height:100vh;transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);transition:background-color var(--transition-base),color var(--transition-base)}body,h1,h2,h3,h4,h5,h6{color:#111827;color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-weight:600;font-weight:var(--font-weight-semibold);line-height:1.25;line-height:var(--line-height-tight);margin-bottom:1rem;margin-bottom:var(--space-4)}h1{font-size:2.25rem;font-size:var(--font-size-4xl)}h2{font-size:1.875rem;font-size:var(--font-size-3xl)}h3{font-size:1.5rem;font-size:var(--font-size-2xl)}h4{font-size:1.25rem;font-size:var(--font-size-xl)}h5{font-size:1.125rem;font-size:var(--font-size-lg)}h6{font-size:1rem;font-size:var(--font-size-base)}p{color:#4b5563;color:var(--text-secondary);margin-bottom:1rem;margin-bottom:var(--space-4)}a{color:#2563eb;color:var(--text-link);text-decoration:none;transition:color .15s cubic-bezier(.4,0,.2,1);transition:color var(--transition-fast)}a:hover{color:#1d4ed8;color:var(--text-link-hover);text-decoration:underline}.btn{align-items:center;background-color:#fff;background-color:var(--bg-surface);border:1px solid #e5e7eb;border:1px solid var(--border-default);border-radius:.75rem;border-radius:var(--radius-lg);color:#111827;color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-family-base);font-size:1rem;font-size:var(--font-size-base);font-weight:500;font-weight:var(--font-weight-medium);gap:.5rem;gap:var(--space-2);justify-content:center;line-height:1.25;line-height:var(--line-height-tight);padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:hover:not(:disabled){background-color:#f9fafb;background-color:var(--bg-surface-hover);border-color:#d1d5db;border-color:var(--border-strong);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn:focus-visible{box-shadow:0 0 0 3px #bfdbfe;box-shadow:var(--shadow-focus);outline:none}.btn-primary{background-color:#2563eb;background-color:var(--color-primary);border-color:#2563eb;border-color:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:#1d4ed8;background-color:var(--color-primary-hover);border-color:#1d4ed8;border-color:var(--color-primary-hover)}.btn-secondary{background-color:#fff;background-color:var(--bg-surface);border-color:#e5e7eb;border-color:var(--border-default);color:#111827;color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background-color:#f9fafb;background-color:var(--bg-surface-hover);border-color:#d1d5db;border-color:var(--border-strong)}.btn-ghost{background-color:initial;border-color:#0000;color:#4b5563;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background-color:#f3f4f6;background-color:var(--bg-muted);color:#111827;color:var(--text-primary)}.btn-danger{background-color:#dc2626;background-color:var(--color-danger);border-color:#dc2626;border-color:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background-color:#b91c1c;background-color:var(--color-danger-700);border-color:#b91c1c;border-color:var(--color-danger-700)}.btn-success{background-color:#059669;background-color:var(--color-success);border-color:#059669;border-color:var(--color-success);color:#fff}.btn-success:hover:not(:disabled){background-color:#047857;background-color:var(--color-success-700);border-color:#047857;border-color:var(--color-success-700)}.btn-sm{border-radius:.5rem;border-radius:var(--radius-md);font-size:.875rem;font-size:var(--font-size-sm);padding:.5rem 1rem;padding:var(--space-2) var(--space-4)}.btn-lg{border-radius:1rem;border-radius:var(--radius-xl);font-size:1.125rem;font-size:var(--font-size-lg);padding:1rem 2rem;padding:var(--space-4) var(--space-8)}.btn-icon{border-radius:.5rem;border-radius:var(--radius-md);padding:.5rem;padding:var(--space-2)}.form-group{margin-bottom:1.25rem;margin-bottom:var(--space-5)}.form-group label{color:#111827;color:var(--text-primary);display:block;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:.5rem;margin-bottom:var(--space-2)}.form-group label .required{color:#dc2626;color:var(--color-danger);margin-left:.25rem;margin-left:var(--space-1)}.form-group input,.form-group select,.form-group textarea{background-color:#fff;background-color:var(--bg-surface);border:1px solid #e5e7eb;border:1px solid var(--border-default);border-radius:.75rem;border-radius:var(--radius-lg);color:#111827;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-family-base);font-size:1rem;font-size:var(--font-size-base);line-height:1.5;line-height:var(--line-height-normal);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:100%}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#d1d5db;border-color:var(--border-strong)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;border-color:var(--border-focus);box-shadow:0 0 0 3px #bfdbfe;box-shadow:var(--shadow-focus);outline:none}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background-color:#f3f4f6;background-color:var(--bg-muted);cursor:not-allowed;opacity:.7}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af;color:var(--text-muted)}.form-group .input-hint{color:#6b7280;color:var(--text-tertiary);font-size:.875rem;font-size:var(--font-size-sm);margin-top:.5rem;margin-top:var(--space-2)}.form-group.has-error input,.form-group.has-error select,.form-group.has-error textarea{border-color:#dc2626;border-color:var(--color-danger);box-shadow:0 0 0 3px var(--color-danger-200);box-shadow:var(--shadow-focus-danger)}.form-group.has-success input,.form-group.has-success select,.form-group.has-success textarea{border-color:#059669;border-color:var(--color-success)}.form-message{align-items:center;animation:slideIn .3s ease-out;border-radius:.75rem;border-radius:var(--radius-lg);display:flex;font-size:.875rem;font-size:var(--font-size-sm);gap:.5rem;gap:var(--space-2);margin-bottom:1.25rem;margin-bottom:var(--space-5);padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}.form-message-error{background-color:#fef2f2;background-color:var(--color-danger-50);border:1px solid var(--color-danger-200);color:#b91c1c;color:var(--color-danger-700)}[data-theme=dark] .form-message-error{background-color:#ef444433;border-color:#dc2626;border-color:var(--color-danger-600);color:#fee2e2;color:var(--color-danger-100)}.form-message-success{background-color:#ecfdf5;background-color:var(--color-success-50);border:1px solid var(--color-success-200);color:#047857;color:var(--color-success-700)}[data-theme=dark] .form-message-success{background-color:#10b98133;border-color:#059669;border-color:var(--color-success-600);color:#d1fae5;color:var(--color-success-100)}.form-message-warning{background-color:#fffbeb;background-color:var(--color-warning-50);border:1px solid var(--color-warning-200);color:#b45309;color:var(--color-warning-700)}[data-theme=dark] .form-message-warning{background-color:#f59e0b33;border-color:#d97706;border-color:var(--color-warning-600);color:#fef3c7;color:var(--color-warning-100)}.form-check{align-items:center;cursor:pointer;display:flex;gap:.75rem;gap:var(--space-3)}.form-check input[type=checkbox],.form-check input[type=radio]{accent-color:#2563eb;accent-color:var(--color-primary);cursor:pointer;height:1.25rem;width:1.25rem}.form-check label{cursor:pointer;font-weight:400;font-weight:var(--font-weight-normal);margin:0}.card{background-color:#fff;background-color:var(--bg-surface);border:1px solid #f3f4f6;border:1px solid var(--border-subtle);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.card-interactive{cursor:pointer}.card-interactive:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-interactive:active{transform:translateY(0)}.card-header{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--border-subtle)}.card-body,.card-header{padding:1.5rem;padding:var(--space-6)}.card-footer{background-color:#f3f4f6;background-color:var(--bg-muted);border-radius:0 0 1rem 1rem;border-radius:0 0 var(--radius-xl) var(--radius-xl);border-top:1px solid #f3f4f6;border-top:1px solid var(--border-subtle);padding:1rem 1.5rem;padding:var(--space-4) var(--space-6)}.container{margin:0 auto;max-width:1280px;max-width:var(--container-max);padding:0 1.5rem;padding:0 var(--space-6);width:100%}.container-sm{max-width:768px;max-width:var(--content-max)}.section{padding:4rem 0;padding:var(--space-16) 0}.section-sm{padding:2.5rem 0;padding:var(--space-10) 0}.section-lg{padding:6rem 0;padding:var(--space-24) 0}.grid{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem;gap:var(--space-2)}.gap-3{gap:.75rem;gap:var(--space-3)}.gap-4{gap:1rem;gap:var(--space-4)}.gap-6{gap:1.5rem;gap:var(--space-6)}.badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;font-weight:var(--font-weight-semibold);padding:.25rem .75rem;padding:var(--space-1) var(--space-3)}.badge-primary{background-color:#dbeafe;background-color:var(--color-primary-100);color:#1d4ed8;color:var(--color-primary-700)}[data-theme=dark] .badge-primary{background-color:#3b82f633;color:#bfdbfe;color:var(--color-primary-200)}.badge-success{background-color:#d1fae5;background-color:var(--color-success-100);color:#047857;color:var(--color-success-700)}[data-theme=dark] .badge-success{background-color:#10b98133;color:var(--color-success-200)}.badge-warning{background-color:#fef3c7;background-color:var(--color-warning-100);color:#b45309;color:var(--color-warning-700)}[data-theme=dark] .badge-warning{background-color:#f59e0b33;color:var(--color-warning-200)}.badge-danger{background-color:#fee2e2;background-color:var(--color-danger-100);color:#b91c1c;color:var(--color-danger-700)}[data-theme=dark] .badge-danger{background-color:#ef444433;color:var(--color-danger-200)}.divider{background-color:#e5e7eb;background-color:var(--border-default);height:1px;margin:1.5rem 0;margin:var(--space-6) 0}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%);background:linear-gradient(90deg,var(--bg-muted) 25%,var(--border-default) 50%,var(--bg-muted) 75%);background-size:200% 100%;border-radius:.5rem;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-screen{align-items:center;display:flex;flex-direction:column;gap:1rem;gap:var(--space-4);justify-content:center;min-height:100vh}.spinner{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-top-color:#2563eb;border:3px solid var(--border-default);border-radius:50%;border-top-color:var(--color-primary);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 1.5rem;padding:var(--space-16) var(--space-6);text-align:center}.empty-state-icon{color:#9ca3af;color:var(--text-muted);height:64px;margin-bottom:1rem;margin-bottom:var(--space-4);width:64px}.empty-state-title{color:#111827;color:var(--text-primary);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:.5rem;margin-bottom:var(--space-2)}.empty-state-description{color:#4b5563;color:var(--text-secondary);max-width:400px}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:#111827;color:var(--text-primary)}.text-secondary{color:#4b5563;color:var(--text-secondary)}.text-muted{color:#9ca3af;color:var(--text-muted)}.font-medium{font-weight:500;font-weight:var(--font-weight-medium)}.font-semibold{font-weight:600;font-weight:var(--font-weight-semibold)}.font-bold{font-weight:700;font-weight:var(--font-weight-bold)}.text-sm{font-size:.875rem;font-size:var(--font-size-sm)}.text-lg{font-size:1.125rem;font-size:var(--font-size-lg)}.text-xl{font-size:1.25rem;font-size:var(--font-size-xl)}.mt-2{margin-top:.5rem;margin-top:var(--space-2)}.mt-4{margin-top:1rem;margin-top:var(--space-4)}.mt-6{margin-top:1.5rem;margin-top:var(--space-6)}.mb-2{margin-bottom:.5rem;margin-bottom:var(--space-2)}.mb-4{margin-bottom:1rem;margin-bottom:var(--space-4)}.mb-6{margin-bottom:1.5rem;margin-bottom:var(--space-6)}.w-full{width:100%}.h-full{height:100%}@media (max-width:768px){:root{--space-16:3rem;--space-20:4rem;--space-24:5rem}h1{font-size:1.875rem;font-size:var(--font-size-3xl)}h2{font-size:1.5rem;font-size:var(--font-size-2xl)}h3{font-size:1.25rem;font-size:var(--font-size-xl)}.container{padding:0 1rem;padding:0 var(--space-4)}.section{padding:2.5rem 0;padding:var(--space-10) 0}}@media (max-width:480px){.btn{width:100%}.card-body,.card-header{padding:1rem;padding:var(--space-4)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid #2563eb;outline:2px solid var(--color-primary);outline-offset:2px}
/*# sourceMappingURL=main.416385ad.css.map*/