*{margin:0;padding:0;box-sizing:border-box}:root{--primary-600: #667eea;--primary-700: #5a67d8;--primary-800: #4c51bf;--success-50: #f0fdf4;--success-500: #10b981;--success-600: #059669;--success-700: #047857;--danger-50: #fef2f2;--danger-500: #ef4444;--danger-600: #dc2626;--warning-50: #fffbeb;--warning-500: #f59e0b;--warning-600: #d97706;--info-50: #eff6ff;--info-500: #3b82f6;--info-600: #2563eb;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", sans-serif}body{font-family:var(--font-sans);background:var(--gray-50);color:var(--gray-900);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-modern{min-height:100vh;display:flex;flex-direction:column}.top-nav{background:#fff;border-bottom:1px solid var(--gray-200);padding:0 var(--spacing-xl);display:flex;align-items:center;justify-content:space-between;height:72px;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}.nav-left{display:flex;align-items:center;gap:var(--spacing-2xl)}.app-logo{display:flex;align-items:center;gap:var(--spacing-md)}.logo-svg{width:40px;height:40px}.logo-text{display:flex;flex-direction:column}.logo-title{font-size:1.25rem;font-weight:700;color:var(--gray-900);line-height:1;margin-bottom:2px}.logo-subtitle{font-size:.75rem;color:var(--gray-500);line-height:1}.nav-tabs{display:flex;gap:var(--spacing-xs)}.nav-tab{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border:none;background:transparent;border-radius:var(--radius-md);cursor:pointer;font-size:.9375rem;font-weight:500;color:var(--gray-600);transition:all .2s ease;position:relative}.nav-tab:hover{background:var(--gray-100);color:var(--gray-900)}.nav-tab.active{color:var(--primary-600);background:var(--primary-50, #eef2ff)}.nav-tab.active:after{content:"";position:absolute;bottom:-17px;left:0;right:0;height:3px;background:var(--primary-600);border-radius:3px 3px 0 0}.tab-icon{width:20px;height:20px}.tab-badge{background:var(--primary-100, #e0e7ff);color:var(--primary-700);font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:var(--radius-full);line-height:1}.nav-tab.active .tab-badge{background:var(--primary-600);color:#fff}.nav-right{display:flex;align-items:center;gap:var(--spacing-md)}.action-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease}.upload-btn{background:var(--primary-600);color:#fff}.upload-btn:hover{background:var(--primary-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.upload-btn svg{width:18px;height:18px}.icon-btn{width:40px;height:40px;border:none;border-radius:var(--radius-lg);background:var(--gray-100);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all .2s ease}.icon-btn:hover{background:var(--gray-200)}.icon-btn svg{width:20px;height:20px;color:var(--gray-700)}.ai-btn{background:linear-gradient(135deg,#667eea,#764ba2)}.ai-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.ai-btn svg{color:#fff}.notification-dot{position:absolute;top:-4px;right:-4px;background:var(--danger-500);color:#fff;font-size:.625rem;font-weight:700;min-width:18px;height:18px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid white}.user-profile-container{position:relative}.user-profile-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:6px;border:1px solid var(--gray-200);border-radius:var(--radius-full);background:#fff;cursor:pointer;transition:all .2s ease}.user-profile-btn:hover{background:var(--gray-50);border-color:var(--gray-300)}.user-avatar-circle{width:32px;height:32px;border-radius:var(--radius-full);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.user-avatar-circle img{width:100%;height:100%;border-radius:var(--radius-full);object-fit:cover}.user-name-text{font-size:.875rem;font-weight:500;color:var(--gray-700);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chevron-icon{width:16px;height:16px;color:var(--gray-400);margin-right:4px}.dropdown-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:200}.user-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:1px solid var(--gray-200);min-width:240px;z-index:201;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-section{padding:var(--spacing-sm)}.dropdown-user-info{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm)}.dropdown-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.dropdown-avatar img{width:100%;height:100%;border-radius:var(--radius-full);object-fit:cover}.dropdown-name{font-size:.875rem;font-weight:600;color:var(--gray-900);line-height:1.2}.dropdown-email{font-size:.75rem;color:var(--gray-500);line-height:1.2}.dropdown-divider{height:1px;background:var(--gray-200);margin:var(--spacing-xs) 0}.dropdown-item{width:100%;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;font-weight:500;color:var(--gray-700);transition:background .2s ease;text-align:left}.dropdown-item:hover{background:var(--gray-100)}.dropdown-item.danger{color:var(--danger-600)}.dropdown-item.danger:hover{background:var(--danger-50)}.item-icon{width:18px;height:18px;flex-shrink:0}.main-content{flex:1;padding:var(--spacing-2xl);max-width:1600px;width:100%;margin:0 auto}.dashboard-container{display:flex;flex-direction:column;gap:var(--spacing-xl)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.metric-card{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-md);border:1px solid var(--gray-200);display:flex;gap:var(--spacing-lg);transition:all .3s ease}.metric-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.metric-card.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none}.metric-card.success{border-left:4px solid var(--success-500)}.metric-card.warning{border-left:4px solid var(--warning-500)}.metric-card.info{border-left:4px solid var(--info-500)}.metric-icon{width:56px;height:56px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-card.primary .metric-icon{background:#fff3;color:#fff}.metric-card.success .metric-icon{background:var(--success-50);color:var(--success-600)}.metric-card.warning .metric-icon{background:var(--warning-50);color:var(--warning-600)}.metric-card.info .metric-icon{background:var(--info-50);color:var(--info-600)}.metric-icon svg{width:28px;height:28px}.metric-content{flex:1}.metric-label{font-size:.875rem;font-weight:500;margin-bottom:var(--spacing-sm);opacity:.9}.metric-card.primary .metric-label{color:#ffffffe6}.metric-card:not(.primary) .metric-label{color:var(--gray-600)}.metric-value{font-size:2rem;font-weight:700;line-height:1;margin-bottom:var(--spacing-sm)}.metric-change{display:flex;align-items:center;gap:4px;font-size:.8125rem;font-weight:500}.metric-card.primary .metric-change{color:#ffffffd9}.metric-change.positive{color:var(--success-600)}.metric-change.negative{color:var(--danger-600)}.trend-icon{width:16px;height:16px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:var(--spacing-xl)}.dashboard-card{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-md);border:1px solid var(--gray-200)}.dashboard-card.full-width{grid-column:1 / -1}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.card-title{font-size:1.125rem;font-weight:700;color:var(--gray-900)}.card-badge{background:var(--gray-100);color:var(--gray-700);font-size:.75rem;font-weight:600;padding:4px 12px;border-radius:var(--radius-full)}.card-action{background:transparent;border:none;color:var(--primary-600);font-size:.875rem;font-weight:600;cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-md);transition:background .2s ease}.card-action:hover{background:var(--gray-100)}.accounts-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.account-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);background:var(--gray-50);border-radius:var(--radius-lg);transition:all .2s ease}.account-item:hover{background:var(--gray-100);transform:translate(4px)}.account-item-left{display:flex;align-items:center;gap:var(--spacing-md)}.account-icon-circle{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.account-icon-circle.credit_card{background:var(--warning-50);color:var(--warning-600)}.account-icon-circle.checking{background:var(--info-50);color:var(--info-600)}.account-icon-circle.savings{background:var(--success-50);color:var(--success-600)}.account-icon-circle.investment{background:var(--primary-50, #eef2ff);color:var(--primary-600)}.account-icon-circle svg{width:24px;height:24px}.account-item-info{display:flex;flex-direction:column;gap:4px}.account-item-name{font-size:1rem;font-weight:600;color:var(--gray-900)}.account-item-type{font-size:.75rem;color:var(--gray-500);font-weight:500}.account-item-right{text-align:right}.account-item-balance{font-size:1.125rem;font-weight:700}.account-item-balance.positive{color:var(--gray-900)}.account-item-balance.negative{color:var(--danger-600)}.account-item-due{font-size:.75rem;color:var(--gray-500);margin-top:4px}.transactions-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.transaction-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-radius:var(--radius-md);transition:background .2s ease}.transaction-item:hover{background:var(--gray-50)}.transaction-left{display:flex;align-items:center;gap:var(--spacing-md)}.transaction-icon{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.transaction-icon.income{background:var(--success-50);color:var(--success-600)}.transaction-icon.expense{background:var(--danger-50);color:var(--danger-600)}.transaction-icon svg{width:18px;height:18px}.transaction-info{display:flex;flex-direction:column;gap:4px}.transaction-description{font-size:.9375rem;font-weight:600;color:var(--gray-900)}.transaction-date{font-size:.75rem;color:var(--gray-500)}.transaction-amount{font-size:1rem;font-weight:700}.transaction-amount.positive{color:var(--success-600)}.transaction-amount.negative{color:var(--gray-900)}.breakdown-grid{display:flex;flex-direction:column;gap:var(--spacing-lg)}.breakdown-item{display:grid;grid-template-columns:1fr 3fr auto;align-items:center;gap:var(--spacing-lg)}.breakdown-info{display:flex;flex-direction:column;gap:4px}.breakdown-label{font-size:.875rem;font-weight:600;color:var(--gray-900)}.breakdown-value{font-size:.8125rem;color:var(--gray-500)}.breakdown-bar{height:12px;background:var(--gray-100);border-radius:var(--radius-full);overflow:hidden}.breakdown-fill{height:100%;border-radius:var(--radius-full);transition:width .6s ease}.breakdown-fill.credit_card{background:linear-gradient(90deg,var(--warning-500),var(--warning-600))}.breakdown-fill.checking{background:linear-gradient(90deg,var(--info-500),var(--info-600))}.breakdown-fill.savings{background:linear-gradient(90deg,var(--success-500),var(--success-600))}.breakdown-fill.investment{background:linear-gradient(90deg,var(--primary-600),var(--primary-800))}.breakdown-percentage{font-size:.875rem;font-weight:700;color:var(--gray-700);min-width:50px;text-align:right}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center}.empty-icon{width:64px;height:64px;color:var(--gray-300);margin-bottom:var(--spacing-lg)}.empty-state p{font-size:1rem;font-weight:600;color:var(--gray-900);margin-bottom:var(--spacing-sm)}.empty-state span{font-size:.875rem;color:var(--gray-500)}.modern-accounts-container{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.accounts-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.summary-card{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-md);border:1px solid var(--gray-200);display:flex;align-items:center;gap:var(--spacing-lg);transition:all .3s ease}.summary-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.summary-card.assets{border-top:4px solid var(--success-500)}.summary-card.liabilities{border-top:4px solid var(--warning-500)}.summary-card.networth{border-top:4px solid var(--primary-600)}.summary-icon{width:56px;height:56px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.summary-card.assets .summary-icon{background:var(--success-50);color:var(--success-600)}.summary-card.liabilities .summary-icon{background:var(--warning-50);color:var(--warning-600)}.summary-card.networth .summary-icon{background:var(--primary-50, #eef2ff);color:var(--primary-600)}.summary-icon svg{width:28px;height:28px}.summary-content{flex:1}.summary-label{font-size:.875rem;font-weight:500;color:var(--gray-600);margin-bottom:var(--spacing-sm)}.summary-value{font-size:1.75rem;font-weight:700;color:var(--gray-900)}.account-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-xl)}.modern-account-card{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-md);border:1px solid var(--gray-200);transition:all .3s ease;position:relative;overflow:hidden}.modern-account-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.modern-account-card.credit_card:before{background:linear-gradient(90deg,var(--warning-500),var(--warning-600))}.modern-account-card.checking:before{background:linear-gradient(90deg,var(--info-500),var(--info-600))}.modern-account-card.savings:before{background:linear-gradient(90deg,var(--success-500),var(--success-600))}.modern-account-card.investment:before{background:linear-gradient(90deg,var(--primary-600),var(--primary-800))}.modern-account-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl)}.account-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.account-type-badge{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--gray-600)}.account-status{font-size:.75rem;font-weight:600;padding:4px 12px;border-radius:var(--radius-full)}.account-status.active{background:var(--success-50);color:var(--success-700)}.account-status.inactive{background:var(--gray-100);color:var(--gray-600)}.account-card-body{margin-bottom:var(--spacing-lg)}.account-card-name{font-size:1.25rem;font-weight:700;color:var(--gray-900);margin-bottom:var(--spacing-sm)}.account-card-number{font-size:.875rem;color:var(--gray-500);letter-spacing:2px;margin-bottom:var(--spacing-lg)}.account-card-balance{margin-top:var(--spacing-lg)}.balance-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--gray-500);margin-bottom:var(--spacing-sm)}.balance-value{font-size:2rem;font-weight:700;color:var(--gray-900)}.balance-value.negative{color:var(--danger-600)}.account-card-footer{padding-top:var(--spacing-lg);border-top:1px solid var(--gray-200)}.footer-item{display:flex;justify-content:space-between;align-items:center}.footer-label{font-size:.8125rem;color:var(--gray-500)}.footer-value{font-size:.8125rem;font-weight:600;color:var(--gray-900)}.modern-transactions-container{display:flex;flex-direction:column;gap:var(--spacing-xl)}.transactions-toolbar{display:flex;gap:var(--spacing-md);flex-wrap:wrap;align-items:center}.search-box{flex:1;min-width:300px;position:relative}.search-icon{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--gray-400);pointer-events:none}.search-input{width:100%;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 44px;border:1px solid var(--gray-300);border-radius:var(--radius-lg);font-size:.9375rem;background:#fff;transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--primary-600);box-shadow:0 0 0 3px #667eea1a}.filter-buttons{display:flex;gap:var(--spacing-sm);background:var(--gray-100);padding:4px;border-radius:var(--radius-lg)}.filter-btn{padding:var(--spacing-sm) var(--spacing-lg);border:none;background:transparent;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;color:var(--gray-600);cursor:pointer;transition:all .2s ease}.filter-btn:hover{color:var(--gray-900)}.filter-btn.active{background:#fff;color:var(--primary-600);box-shadow:var(--shadow-sm)}.sort-dropdown{position:relative}.sort-select{padding:var(--spacing-md) var(--spacing-xl) var(--spacing-md) var(--spacing-md);border:1px solid var(--gray-300);border-radius:var(--radius-lg);font-size:.875rem;font-weight:500;background:#fff;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236b7280'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:20px}.sort-select:focus{outline:none;border-color:var(--primary-600)}.transactions-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}.stat-item{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);display:flex;align-items:center;gap:var(--spacing-md)}.stat-item.income{border-left:4px solid var(--success-500)}.stat-item.expense{border-left:4px solid var(--danger-500)}.stat-item.total{border-left:4px solid var(--primary-600)}.stat-item.count{border-left:4px solid var(--info-500)}.stat-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-item.income .stat-icon{background:var(--success-50);color:var(--success-600)}.stat-item.expense .stat-icon{background:var(--danger-50);color:var(--danger-600)}.stat-item.total .stat-icon{background:var(--primary-50, #eef2ff);color:var(--primary-600)}.stat-item.count .stat-icon{background:var(--info-50);color:var(--info-600)}.stat-icon svg{width:20px;height:20px}.stat-label{font-size:.75rem;font-weight:500;color:var(--gray-600);margin-bottom:4px}.stat-value{font-size:1.125rem;font-weight:700;color:var(--gray-900)}.transactions-table-container{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--gray-200);overflow:hidden}.transactions-table{width:100%;border-collapse:collapse}.transactions-table thead{background:var(--gray-50)}.transactions-table th{padding:var(--spacing-lg);text-align:left;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--gray-600);border-bottom:1px solid var(--gray-200)}.transactions-table th.amount-column{text-align:right}.transactions-table tbody tr{border-bottom:1px solid var(--gray-100);transition:background .2s ease}.transactions-table tbody tr:hover{background:var(--gray-50)}.transactions-table td{padding:var(--spacing-lg);font-size:.9375rem}.date-cell{color:var(--gray-600);font-weight:500;white-space:nowrap}.description-cell{font-weight:600;color:var(--gray-900)}.account-cell{color:var(--gray-600)}.category-badge{display:inline-block;padding:4px 12px;background:var(--gray-100);color:var(--gray-700);font-size:.75rem;font-weight:600;border-radius:var(--radius-full)}.amount-cell{text-align:right;font-weight:700;white-space:nowrap}.amount-cell.positive{color:var(--success-600)}.amount-cell.negative{color:var(--gray-900)}.empty-row{padding:var(--spacing-2xl)!important}.empty-state-table{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-2xl)}.empty-state-table .empty-icon{width:56px;height:56px;color:var(--gray-300);margin-bottom:var(--spacing-md)}.empty-state-table p{font-size:.9375rem;font-weight:600;color:var(--gray-600)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:500;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);z-index:501;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}.upload-modal{width:90%;max-width:600px}.ai-modal{width:90%;max-width:800px;height:80vh}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xl);border-bottom:1px solid var(--gray-200)}.modal-title{font-size:1.5rem;font-weight:700;color:var(--gray-900)}.modal-title-with-icon{display:flex;align-items:center;gap:var(--spacing-md)}.modal-icon{width:28px;height:28px;color:var(--primary-600)}.modal-close{width:36px;height:36px;border:none;border-radius:var(--radius-md);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.modal-close:hover{background:var(--gray-100)}.modal-close svg{width:20px;height:20px;color:var(--gray-600)}.modal-body{padding:var(--spacing-xl);overflow-y:auto}.finai-content{display:flex;flex-direction:column;height:100%}.finai-content .messages-container{flex:1;overflow-y:auto;padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-lg)}.finai-content .message{display:flex;flex-direction:column;gap:var(--spacing-sm);max-width:80%;animation:messageSlide .3s ease}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.finai-content .message.user{align-self:flex-end}.finai-content .message.assistant{align-self:flex-start}.finai-content .message-content{padding:var(--spacing-lg);border-radius:var(--radius-lg);font-size:.9375rem;line-height:1.6}.finai-content .message.user .message-content{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom-right-radius:var(--radius-sm)}.finai-content .message.assistant .message-content{background:var(--gray-100);color:var(--gray-900);border-bottom-left-radius:var(--radius-sm)}.finai-content .message-time{font-size:.75rem;color:var(--gray-500);padding:0 var(--spacing-sm)}.finai-content .input-container{display:flex;gap:var(--spacing-md);padding:var(--spacing-xl);border-top:1px solid var(--gray-200);background:#fff}.finai-content .message-input{flex:1;padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--gray-300);border-radius:var(--radius-lg);font-size:.9375rem;outline:none;transition:all .2s ease}.finai-content .message-input:focus{border-color:var(--primary-600);box-shadow:0 0 0 3px #667eea1a}.finai-content .send-button{width:48px;height:48px;border:none;border-radius:var(--radius-lg);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.finai-content .send-button:hover:not(:disabled){transform:scale(1.05);box-shadow:var(--shadow-lg)}.finai-content .send-button:disabled{opacity:.5;cursor:not-allowed}.finai-content .send-button svg{width:20px;height:20px}.typing-indicator{display:flex;gap:6px;padding:var(--spacing-sm) 0}.typing-indicator span{width:8px;height:8px;border-radius:var(--radius-full);background:var(--gray-400);animation:typing 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}@media(max-width:1024px){.main-content{padding:var(--spacing-lg)}.dashboard-grid,.account-cards-grid{grid-template-columns:1fr}}@media(max-width:768px){.top-nav{padding:0 var(--spacing-md);height:auto;flex-direction:column;gap:var(--spacing-md);padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.nav-left{width:100%;flex-direction:column;gap:var(--spacing-md)}.nav-tabs{width:100%;overflow-x:auto}.user-name-text{display:none}.metrics-grid{grid-template-columns:1fr}.transactions-toolbar{flex-direction:column}.search-box{width:100%}.transactions-table-container{overflow-x:auto}}.modern-documents-container{display:flex;flex-direction:column;gap:var(--spacing-xl)}.documents-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}.doc-stat-card{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);display:flex;align-items:center;gap:var(--spacing-md);transition:all .2s ease}.doc-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.doc-stat-card.total{border-left:4px solid var(--primary-600)}.doc-stat-card.processed{border-left:4px solid var(--success-500)}.doc-stat-card.processing{border-left:4px solid var(--warning-500)}.doc-stat-card.failed{border-left:4px solid var(--danger-500)}.modern-documents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg)}.modern-document-card{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-md);border:1px solid var(--gray-200);cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;gap:var(--spacing-lg)}.modern-document-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--primary-600)}.modern-document-card.selected{border-color:var(--primary-600);box-shadow:0 0 0 3px #667eea1a}.doc-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md)}.doc-icon-wrapper{width:56px;height:56px;border-radius:var(--radius-lg);background:var(--primary-50, #eef2ff);display:flex;align-items:center;justify-content:center;flex-shrink:0}.doc-icon{width:28px;height:28px;color:var(--primary-600)}.doc-status-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;white-space:nowrap}.doc-status-badge.processing{background:var(--warning-50);color:var(--warning-700)}.doc-status-badge.processed{background:var(--success-50);color:var(--success-700)}.doc-status-badge.failed{background:var(--danger-50);color:var(--danger-700)}.doc-status-badge.uploaded{background:var(--info-50);color:var(--info-700)}.status-icon{width:14px;height:14px}.doc-card-body{flex:1}.doc-card-title{font-size:1rem;font-weight:700;color:var(--gray-900);margin-bottom:var(--spacing-md);word-break:break-word;line-height:1.4}.doc-card-meta{display:flex;flex-direction:column;gap:var(--spacing-sm)}.meta-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.8125rem;color:var(--gray-600)}.meta-icon{width:16px;height:16px;color:var(--gray-400);flex-shrink:0}.doc-card-footer{padding-top:var(--spacing-md);border-top:1px solid var(--gray-200)}.doc-action-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--primary-600);background:#fff;color:var(--primary-600);border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.doc-action-btn:hover{background:var(--primary-600);color:#fff}.doc-action-btn svg{width:18px;height:18px}.documents-empty-state{display:flex;align-items:center;justify-content:center;min-height:400px}.empty-state-card{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-md);border:1px solid var(--gray-200);text-align:center;max-width:400px}.empty-state-card .empty-icon{width:64px;height:64px;color:var(--gray-300);margin:0 auto var(--spacing-lg)}.empty-state-card h3{font-size:1.25rem;font-weight:700;color:var(--gray-900);margin-bottom:var(--spacing-sm)}.empty-state-card p{font-size:.9375rem;color:var(--gray-600);line-height:1.6}.pdf-viewer-modal{width:90vw;height:90vh;max-width:none}.pdf-viewer-body{flex:1;overflow:hidden;background:var(--gray-100)}.pdf-iframe{width:100%;height:100%;border:none}@media(max-width:1024px){.modern-documents-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:768px){.documents-stats-grid{grid-template-columns:repeat(2,1fr)}.modern-documents-grid{grid-template-columns:1fr}.pdf-viewer-modal{width:100vw;height:100vh;border-radius:0}}