@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0A0E27;--bg-secondary: #141932;--bg-tertiary: #1A1F3A;--bg-card: #1E2444;--text-primary: #FFFFFF;--text-secondary: #B4B8D0;--text-muted: #6B7194;--accent-primary: #2D9CDB;--accent-secondary: #3DBFC9;--accent-gradient: linear-gradient(135deg, #2D9CDB 0%, #3DBFC9 100%);--success: #27AE60;--warning: #F2994A;--error: #EB5757;--info: #2D9CDB;--border-color: #2A3150;--shadow: 0 4px 20px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .5);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px}[data-theme=light]{--bg-primary: #F5F7FA;--bg-secondary: #FFFFFF;--bg-tertiary: #F0F2F5;--bg-card: #FFFFFF;--text-primary: #1A1F3A;--text-secondary: #4A5568;--text-muted: #718096;--border-color: #E2E8F0;--shadow: 0 2px 10px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .15)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root,#app{min-height:100vh}button{font-family:inherit;cursor:pointer;border:none;outline:none}input,textarea,select{font-family:inherit;outline:none}a{color:inherit;text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--radius-md);font-weight:500;font-size:14px;transition:all .2s ease}.btn-primary{background:var(--accent-gradient);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-card)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover{opacity:.9}.btn-success{background:var(--success);color:#fff}.btn-full{width:100%}.btn-large{padding:16px 32px;font-size:16px}.btn-icon{padding:8px;background:transparent;border-radius:var(--radius-sm);color:var(--text-secondary);transition:all .2s ease}.btn-icon:hover{background:var(--bg-tertiary);color:var(--text-primary)}.btn-icon.btn-danger{color:var(--error)}.btn-icon.btn-danger:hover{background:#eb57571a}.btn-icon.btn-success{color:var(--success)}.btn-icon.btn-success:hover{background:#27ae601a}.btn-back{background:transparent;color:var(--text-secondary);padding:8px;border-radius:var(--radius-sm);transition:all .2s ease}.btn-back:hover{background:var(--bg-tertiary);color:var(--text-primary)}.btn-copy{padding:6px;background:transparent;border-radius:var(--radius-sm);color:var(--text-secondary);transition:all .2s ease}.btn-copy:hover{background:var(--bg-tertiary);color:var(--text-primary)}.link{color:var(--accent-primary);font-weight:500;transition:all .2s ease}.link:hover{color:var(--accent-secondary)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;font-size:14px;color:var(--text-secondary)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--accent-primary);background:var(--bg-card)}.form-group small{display:block;margin-top:6px;font-size:12px;color:var(--text-muted)}.badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.badge-success{background:#27ae6033;color:var(--success)}.badge-warning{background:#f2994a33;color:var(--warning)}.badge-error{background:#eb575733;color:var(--error)}.badge-default{background:#2d9cdb33;color:var(--accent-primary)}.badge-pending{background:#f2994a33;color:var(--warning)}.badge-successful{background:#27ae6033;color:var(--success)}.badge-failed{background:#eb575733;color:var(--error)}.badge-active{background:#27ae6033;color:var(--success)}.badge-inactive{background:#b4b8d033;color:var(--text-muted)}.badge-frozen{background:#2d9cdb33;color:var(--info)}.toast{position:fixed;bottom:24px;right:24px;background:var(--bg-card);color:var(--text-primary);padding:16px 24px;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);transform:translateY(100px);opacity:0;transition:all .3s ease;z-index:10000;max-width:400px}.toast.show{transform:translateY(0);opacity:1}.toast-success{border-left:4px solid var(--success)}.toast-error{border-left:4px solid var(--error)}.toast-info{border-left:4px solid var(--info)}.loader-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0a0e27cc;display:flex;align-items:center;justify-content:center;z-index:9999}.loader-content{text-align:center}.spinner{width:48px;height:48px;border:4px solid var(--bg-tertiary);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0a0e27e6;display:flex;align-items:center;justify-content:center;z-index:9998;opacity:0;transition:opacity .3s ease;padding:20px}.modal-overlay.show{opacity:1}.modal{background:var(--bg-secondary);border-radius:var(--radius-lg);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--border-color)}.modal-header h2{font-size:20px;font-weight:600}.modal-close{background:transparent;color:var(--text-secondary);padding:8px;border-radius:var(--radius-sm);transition:all .2s ease}.modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-body{padding:24px}.modal-footer{display:flex;gap:12px;padding:24px;border-top:1px solid var(--border-color)}.modal-form .form-group{margin-bottom:16px}.landing-page{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary)}.landing-content{flex:1;padding:40px 20px;max-width:1200px;margin:0 auto;width:100%}.landing-header{margin-bottom:60px}.logo{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:600;color:var(--text-primary)}.landing-hero{text-align:center}.landing-hero h1{font-size:48px;font-weight:700;margin-bottom:16px;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-hero>p{font-size:20px;color:var(--text-secondary);margin-bottom:60px}.landing-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:60px}.feature{text-align:center;padding:30px;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.feature svg{color:var(--accent-primary);margin-bottom:20px}.feature h3{font-size:20px;margin-bottom:12px}.feature p{color:var(--text-secondary)}.landing-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--bg-primary)}.auth-container{width:100%;max-width:440px;background:var(--bg-secondary);padding:40px;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.auth-header{text-align:center;margin-bottom:32px}.auth-header .logo{justify-content:center;margin-bottom:24px}.auth-header h1{font-size:28px;margin-bottom:8px}.auth-header p{color:var(--text-secondary)}.auth-form{margin-bottom:24px}.auth-footer{text-align:center}.auth-footer p{color:var(--text-secondary);margin-bottom:8px}.auth-footer a{color:var(--accent-primary);font-weight:500}.user-page{min-height:100vh;background:var(--bg-primary);padding-bottom:80px}.user-header{display:flex;align-items:center;justify-content:space-between;padding:20px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.user-info{display:flex;align-items:center;gap:12px}.avatar{width:48px;height:48px;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--accent-primary)}.greeting{font-size:14px;color:var(--text-secondary)}.user-info h2{font-size:18px;font-weight:600}.header-actions{display:flex;gap:8px}.icon-btn{width:40px;height:40px;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .2s ease}.icon-btn:hover{background:var(--bg-card);color:var(--text-primary)}.account-carousel{padding:24px 20px}.account-cards{position:relative;overflow:hidden}.account-card{background:var(--accent-gradient);border-radius:var(--radius-xl);padding:24px;min-height:200px;box-shadow:var(--shadow-lg);color:#fff;display:none}.account-card.active{display:block}.card-bank{font-size:12px;text-transform:uppercase;letter-spacing:1px;opacity:.9;margin-bottom:8px}.card-name{font-size:14px;opacity:.9;margin-bottom:20px}.card-balance{margin-bottom:24px}.balance-label{font-size:12px;opacity:.9;margin-bottom:8px}.balance-amount{font-size:32px;font-weight:700}.card-footer{display:flex;justify-content:space-between}.card-label{font-size:10px;text-transform:uppercase;opacity:.8;margin-bottom:4px}.card-value{font-size:14px;font-weight:500}.text-right{text-align:right}.card-updated{font-size:11px;opacity:.8;margin-top:16px}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:500;margin-top:8px}.badge-inactive{background:#fff3;color:#fff}.carousel-indicators{display:flex;justify-content:center;gap:8px;margin-top:16px}.indicator{width:8px;height:8px;border-radius:50%;background:var(--bg-tertiary);cursor:pointer;transition:all .2s ease}.indicator.active{background:var(--accent-primary);width:24px;border-radius:4px}.swipe-hint{text-align:center;font-size:12px;color:var(--text-muted);margin-top:12px}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:0 20px 24px}.action-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;background:var(--bg-secondary);border-radius:var(--radius-md);color:var(--text-primary);transition:all .2s ease}.action-btn:hover{background:var(--bg-card);transform:translateY(-2px)}.action-topup{background:var(--warning);color:#fff}.action-send,.action-receive,.action-more{background:var(--bg-tertiary)}.action-btn span{font-size:13px;font-weight:500}.section{padding:24px 20px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-header h3{font-size:18px;font-weight:600}.beneficiaries{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px}.beneficiary-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px;min-width:80px;background:var(--bg-tertiary);border-radius:var(--radius-md);border:2px dashed var(--border-color);color:var(--text-secondary);font-size:12px;transition:all .2s ease}.beneficiary-add:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.no-beneficiaries{text-align:center;padding:40px 20px;color:var(--text-muted)}.transactions-list{display:flex;flex-direction:column;gap:12px}.transaction-item{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg-secondary);border-radius:var(--radius-md);transition:all .2s ease}.transaction-item:hover{background:var(--bg-card)}.transaction-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.transaction-icon.deposit{background:#27ae6033;color:var(--success)}.transaction-icon.withdrawal{background:#eb575733;color:var(--error)}.transaction-icon.transfer{background:#2d9cdb33;color:var(--accent-primary)}.transaction-details{flex:1}.transaction-title{font-weight:500;font-size:14px;margin-bottom:4px}.transaction-date{font-size:12px;color:var(--text-muted)}.transaction-amount{font-weight:600;font-size:16px;margin-right:12px}.transaction-amount.positive{color:var(--success)}.transaction-amount.negative{color:var(--error)}.transaction-status{font-size:11px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:8px 0;z-index:100}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;color:var(--text-secondary);font-size:12px;transition:all .2s ease}.nav-item.active{color:var(--accent-primary)}.nav-item:hover{color:var(--text-primary)}.page-header{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.page-header h1{flex:1;font-size:24px;font-weight:600}.page-content{padding:24px 20px;max-width:800px;margin:0 auto}.no-account-message{text-align:center;padding:60px 20px}.no-account-message svg{color:var(--text-muted);margin-bottom:20px}.no-account-message h3{font-size:20px;margin-bottom:8px}.no-account-message p{color:var(--text-secondary)}.account-selector{margin-bottom:24px}.account-selector label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-secondary);font-size:14px}.selected-account{background:var(--bg-secondary);padding:16px;border-radius:var(--radius-md);border:1px solid var(--border-color)}.account-number{font-weight:600;margin-bottom:4px}.account-balance{font-size:14px;color:var(--text-secondary)}.info-card{background:var(--bg-secondary);padding:20px;border-radius:var(--radius-md);border:1px solid var(--border-color);margin-bottom:24px}.info-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border-color)}.info-row:last-child{border-bottom:none}.info-label{font-size:14px;color:var(--text-secondary)}.info-value{font-weight:500}.info-value-copy{display:flex;align-items:center;gap:8px}.receive-section{margin-bottom:32px}.receive-section h3{font-size:20px;margin-bottom:8px}.section-description{color:var(--text-secondary);margin-bottom:16px;font-size:14px}.bitcoin-card{background:var(--bg-tertiary)}.qr-placeholder{display:flex;align-items:center;justify-content:center;padding:40px;background:var(--bg-primary);border-radius:var(--radius-md);margin-bottom:20px}.qr-placeholder svg{color:var(--text-muted)}.btc-address-container{margin-bottom:24px}.btc-address{background:var(--bg-primary);padding:12px 16px;border-radius:var(--radius-md);font-family:Courier New,monospace;font-size:13px;word-break:break-all;margin-bottom:12px}.btc-instructions{padding:20px;background:var(--bg-primary);border-radius:var(--radius-md);margin-bottom:16px}.btc-instructions h4{margin-bottom:12px;font-size:14px}.btc-instructions ul{list-style:none}.btc-instructions li{padding:6px 0 6px 20px;position:relative;font-size:13px;color:var(--text-secondary)}.btc-instructions li:before{content:"•";position:absolute;left:0;color:var(--accent-primary)}.alert{display:flex;gap:12px;padding:16px;border-radius:var(--radius-md);font-size:14px}.alert-info{background:#2d9cdb1a;border:1px solid rgba(45,156,219,.3);color:var(--text-secondary)}.alert svg{flex-shrink:0;color:var(--info)}.filters{display:flex;gap:12px;margin-bottom:20px}.filter-select{padding:10px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px}.empty-state{text-align:center;padding:60px 20px}.empty-state svg{color:var(--text-muted);margin-bottom:20px}.empty-state h3{font-size:20px;margin-bottom:8px}.empty-state p{color:var(--text-secondary);margin-bottom:24px}.transaction-card{background:var(--bg-secondary);padding:20px;border-radius:var(--radius-md);border:1px solid var(--border-color);margin-bottom:12px;display:flex;align-items:center;gap:16px;transition:all .2s ease}.transaction-card:hover{background:var(--bg-card);border-color:var(--accent-primary)}.transaction-info{flex:1}.transaction-info h4{font-size:16px;margin-bottom:6px}.transaction-desc{font-size:13px;color:var(--text-muted);margin-top:4px}.transaction-right{text-align:right;display:flex;flex-direction:column;gap:8px}.loans-list{display:flex;flex-direction:column;gap:16px}.loan-card{background:var(--bg-secondary);padding:20px;border-radius:var(--radius-md);border:1px solid var(--border-color)}.loan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.loan-header h3{font-size:24px;font-weight:700}.loan-details{display:flex;flex-direction:column;gap:12px}.loan-detail-row{display:flex;justify-content:space-between;align-items:center;font-size:14px}.loan-detail-row .label{color:var(--text-secondary)}.loan-detail-row .value{font-weight:500}.rejection-reason{color:var(--error)}.profile-avatar{text-align:center;padding:40px 20px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.avatar-large{width:100px;height:100px;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--accent-primary)}.profile-email{color:var(--text-secondary);font-size:14px;margin-top:4px}.form{margin-bottom:24px}.profile-actions{padding:0 20px}.cards-grid{display:grid;gap:20px;margin-bottom:24px}.virtual-card{background:var(--accent-gradient);padding:24px;border-radius:var(--radius-xl);color:#fff;min-height:200px;position:relative;box-shadow:var(--shadow-lg)}.card-chip{margin-bottom:24px}.card-number{font-size:20px;font-weight:500;letter-spacing:2px;margin-bottom:20px}.card-details-row{display:flex;justify-content:space-between;margin-bottom:20px}.card-logo{position:absolute;bottom:24px;right:24px}.card-actions{display:grid;gap:12px}.settings-section{margin-bottom:32px;background:var(--bg-secondary);padding:20px;border-radius:var(--radius-md);border:1px solid var(--border-color)}.settings-section h3{font-size:18px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--border-color)}.setting-item:last-child{border-bottom:none}.setting-info{flex:1}.setting-title{font-weight:500;margin-bottom:4px}.setting-description{font-size:13px;color:var(--text-muted)}.toggle-switch{position:relative;display:inline-block;width:48px;height:28px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--bg-tertiary);transition:.3s;border-radius:28px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.toggle-slider{background-color:var(--accent-primary)}input:checked+.toggle-slider:before{transform:translate(20px)}.setting-btn{width:100%;display:flex;align-items:center;gap:12px;padding:16px;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;transition:all .2s ease;margin-bottom:12px}.setting-btn:last-child{margin-bottom:0}.setting-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-primary)}.info-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border-color)}.info-item:last-child{border-bottom:none}.admin-layout{display:flex;min-height:100vh;background:var(--bg-primary)}.admin-sidebar{width:260px;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;overflow-y:auto}.sidebar-header{padding:24px 20px;border-bottom:1px solid var(--border-color)}.sidebar-header h2{font-size:20px;font-weight:700}.sidebar-menu{flex:1;padding:20px 0}.sidebar-item{display:flex;align-items:center;gap:12px;padding:12px 20px;color:var(--text-secondary);font-size:14px;font-weight:500;transition:all .2s ease}.sidebar-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.sidebar-item.active{background:var(--bg-tertiary);color:var(--accent-primary);border-right:3px solid var(--accent-primary)}.admin-content{flex:1;margin-left:260px;padding:24px;max-width:1400px}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.admin-header h1{font-size:32px;font-weight:700}.admin-actions{display:flex;gap:12px}.search-input{padding:10px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;min-width:250px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:var(--bg-secondary);padding:24px;border-radius:var(--radius-md);border:1px solid var(--border-color);display:flex;align-items:center;gap:16px;transition:all .2s ease}.stat-card:hover{border-color:var(--accent-primary);transform:translateY(-2px)}.stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.users{background:#2d9cdb33;color:var(--accent-primary)}.stat-icon.accounts{background:#3dbfc933;color:var(--accent-secondary)}.stat-icon.balance{background:#27ae6033;color:var(--success)}.stat-icon.transactions{background:#f2994a33;color:var(--warning)}.stat-icon.deposits{background:#27ae6033;color:var(--success)}.stat-icon.withdrawals{background:#eb575733;color:var(--error)}.stat-icon.loans{background:#2d9cdb33;color:var(--info)}.stat-icon.success{background:#27ae6033;color:var(--success)}.stat-info{flex:1}.stat-label{font-size:13px;color:var(--text-secondary);margin-bottom:6px}.stat-value{font-size:28px;font-weight:700}.admin-sections{display:grid;gap:24px}.admin-section{background:var(--bg-secondary);padding:24px;border-radius:var(--radius-md);border:1px solid var(--border-color)}.admin-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.admin-section h2{font-size:20px;font-weight:600}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.quick-action-btn{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);transition:all .2s ease}.quick-action-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);transform:translateY(-2px)}.quick-action-btn svg{color:var(--accent-primary)}.data-table{background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);overflow-x:auto}.data-table table{width:100%;border-collapse:collapse}.data-table thead{background:var(--bg-tertiary)}.data-table th{padding:16px;text-align:left;font-weight:600;font-size:13px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color)}.data-table td{padding:16px;border-bottom:1px solid var(--border-color);font-size:14px}.data-table tr:hover{background:var(--bg-tertiary)}.data-table tr:last-child td{border-bottom:none}.data-table small{font-size:12px;color:var(--text-muted)}.action-buttons{display:flex;gap:8px}.positive{color:var(--success)}.negative{color:var(--error)}.empty-message{text-align:center;padding:40px;color:var(--text-muted)}.user-details,.transaction-details,.loan-details{display:flex;flex-direction:column;gap:16px}.detail-row{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--border-color)}.detail-row:last-child{border-bottom:none}.detail-row .label{font-weight:500;color:var(--text-secondary)}.detail-row .value{text-align:right;max-width:60%}.accounts-list{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color)}.accounts-list h4{margin-bottom:12px}.account-item{display:flex;justify-content:space-between;align-items:center;padding:10px;background:var(--bg-tertiary);border-radius:var(--radius-sm);margin-bottom:8px;font-size:13px}.account-edit-section{background:var(--bg-tertiary);padding:16px;border-radius:var(--radius-md);margin-bottom:16px}.transfer-confirmation{display:flex;flex-direction:column;gap:12px}.confirm-row{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--bg-tertiary);border-radius:var(--radius-sm)}.settings-sections{display:flex;flex-direction:column;gap:32px}@media (max-width: 768px){.admin-sidebar{transform:translate(-100%)}.admin-content{margin-left:0}.landing-hero h1{font-size:32px}.stats-grid{grid-template-columns:1fr}.quick-actions{grid-template-columns:repeat(2,1fr)}.action-btn span{font-size:11px}.modal{max-width:100%}}@media (min-width: 769px){.bottom-nav{display:none}.user-page{padding-bottom:0}}.landing-page-new{min-height:100vh;background:linear-gradient(180deg,#0a0e27,#0f1435,#141a42);overflow-x:hidden}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0a0e27f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(45,156,219,.1)}.nav-container{max-width:1200px;margin:0 auto;padding:20px 24px;display:flex;justify-content:space-between;align-items:center}.nav-logo{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700}.nav-logo svg{color:var(--accent-primary)}.btn-nav{background:var(--accent-gradient);border:none;color:#fff;padding:12px 32px;border-radius:var(--radius-md);font-weight:600;font-size:15px;transition:all .3s ease;box-shadow:0 4px 12px #2d9cdb33}.btn-nav:hover{transform:translateY(-2px);box-shadow:0 8px 24px #2d9cdb66}.hero-section{padding:140px 24px 100px;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(45,156,219,.15) 0%,transparent 70%);border-radius:50%;pointer-events:none}.hero-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-content{opacity:0;transform:translateY(30px);transition:all .8s ease}.hero-content.animate-in{opacity:1;transform:translateY(0)}.hero-subtitle{color:var(--accent-secondary);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}.hero-title{font-size:52px;font-weight:700;line-height:1.2;margin-bottom:24px;background:linear-gradient(135deg,#fff,#b4b8d0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:18px;line-height:1.6;color:var(--text-secondary);margin-bottom:40px}.hero-signup{display:flex;gap:12px;max-width:500px}.hero-signup input{flex:1;padding:16px 20px;background:#ffffff0d;border:1px solid rgba(45,156,219,.3);border-radius:var(--radius-md);color:var(--text-primary);font-size:16px;transition:all .3s ease}.hero-signup input:focus{background:#ffffff14;border-color:var(--accent-primary);box-shadow:0 0 0 3px #2d9cdb1a}.hero-signup input::-moz-placeholder{color:var(--text-muted)}.hero-signup input::placeholder{color:var(--text-muted)}.btn-signup{padding:16px 32px;background:var(--accent-gradient);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;font-size:16px;cursor:pointer;transition:all .3s ease}.btn-signup:hover{transform:translateY(-2px);box-shadow:0 12px 28px #2d9cdb66}.hero-cards{position:relative;opacity:0;transform:translateY(30px);transition:all .8s ease .2s}.hero-cards.animate-in{opacity:1;transform:translateY(0)}.card-showcase{position:relative;height:350px;perspective:1000px}.showcase-card{position:absolute;width:280px;height:180px;border-radius:16px;padding:20px;box-shadow:0 20px 40px #0000004d;transition:transform .5s ease;color:#fff;display:flex;flex-direction:column}.showcase-card:hover{transform:translateY(-10px) rotate(0)!important}.card-left{background:linear-gradient(135deg,#1e88e5,#1565c0);left:0;top:80px;transform:rotate(-12deg);z-index:1}.card-center{background:linear-gradient(135deg,#2d9cdb,#1976d2);left:50%;transform:translate(-50%) rotate(0);top:0;z-index:3}.card-right{background:linear-gradient(135deg,#42a5f5,#2196f3);right:0;top:80px;transform:rotate(12deg);z-index:2}.card-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.card-bank-name{font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.card-chip{width:40px;height:30px;background:linear-gradient(135deg,gold,orange);border-radius:6px;margin-bottom:auto}.card-number-display{font-size:16px;font-weight:500;letter-spacing:2px;margin-bottom:8px;font-family:Courier New,monospace}.card-holder{font-size:10px;font-weight:500;letter-spacing:1px;opacity:.9}.why-section{padding:100px 24px;background:#14193280}.section-container{max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:20px;opacity:0;transform:translateY(30px);transition:all .8s ease}.section-header.animate-in{opacity:1;transform:translateY(0)}.section-intro{text-align:center;margin-bottom:60px;opacity:0;transform:translateY(30px);transition:all .8s ease .2s}.section-intro.animate-in{opacity:1;transform:translateY(0)}.section-subtitle{color:var(--accent-secondary);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.section-title{font-size:40px;font-weight:700;line-height:1.3;margin-bottom:16px}.section-description{font-size:18px;color:var(--text-secondary);max-width:600px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.feature-card{background:#1e244480;border:1px solid rgba(45,156,219,.2);border-radius:var(--radius-lg);padding:32px;text-align:center;transition:all .3s ease;opacity:0;transform:translateY(30px)}.feature-card.animate-in{opacity:1;transform:translateY(0)}.feature-card:nth-child(1){transition-delay:.1s}.feature-card:nth-child(2){transition-delay:.2s}.feature-card:nth-child(3){transition-delay:.3s}.feature-card:nth-child(4){transition-delay:.4s}.feature-card:hover{background:#1e2444cc;border-color:var(--accent-primary);transform:translateY(-8px);box-shadow:0 12px 28px #2d9cdb33}.feature-icon{width:64px;height:64px;margin:0 auto 20px;background:#2d9cdb1a;border-radius:50%;display:flex;align-items:center;justify-content:center}.feature-icon svg{color:var(--accent-primary)}.feature-card h3{font-size:20px;font-weight:600;margin-bottom:12px}.feature-card p{color:var(--text-secondary);line-height:1.6}.convenient-section,.control-section,.choice-section{padding:100px 24px}.content-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.content-layout.reverse{direction:rtl}.content-layout.reverse>*{direction:ltr}.content-text{opacity:0;transform:translate(-30px);transition:all .8s ease}.content-text.animate-in{opacity:1;transform:translate(0)}.content-layout.reverse .content-text{transform:translate(30px)}.content-layout.reverse .content-text.animate-in{transform:translate(0)}.benefit-list{display:flex;flex-direction:column;gap:24px;margin-top:32px}.benefit-item{display:flex;gap:16px;align-items:flex-start}.benefit-icon{width:40px;height:40px;background:#2d9cdb1a;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.benefit-icon svg{color:var(--accent-primary)}.benefit-item h4{font-size:18px;font-weight:600;margin-bottom:6px}.benefit-item p{color:var(--text-secondary);line-height:1.6}.content-visual{opacity:0;transform:translate(30px);transition:all .8s ease .2s}.content-visual.animate-in{opacity:1;transform:translate(0)}.content-layout.reverse .content-visual{transform:translate(-30px)}.content-layout.reverse .content-visual.animate-in{transform:translate(0)}.visual-card{background:#1e244480;border:1px solid rgba(45,156,219,.2);border-radius:var(--radius-lg);padding:40px;min-height:300px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.visual-card:hover{border-color:var(--accent-primary);box-shadow:0 12px 28px #2d9cdb33}.mock-dashboard{width:100%;padding:20px}.dashboard-header{display:flex;justify-content:center;margin-bottom:20px}.dashboard-header svg{color:var(--accent-primary);opacity:.3}.dashboard-balance{text-align:center;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid rgba(45,156,219,.2)}.dashboard-balance p{color:var(--text-secondary);font-size:13px;margin-bottom:8px}.dashboard-balance h3{font-size:32px;font-weight:700;color:var(--accent-primary)}.dashboard-transactions{display:flex;flex-direction:column;gap:12px}.mini-transaction{display:flex;align-items:center;gap:12px;padding:12px;background:#2d9cdb0d;border-radius:var(--radius-sm)}.mini-tx-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;flex-shrink:0}.mini-tx-icon.income{background:#27ae6033;color:var(--success)}.mini-tx-icon.expense{background:#eb575733;color:var(--error)}.mini-tx-info{flex:1;display:flex;flex-direction:column;gap:4px}.mini-tx-info span{font-size:14px;font-weight:500}.mini-tx-info small{font-size:12px;color:var(--text-muted)}.mini-tx-amount{font-weight:600;font-size:14px}.security-visual{padding:40px;text-align:center}.security-icon{display:flex;justify-content:center;margin-bottom:32px}.security-icon svg{color:var(--accent-primary)}.security-badges{display:flex;flex-direction:column;gap:16px}.security-badge{display:flex;align-items:center;gap:12px;padding:16px;background:#2d9cdb1a;border-radius:var(--radius-md);border:1px solid rgba(45,156,219,.2)}.security-badge svg{color:var(--accent-primary);flex-shrink:0}.security-badge span{font-size:14px;font-weight:500}.cards-visual{background:linear-gradient(135deg,#1e88e5,#2d9cdb);position:relative}.devices-display{padding:40px;display:flex;flex-direction:column;align-items:center;gap:24px}.device-mockup{position:relative}.phone-screen{width:160px;height:280px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:3px solid rgba(255,255,255,.3);padding:12px;display:flex;flex-direction:column;gap:16px}.mini-app-header{height:40px;background:#fff3;border-radius:8px}.mini-card-in-phone{height:100px;background:#ffffff40;border-radius:12px}.device-icons{display:flex;gap:24px}.device-icons svg{color:#fff9}.testimonials-section{padding:100px 24px;background:#0a0e2780}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.testimonial-card{background:#1e244480;border:1px solid rgba(45,156,219,.2);border-radius:var(--radius-lg);padding:32px;transition:all .3s ease;opacity:0;transform:translateY(30px)}.testimonial-card.animate-in{opacity:1;transform:translateY(0)}.testimonial-card:nth-child(1){transition-delay:.1s}.testimonial-card:nth-child(2){transition-delay:.2s}.testimonial-card:nth-child(3){transition-delay:.3s}.testimonial-card:hover{background:#1e2444cc;border-color:var(--accent-primary);transform:translateY(-8px);box-shadow:0 12px 28px #2d9cdb33}.testimonial-rating{margin-bottom:20px}.testimonial-rating span{color:gold;font-size:20px}.testimonial-text{color:var(--text-secondary);line-height:1.8;margin-bottom:24px;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:16px}.author-avatar{width:56px;height:56px;border-radius:50%;overflow:hidden;border:2px solid var(--accent-primary);flex-shrink:0}.author-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.author-info h4{font-size:16px;font-weight:600;margin-bottom:4px}.author-info p{font-size:14px;color:var(--text-muted)}.ceo-section{padding:100px 24px;background:linear-gradient(135deg,#1e24444d,#0a0e2780)}.ceo-content{display:grid;grid-template-columns:1fr 1.5fr;gap:80px;align-items:center}.ceo-image{opacity:0;transform:translate(-30px);transition:all .8s ease}.ceo-image.animate-in{opacity:1;transform:translate(0)}.ceo-photo{width:100%;max-width:400px;aspect-ratio:1;border-radius:var(--radius-xl);overflow:hidden;border:3px solid var(--accent-primary);box-shadow:0 20px 40px #2d9cdb4d}.ceo-photo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ceo-text{opacity:0;transform:translate(30px);transition:all .8s ease .2s}.ceo-text.animate-in{opacity:1;transform:translate(0)}.ceo-text .section-subtitle{text-align:left;margin-bottom:12px}.ceo-text .section-title{text-align:left;font-size:36px;margin-bottom:24px}.ceo-name{font-size:28px;font-weight:700;color:var(--accent-primary);margin-bottom:8px}.ceo-title{font-size:16px;color:var(--text-secondary);margin-bottom:32px;font-weight:500}.ceo-bio{display:flex;flex-direction:column;gap:20px}.ceo-bio p{color:var(--text-secondary);line-height:1.8;font-size:15px}.landing-footer{background:#0a0e27f2;border-top:1px solid rgba(45,156,219,.2);padding:60px 24px 32px}.footer-container{max-width:1200px;margin:0 auto}.footer-top{margin-bottom:48px;padding-bottom:40px;border-bottom:1px solid rgba(45,156,219,.1)}.footer-logo{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.footer-logo svg{color:var(--accent-primary);flex-shrink:0}.footer-bank-name{font-size:20px;font-weight:700;display:block;margin-bottom:4px}.footer-tagline{font-size:14px;color:var(--text-secondary);margin:0}.footer-description{color:var(--text-secondary);line-height:1.8;max-width:600px}.footer-content{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-bottom:48px}.footer-column h4{font-size:16px;font-weight:600;margin-bottom:20px;color:var(--text-primary)}.footer-column a{display:block;color:var(--text-secondary);margin-bottom:12px;font-size:14px;transition:color .2s ease}.footer-column a:hover{color:var(--accent-primary)}.footer-bottom{padding-top:32px;border-top:1px solid rgba(45,156,219,.1);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.footer-bottom p{color:var(--text-muted);font-size:14px;margin:0}.footer-legal{display:flex;align-items:center;gap:12px;color:var(--text-muted);font-size:13px}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:all .8s ease}.animate-on-scroll.animate-in{opacity:1;transform:translateY(0)}@media (max-width: 1024px){.hero-container,.content-layout{grid-template-columns:1fr;gap:40px}.card-showcase{height:250px}.showcase-card{width:220px;height:140px}.footer-content{grid-template-columns:1fr 1fr;gap:40px}.footer-brand{grid-column:1 / -1}}@media (max-width: 768px){.nav-container{padding:16px 20px}.logo-text{font-size:14px}.nav-logo svg{width:24px;height:24px}.btn-nav{padding:8px 20px;font-size:14px}.hero-section{padding:100px 20px 40px}.hero-title{font-size:32px}.hero-description{font-size:16px;margin-bottom:28px}.hero-signup{flex-direction:column}.hero-signup input{padding:14px 18px;font-size:15px}.btn-signup{padding:14px 28px;font-size:15px}.card-showcase{height:220px;margin-top:40px}.showcase-card{width:200px;height:130px;padding:14px}.card-header svg{width:20px;height:20px}.card-bank-name{font-size:13px}.card-chip{width:32px;height:24px;margin-bottom:auto}.card-number-display{font-size:13px}.card-holder{font-size:9px}.card-left,.card-right{top:60px}.section-title{font-size:26px}.section-description{font-size:15px}.hero-subtitle,.section-subtitle{font-size:12px}.why-section,.convenient-section,.control-section,.choice-section{padding:50px 20px}.section-header{margin-bottom:40px}.features-grid{grid-template-columns:1fr;gap:20px}.feature-card{padding:24px}.feature-icon{width:56px;height:56px}.feature-icon svg{width:28px;height:28px}.feature-card h3{font-size:18px}.feature-card p{font-size:14px}.content-layout,.content-layout.reverse{direction:ltr;gap:40px}.content-text,.content-visual{transform:translateY(30px)}.content-text.animate-in,.content-visual.animate-in{transform:translateY(0)}.benefit-item h4{font-size:16px}.benefit-item p{font-size:14px}.visual-card{padding:24px;min-height:250px}.mock-dashboard{padding:16px}.dashboard-balance h3{font-size:28px}.mini-transaction{padding:10px}.mini-tx-icon{width:32px;height:32px;font-size:16px}.security-visual{padding:24px}.security-icon svg{width:48px;height:48px}.security-badges{gap:12px}.security-badge{padding:12px}.devices-display{padding:24px}.phone-screen{width:140px;height:240px;padding:10px}.mini-app-header{height:32px}.mini-card-in-phone{height:80px}.device-icons svg{width:28px;height:28px}.landing-footer{padding:40px 20px 20px}.footer-content{grid-template-columns:1fr;gap:32px;margin-bottom:32px}.footer-brand{grid-column:1}.footer-logo{font-size:16px}.footer-logo svg{width:24px;height:24px}.footer-column a{font-size:14px}.testimonials-section{padding:50px 20px}.testimonials-grid{grid-template-columns:1fr}.testimonial-card{padding:24px}.testimonial-rating span{font-size:18px}.testimonial-text{font-size:14px}.author-avatar{width:48px;height:48px}.author-info h4{font-size:15px}.author-info p{font-size:13px}.ceo-section{padding:50px 20px}.ceo-content{grid-template-columns:1fr;gap:40px}.ceo-photo{max-width:300px;margin:0 auto}.ceo-text .section-title{font-size:26px;text-align:center}.ceo-text .section-subtitle{text-align:center}.ceo-name{font-size:24px;text-align:center}.ceo-title{text-align:center;font-size:15px}.ceo-bio p{font-size:14px}.footer-top{margin-bottom:32px;padding-bottom:32px}.footer-logo{flex-direction:column;gap:12px;text-align:center;align-items:center}.footer-bank-name{font-size:18px}.footer-tagline{font-size:13px}.footer-description{text-align:center;font-size:14px}.footer-content{grid-template-columns:repeat(2,1fr);gap:32px;margin-bottom:32px}.footer-column h4{font-size:15px}.footer-column a{font-size:13px}.footer-bottom{flex-direction:column;text-align:center;font-size:13px}.footer-legal{font-size:12px}}