.tab-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;height:80px;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--divider);display:flex;justify-content:space-around;align-items:center;padding:0 var(--spacing-sm);padding-bottom:env(safe-area-inset-bottom,0);z-index:100}.tab-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:var(--spacing-sm) var(--spacing-md);color:var(--text-secondary);transition:all .2s ease;border-radius:var(--radius-sm);min-width:64px}.tab-item:hover{background:#0066ff0d}.tab-item.active{color:var(--primary)}.tab-label{font-size:11px;font-weight:500}.login-screen{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:100%;padding:var(--spacing-3xl) var(--spacing-lg);padding-top:calc(var(--spacing-3xl) + env(safe-area-inset-top,20px));background:linear-gradient(180deg,#06f,#039)}.login-header{display:flex;flex-direction:column;align-items:center;margin-top:var(--spacing-3xl)}.login-logo{margin-bottom:var(--spacing-lg)}.logo-circle{width:100px;height:100px;border-radius:24px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;color:#fff}.login-title{font-size:32px;font-weight:700;color:#fff;margin-bottom:var(--spacing-sm)}.login-subtitle{font-size:16px;color:#fffc}.login-auth{display:flex;flex-direction:column;align-items:center}.biometric-button{width:100px;height:100px;border-radius:50%;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:var(--spacing-lg);transition:all .2s ease;border:2px solid rgba(255,255,255,.3)}.biometric-button:hover{background:#ffffff40;transform:scale(1.05)}.biometric-button:active{transform:scale(.95)}.biometric-text{font-size:16px;color:#fffc}.login-footer{font-size:14px;color:#fff9}.home-screen{min-height:100%;background:linear-gradient(180deg,#06f,#000 70%);padding-bottom:var(--spacing-2xl)}.home-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);padding-top:calc(var(--spacing-2xl) + env(safe-area-inset-top,20px))}.header-left{display:flex;align-items:center;flex:1;gap:var(--spacing-md)}.user-avatar{width:44px;height:44px;border-radius:50%;background:#ffffff4d;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px}.search-bar{flex:1;display:flex;align-items:center;gap:var(--spacing-sm);background:#fff3;border-radius:var(--radius-full);padding:var(--spacing-sm) var(--spacing-md);color:#fff9;font-size:15px}.header-right{display:flex;align-items:center;gap:var(--spacing-md);margin-left:var(--spacing-lg)}.header-icon{color:#fff;padding:var(--spacing-xs)}.balance-section{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-2xl) var(--spacing-lg)}.account-label{color:#ffffffb3;font-size:16px;margin-bottom:var(--spacing-sm)}.balance-display{display:flex;align-items:flex-start}.currency-symbol{color:#fff;font-size:48px;font-weight:600;margin-right:var(--spacing-xs)}.balance-amount{color:#fff;font-size:56px;font-weight:700}.accounts-button{border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-full);padding:var(--spacing-md) var(--spacing-xl);margin-top:var(--spacing-xl);color:#fff;font-weight:600;background:transparent}.dots-indicator{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.dot{width:6px;height:6px;border-radius:50%;background:#fff6}.actions-grid{display:flex;justify-content:space-around;padding:0 var(--spacing-lg);margin-bottom:var(--spacing-xl)}.action-button{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.action-icon{width:64px;height:64px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;color:#fff}.action-label{color:#fff;font-size:14px;font-weight:500}.transactions-section{padding:var(--spacing-lg)}.transactions-title{color:#fff;font-size:18px;font-weight:600;margin-bottom:var(--spacing-lg)}.transactions-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.transaction-card{display:flex;align-items:center;background:#00000026;border-radius:var(--radius-md);padding:var(--spacing-lg);cursor:pointer;transition:opacity .2s}.transaction-card:active{opacity:.7}.transaction-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:var(--spacing-lg)}.transaction-info{flex:1;display:flex;flex-direction:column}.transaction-meta{color:#fff9;font-size:13px;margin-top:var(--spacing-xs)}.empty-state{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-2xl)}.empty-state p{color:#ffffff80;font-size:16px}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:200}.modal-content{background:#fff;border-radius:24px 24px 0 0;padding:var(--spacing-xl);padding-bottom:calc(var(--spacing-2xl) + env(safe-area-inset-bottom,0));width:100%;max-width:430px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.modal-header h3{font-size:22px;font-weight:700;color:#333}.modal-close{color:#666}.input-label{display:block;color:#666;font-size:14px;font-weight:500;margin-bottom:var(--spacing-sm)}.text-input{width:100%;background:#f5f5f5;border-radius:var(--radius-md);padding:var(--spacing-lg);font-size:18px;margin-bottom:var(--spacing-lg);color:#333}.text-input::placeholder{color:#999}.primary-button{width:100%;background:var(--primary);border-radius:var(--radius-full);padding:var(--spacing-lg);color:#fff;font-size:18px;font-weight:600;margin-top:var(--spacing-md)}.primary-button:active{opacity:.8}.receipt-popup{background:#fff;border-radius:24px;padding:var(--spacing-xl);padding-bottom:calc(var(--spacing-2xl) + env(safe-area-inset-bottom,0));width:calc(100% - 32px);max-width:400px;margin:auto;position:relative}.receipt-close{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);color:#666;padding:var(--spacing-xs)}.receipt-header{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-lg) 0;margin-bottom:var(--spacing-lg)}.receipt-checkmark{width:56px;height:56px;border-radius:50%;background:#4cd964;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:var(--spacing-md)}.receipt-header h3{font-size:20px;font-weight:700;color:#333}.receipt-details{display:flex;flex-direction:column}.receipt-row:last-child{border-bottom:none}.receipt-row span:first-child{color:#666;font-size:14px}.receipt-row span:last-child{color:#333;font-weight:600;font-size:14px;text-align:right;max-width:55%;word-break:break-all}.status-success{display:flex;align-items:center;gap:6px;color:#4cd964!important}.status-dot{width:8px;height:8px;border-radius:50%;background:#4cd964}.done-button{width:100%;background:var(--primary);border-radius:var(--radius-full);padding:var(--spacing-lg);color:#fff;font-size:16px;font-weight:600;margin-top:var(--spacing-xl)}.done-button:active{opacity:.8}.hold-menu{background:#fff;border-radius:16px;padding:var(--spacing-lg);width:calc(100% - 32px);max-width:400px;margin-bottom:calc(var(--spacing-lg) + env(safe-area-inset-bottom,0))}.hold-menu-header{text-align:center;padding-bottom:var(--spacing-lg);border-bottom:1px solid #eee;margin-bottom:var(--spacing-md)}.hold-menu-header span{font-size:16px;font-weight:600;color:#333}.hold-menu-item{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-lg);border-radius:var(--radius-md);background:transparent}.hold-menu-item.delete{color:#ff3b30}.hold-menu-item.delete:active{background:#ff3b301a}.hold-menu-note{text-align:center;color:#999;font-size:12px;padding:var(--spacing-sm) 0}.hold-menu-cancel{width:100%;padding:var(--spacing-lg);background:#f5f5f5;border-radius:var(--radius-full);color:#333;font-size:16px;font-weight:600;margin-top:var(--spacing-md)}.payments-screen{min-height:100%;background:#1a1a2e;padding:var(--spacing-lg);padding-top:calc(var(--spacing-2xl) + env(safe-area-inset-top,20px))}.payments-header{display:flex;justify-content:center;align-items:center;position:relative;margin-bottom:var(--spacing-xl)}.payments-header h1{color:#fff;font-size:20px;font-weight:600}.close-button{position:absolute;right:0;color:#fff;padding:var(--spacing-sm)}.payments-content{padding-bottom:var(--spacing-2xl)}.field-label{display:block;color:#fff;font-size:14px;font-weight:500;margin-bottom:var(--spacing-sm);margin-top:var(--spacing-lg)}.tab-container{display:flex;gap:var(--spacing-md)}.tab{flex:1;padding:var(--spacing-md);border-radius:var(--radius-full);font-size:16px;font-weight:500;color:#888;background:transparent;border:1px solid #444;transition:all .2s ease}.tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.field-input{width:100%;background:#2a2a3e;border-radius:var(--radius-md);padding:var(--spacing-lg);font-size:16px;color:#fff;border:1px solid #3a3a4e}.field-input::placeholder{color:#666}.exchange-container{display:flex;align-items:center;background:#2a2a3e;border-radius:var(--radius-md);padding:var(--spacing-lg);margin-top:var(--spacing-lg);border:1px solid #3a3a4e}.currency-column{flex:1;display:flex;flex-direction:column}.currency-label{color:#888;font-size:12px;font-weight:500;margin-bottom:var(--spacing-xs)}.currency-input{background:transparent;color:#fff;font-size:20px;font-weight:600;padding:0;width:100%}.currency-input::placeholder{color:#666}.exchange-button{padding:0 var(--spacing-lg);color:var(--primary)}.exchange-rate{color:#666;font-size:12px;text-align:center;margin-top:var(--spacing-sm)}.button-container{display:flex;gap:var(--spacing-md);margin-top:calc(var(--spacing-xl) * 1.5)}.cancel-btn{flex:1;padding:var(--spacing-lg);border-radius:var(--radius-full);background:#3a3a4e;color:#fff;font-size:16px;font-weight:600}.send-btn{flex:1;padding:var(--spacing-lg);border-radius:var(--radius-full);background:var(--primary);color:#fff;font-size:16px;font-weight:600}.send-btn.disabled{opacity:.5;cursor:not-allowed}.review-screen{min-height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:var(--spacing-xl) var(--spacing-lg);padding-top:calc(var(--spacing-2xl) + env(safe-area-inset-top,20px));background:var(--background-root)}.review-card{background:#fff;border-radius:var(--radius-md);padding:var(--spacing-2xl);display:flex;flex-direction:column;align-items:center}.recipient-icon{width:80px;height:80px;border-radius:50%;background:var(--background-secondary);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-lg);color:var(--text)}.recipient-name{font-size:22px;font-weight:600;margin-bottom:var(--spacing-sm)}.payment-amount{font-size:40px;font-weight:700;color:var(--error);margin-bottom:var(--spacing-2xl)}.detail-row{display:flex;justify-content:space-between;width:100%;padding:var(--spacing-md) 0;border-top:1px solid rgba(0,0,0,.05)}.detail-label{color:var(--text-secondary)}.detail-value{font-weight:600}.warning-banner{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md);border-radius:var(--radius-xs);background:#f5a62333;border:1px solid var(--warning);color:var(--warning);margin-top:var(--spacing-lg);font-weight:600;font-size:14px}.review-footer{display:flex;flex-direction:column;gap:var(--spacing-md)}.cancel-button{height:52px;border-radius:var(--radius-xs);background:var(--background-secondary);color:var(--text);font-size:17px}.confirm-button{height:52px;border-radius:var(--radius-xs);background:var(--primary);color:#fff;font-size:17px;font-weight:600}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;padding:var(--spacing-xl);z-index:300}.security-modal{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-xl);width:100%;max-width:340px;display:flex;flex-direction:column;align-items:center;position:relative}.modal-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);color:#888;padding:var(--spacing-sm)}.shield-icon{color:var(--warning);margin-bottom:var(--spacing-lg);margin-top:var(--spacing-md)}.security-modal h3{font-size:22px;font-weight:700;color:#1a1a2e;margin-bottom:var(--spacing-md)}.modal-question{font-size:18px;font-weight:600;color:#1a1a2e;margin-bottom:var(--spacing-md);text-align:center}.modal-warning{font-size:14px;color:#666;text-align:center;margin-bottom:var(--spacing-xl);line-height:1.5}.modal-buttons{display:flex;gap:var(--spacing-md);width:100%}.modal-cancel{flex:1;padding:var(--spacing-md);border-radius:var(--radius-full);background:#f0f0f0;color:#1a1a2e;font-size:14px;font-weight:600}.modal-confirm{flex:1;padding:var(--spacing-md);border-radius:var(--radius-full);background:var(--primary);color:#fff;font-size:14px;font-weight:600}.processing-overlay{position:fixed;inset:0;background:#f5f5f5;display:flex;justify-content:center;align-items:center;padding:var(--spacing-xl);z-index:300}.processing-content{width:100%;display:flex;flex-direction:column;align-items:center;padding:var(--spacing-2xl)}.spinner-container{width:80px;height:80px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-xl);box-shadow:0 2px 8px #0000001a}.processing-content h3{font-size:24px;font-weight:700;color:#1a1a2e;margin-bottom:var(--spacing-md);text-align:center}.processing-content>p{font-size:15px;color:#666;text-align:center;margin-bottom:var(--spacing-xl);line-height:1.5;padding:0 var(--spacing-lg)}.processing-amount{background:#fff;padding:var(--spacing-lg) var(--spacing-2xl);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center}.amount-label{font-size:14px;color:#666;margin-bottom:var(--spacing-xs)}.amount-value{font-size:32px;font-weight:700;color:var(--primary)}.confirmation-overlay{position:fixed;inset:0;background:#f5f5f5;display:flex;justify-content:center;align-items:center;padding:var(--spacing-xl);z-index:300}.confirmation-content{width:100%;display:flex;flex-direction:column;align-items:center;padding:var(--spacing-2xl)}.checkmark-circle{width:64px;height:64px;border-radius:50%;border:3px solid var(--primary);background:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-xl);color:var(--primary)}.confirmation-content h3{font-size:28px;font-weight:700;color:#1a1a2e;margin-bottom:var(--spacing-md);text-align:center}.confirmation-type{font-size:16px;color:#666;margin-bottom:var(--spacing-lg);text-align:center}.confirmation-message{font-size:15px;color:#666;text-align:center;margin-bottom:var(--spacing-2xl);line-height:1.5;padding:0 var(--spacing-lg)}.confirmation-buttons{display:flex;gap:var(--spacing-md);padding:0 var(--spacing-lg)}.dismiss-btn{padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-full);background:#e8e8e8;color:#1a1a2e;font-size:14px;font-weight:600}.continue-btn{padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-full);background:var(--primary);color:#fff;font-size:14px;font-weight:600}.receipt-overlay{position:fixed;inset:0;background:#f5f5f5;z-index:300;overflow-y:auto}.receipt-content{padding:var(--spacing-lg);padding-top:calc(var(--spacing-lg) + env(safe-area-inset-top,0));padding-bottom:calc(var(--spacing-lg) + env(safe-area-inset-bottom,0));position:relative}.receipt-close{position:absolute;top:calc(16px + env(safe-area-inset-top,0));right:var(--spacing-lg);color:#888;padding:var(--spacing-sm);z-index:10}.receipt-header{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-xl)}.receipt-checkmark{width:56px;height:56px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-lg);color:#fff}.receipt-header h3{font-size:24px;font-weight:700;color:#1a1a2e}.receipt-details{background:#fff;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-lg)}.receipt-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0;border-bottom:1px solid #f0f0f0}.receipt-row span:first-child{color:#666;font-size:15px}.receipt-row span:last-child{font-weight:600;color:#1a1a2e;font-size:15px;text-align:right}.status-success{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--primary)!important}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--primary)}.done-button{width:100%;padding:var(--spacing-md);border-radius:var(--radius-xs);background:var(--primary);color:#fff;font-size:16px;font-weight:600;margin-top:var(--spacing-xl)}.cards-screen{min-height:100%;background:#000;padding:var(--spacing-lg);padding-top:calc(var(--spacing-2xl) + env(safe-area-inset-top,20px));padding-bottom:calc(var(--spacing-2xl) + 80px)}.card-container{margin-bottom:var(--spacing-xl)}.card-visual{background:linear-gradient(135deg,#06f,#00bfff,#ff69b4 80%,#9370db);border-radius:16px;padding:var(--spacing-xl);min-height:200px;display:flex;flex-direction:column;justify-content:flex-end}.card-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.card-number-section{display:flex;flex-direction:column;gap:var(--spacing-xs)}.card-number-label{color:#fffc;font-size:13px}.card-number-row{display:flex;align-items:center;gap:var(--spacing-md)}.card-number-value{color:#fff;font-size:22px;font-weight:600;letter-spacing:2px}.copy-btn{color:#fffc;padding:var(--spacing-xs);background:transparent;border:none;cursor:pointer}.copy-btn:hover{color:#fff}.card-bottom-row{display:flex;justify-content:space-between;align-items:flex-end}.card-info-group{display:flex;gap:var(--spacing-2xl)}.card-info-item{display:flex;flex-direction:column;gap:2px}.card-info-label{color:#fffc;font-size:12px}.card-info-value{color:#fff;font-size:18px;font-weight:600}.cvv-row{display:flex;align-items:center;gap:var(--spacing-sm)}.mastercard-logo{display:flex;position:relative;width:50px;height:32px}.mc-circle{width:32px;height:32px;border-radius:50%;position:absolute}.mc-red{background:#eb001b;left:0}.mc-orange{background:#f79e1b;right:0;opacity:.9}.card-actions{display:flex;justify-content:center;gap:var(--spacing-2xl);padding:var(--spacing-xl) 0;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:var(--spacing-lg)}.action-btn{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);background:transparent;border:none;cursor:pointer}.action-icon-circle{width:48px;height:48px;border-radius:50%;background:#1c1c1e;display:flex;align-items:center;justify-content:center;color:#fff}.action-icon-circle.freeze{background:#007aff}.action-btn span{color:#fff;font-size:12px}.transactions-section{padding-top:var(--spacing-md)}.transactions-list{display:flex;flex-direction:column}.transaction-item{display:flex;align-items:center;padding:var(--spacing-md) 0;border-bottom:1px solid rgba(255,255,255,.05)}.transaction-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:var(--spacing-md)}.transaction-avatar span{color:#fff;font-weight:600;font-size:14px}.transaction-info{flex:1;display:flex;flex-direction:column;gap:2px}.transaction-name{color:#fff;font-weight:600;font-size:16px}.transaction-date{color:#ffffff80;font-size:13px}.transaction-amount{color:#fff;font-weight:600;font-size:16px}.transaction-amount.positive{color:#4cd964}.empty-transactions{padding:var(--spacing-2xl);text-align:center}.empty-transactions p{color:#ffffff80}.see-all-btn{width:100%;padding:var(--spacing-lg);background:transparent;border:none;color:#fff;font-size:16px;font-weight:500;cursor:pointer;margin-top:var(--spacing-md)}.see-all-btn:hover{opacity:.8}.copy-toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%);background:#ffffffe6;color:#333;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-full);font-size:14px;font-weight:500;z-index:100;animation:fadeInOut 2s ease-in-out}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%) translateY(10px)}15%{opacity:1;transform:translate(-50%) translateY(0)}85%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-10px)}}.chatbot-screen{display:flex;flex-direction:column;height:100%;background:var(--background-root)}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);padding-top:calc(var(--spacing-2xl) + env(safe-area-inset-top,20px));border-bottom:1px solid rgba(0,0,0,.05);background:#fff}.header-left{display:flex;align-items:center;gap:var(--spacing-md)}.bot-avatar-small{width:36px;height:36px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:700}.chat-header h1{font-size:18px;font-weight:600}.clear-button{color:var(--text-secondary);padding:var(--spacing-sm)}.messages-container{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:var(--spacing-3xl)}.bot-avatar-large{width:64px;height:64px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:700;margin-bottom:var(--spacing-lg)}.empty-state h2{font-size:20px;font-weight:600;margin-bottom:var(--spacing-sm)}.empty-state>p{color:var(--text-secondary);font-size:15px;text-align:center;margin-bottom:var(--spacing-xl)}.suggestions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-sm);padding:0 var(--spacing-lg)}.suggestion-chip{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);background:#fff;color:var(--primary);font-size:14px;font-weight:500}.messages-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.message-row{display:flex;max-width:85%}.message-row.user{align-self:flex-end;flex-direction:row-reverse}.message-row.bot{align-self:flex-start;gap:var(--spacing-sm)}.bot-avatar-message{width:32px;height:32px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700;flex-shrink:0;margin-top:4px}.message-bubble{padding:var(--spacing-md);border-radius:var(--radius-md);max-width:100%}.message-bubble.user{background:var(--primary);color:#fff;border-top-right-radius:var(--radius-xs)}.message-bubble.bot{background:#fff;border-top-left-radius:var(--radius-xs)}.message-text{font-size:15px;line-height:1.5;white-space:pre-wrap}.message-time{display:block;font-size:12px;margin-top:var(--spacing-xs);opacity:.7}.message-bubble.user .message-time{color:#ffffffb3}.message-bubble.bot .message-time{color:var(--text-secondary)}.transfer-details{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid rgba(0,0,0,.1)}.details-title{font-size:14px;font-weight:600;margin-bottom:var(--spacing-sm)}.details-list{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-xs)}.details-list li{font-size:14px;line-height:1.4}.details-list li:before{content:"• "}.follow-up{font-size:14px;margin-top:var(--spacing-lg);font-style:italic}.typing{padding:var(--spacing-md)}.typing-indicator{display:flex;align-items:center;gap:var(--spacing-sm)}.spinner{color:var(--primary);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.typing-indicator span{font-size:14px;color:var(--text-secondary);font-style:italic}.input-container{padding:var(--spacing-md) var(--spacing-lg);padding-bottom:calc(80px + var(--spacing-md));border-top:1px solid rgba(0,0,0,.05);background:var(--background-root)}.input-wrapper{display:flex;align-items:center;background:#fff;border-radius:var(--radius-full);padding-left:var(--spacing-md);padding-right:var(--spacing-xs);height:48px}.input-wrapper input{flex:1;font-size:15px;padding:var(--spacing-sm);color:var(--text)}.input-wrapper input::placeholder{color:var(--text-secondary)}.send-button{width:36px;height:36px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;color:#fff}.send-button.disabled{opacity:.5}.profile-screen{min-height:100%;background:linear-gradient(180deg,#06f,#000 70%);padding:var(--spacing-lg);padding-top:calc(var(--spacing-2xl) + env(safe-area-inset-top,20px));padding-bottom:var(--spacing-2xl)}.profile-header{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--spacing-2xl)}.user-avatar-large{width:80px;height:80px;border-radius:50%;background:#ffffff4d;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:var(--spacing-lg)}.user-name{font-size:22px;font-weight:700;margin-bottom:var(--spacing-xs);color:#fff}.user-email{color:#ffffffb3;font-size:14px}.settings-section{margin-bottom:var(--spacing-xl)}.section-title{font-size:14px;color:#ffffffb3;font-weight:600;text-transform:uppercase;margin-bottom:var(--spacing-sm);padding-left:var(--spacing-sm)}.settings-list{background:#00000026;border-radius:var(--radius-md);overflow:hidden}.setting-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.1);color:#fff;width:100%;text-align:left}.setting-item:last-child{border-bottom:none}.setting-item:active{background:#ffffff1a}.setting-label{flex:1;font-size:16px}.chevron{color:#ffffff80}.delete-item{color:#ff3b30}.sms-template-screen{min-height:100%;background:var(--background-root)}.template-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);padding-top:calc(var(--spacing-2xl) + env(safe-area-inset-top,20px));border-bottom:1px solid rgba(0,0,0,.05);background:#fff}.back-button{color:var(--primary)}.template-header h1{font-size:18px;font-weight:600}.save-button{color:var(--primary)}.template-content{padding:var(--spacing-lg)}.template-section{margin-bottom:var(--spacing-xl)}.section-label{display:block;color:var(--text-secondary);font-size:14px;font-weight:500;margin-bottom:var(--spacing-sm)}.template-input{width:100%;padding:var(--spacing-md);background:#fff;border-radius:var(--radius-sm);font-size:16px;color:var(--text);resize:none;line-height:1.5}.template-input::placeholder{color:var(--text-secondary)}.variables-section{margin-bottom:var(--spacing-xl)}.variables-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.reset-button{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--primary);font-size:14px;font-weight:500}.variables-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.variable-chip{display:flex;flex-direction:column;align-items:flex-start;padding:var(--spacing-md);background:#fff;border-radius:var(--radius-sm);min-width:120px}.variable-key{font-size:14px;font-weight:600;color:var(--primary);margin-bottom:2px}.variable-desc{font-size:12px;color:var(--text-secondary)}.preview-section{margin-bottom:var(--spacing-xl)}.preview-box{background:#fff;border-radius:var(--radius-sm);padding:var(--spacing-lg);border-left:4px solid var(--primary)}.preview-box p{font-size:15px;line-height:1.5;color:var(--text)}.twilio-screen{min-height:100%;background:var(--background-root);display:flex;flex-direction:column}.twilio-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);padding-top:calc(var(--spacing-2xl) + env(safe-area-inset-top,20px));border-bottom:1px solid rgba(0,0,0,.05);background:#fff}.back-button{background:none;border:none;cursor:pointer;padding:0;color:var(--primary);display:flex;align-items:center}.twilio-header h1{font-size:18px;font-weight:600}.twilio-content{flex:1;padding:var(--spacing-lg);overflow-y:auto}.header-section{text-align:center;margin-bottom:var(--spacing-2xl);padding-top:var(--spacing-lg)}.twilio-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#06f,#039);display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto var(--spacing-lg)}.header-section h2{font-size:24px;font-weight:700;margin-bottom:var(--spacing-sm)}.header-section p{color:var(--text-secondary);font-size:14px}.credentials-section{background:#fff;border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.input-group{margin-bottom:var(--spacing-lg)}.input-group:last-child{margin-bottom:0}.input-group label{display:block;font-size:14px;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--text)}.credential-input{width:100%;padding:var(--spacing-md);border:1px solid rgba(0,0,0,.1);border-radius:var(--radius-sm);font-size:16px;font-family:inherit;transition:border-color .2s}.credential-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0066ff1a}.info-box{background:#0066ff0d;border:1px solid rgba(0,102,255,.2);border-radius:var(--radius-sm);padding:var(--spacing-md);margin-top:var(--spacing-lg)}.info-box p{font-size:13px;color:var(--text-secondary);margin:0}.info-box a{color:var(--primary);text-decoration:none;font-weight:600}.info-box a:hover{text-decoration:underline}.button-section{margin-bottom:var(--spacing-xl)}.save-button{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,#06f,#039);color:#fff;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);transition:transform .2s,opacity .2s}.save-button:hover:not(.disabled){transform:translateY(-2px);opacity:.9}.save-button:active:not(.disabled){transform:translateY(0)}.save-button.disabled{opacity:.5;cursor:not-allowed}.save-button.success{background:linear-gradient(135deg,#10b981,#059669)}.status-box{background:#10b9810d;border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.status-label{font-size:12px;font-weight:600;text-transform:uppercase;color:var(--text-secondary);margin-bottom:var(--spacing-sm);margin:0 0 var(--spacing-sm) 0}.status-connected{font-size:16px;font-weight:600;color:#10b981;margin:0 0 var(--spacing-xs) 0}.status-info{font-size:13px;color:var(--text-secondary);margin:0}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #0066FF;--primary-light: #3385FF;--background-root: #F5F5F5;--background-default: #FFFFFF;--background-secondary: #F0F0F0;--text: #1A1A2E;--text-secondary: #666666;--success: #4CD964;--error: #FF3B30;--warning: #F5A623;--divider: #E8E8E8;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--spacing-3xl: 48px;--radius-xs: 8px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--radius-full: 9999px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}html,body,#root{height:100%;width:100%;font-family:var(--font-family);background-color:var(--background-root);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{overflow:hidden}button{font-family:var(--font-family);border:none;cursor:pointer;background:none}input,textarea{font-family:var(--font-family);border:none;outline:none}a{text-decoration:none;color:inherit}.app-container{display:flex;flex-direction:column;height:100%;max-width:430px;margin:0 auto;background:var(--background-root);position:relative;overflow:hidden}.screen{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:80px}.screen::-webkit-scrollbar{display:none}.screen{-ms-overflow-style:none;scrollbar-width:none}