:root{--font-primary:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--bg-main:#070b14;--bg-card:#161e30e0;--bg-card-hover:#1e2940f2;--bg-card-solid:#151d2e;--bg-sidebar:#0c111e;--border-color:#ffffff24;--border-glow:#6366f173;--primary:#6366f1;--primary-light:#939bfa;--primary-glow:#6366f159;--accent-purple:#8b5cf6;--accent-pink:#ec4899;--accent-cyan:#06b6d4;--success:#10b981;--success-glow:#10b98140;--warning:#f59e0b;--warning-glow:#f59e0b40;--danger:#ef4444;--danger-glow:#ef444440;--text-primary:#fff;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--shadow-sm:0 2px 10px #0006;--shadow-md:0 8px 28px -4px #0000008c;--shadow-lg:0 18px 48px -8px #000000bf;--shadow-primary:0 8px 25px #6366f173;--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--radius-xl:30px;--radius-full:9999px;--safe-top:max(env(safe-area-inset-top,0px), 16px);--safe-bottom:max(env(safe-area-inset-bottom,0px), 20px)}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}html,body{background-color:var(--bg-main);height:100%;color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);letter-spacing:-.02em;color:#fff;font-weight:700}button,input,select,textarea{color:inherit;font-family:inherit;font-size:16px}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all .22s}.glass-card-hover:hover{box-shadow:var(--shadow-lg);border-color:#ffffff40;transform:translateY(-2px)}.gradient-text{background:linear-gradient(135deg,#fff 0%,#e2e8f0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.gradient-brand{background:linear-gradient(135deg, var(--primary) 0%, var(--accent-purple) 50%, var(--accent-pink) 100%)}.gradient-brand-text{background:linear-gradient(135deg,#a5b4fc 0%,#c084fc 50%,#f472b6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.gradient-success{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.gradient-warning{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.gradient-danger{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.btn{min-height:44px;font-family:var(--font-primary);border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:700;transition:all .18s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn:active{transform:scale(.96)}.btn-primary{color:#fff;box-shadow:var(--shadow-primary);background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%)}.btn-primary:hover,.btn-primary:active{filter:brightness(1.15);box-shadow:0 10px 30px #6366f180}.btn-secondary{color:#fff;background:#ffffff1a;border:1px solid #ffffff2e}.btn-secondary:hover,.btn-secondary:active{background:#ffffff2e;border-color:#ffffff4d}.btn-calendar{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#10b981 100%);box-shadow:0 4px 18px #3b82f666}.btn-calendar:hover,.btn-calendar:active{filter:brightness(1.15);box-shadow:0 8px 25px #3b82f68c}.btn-success{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.btn-danger{color:#fca5a5;background:#ef444433;border:1px solid #ef444466}.btn-danger:active{background:#ef444459}.btn-icon{border-radius:var(--radius-md);width:44px;height:44px;padding:0}.badge{border-radius:var(--radius-full);align-items:center;gap:5px;padding:5px 12px;font-size:.8rem;font-weight:700;display:inline-flex}.badge-income{color:#34d399;background:#10b98138;border:1px solid #10b98173}.badge-expense{color:#f87171;background:#ef444438;border:1px solid #ef444473}.badge-google-cal{color:#93c5fd;background:#4285f438;border:1px solid #4285f473}.badge-pending{color:#fde68a;background:#f59e0b38;border:1px solid #f59e0b73}.badge-paid{color:#6ee7b7;background:#10b98138;border:1px solid #10b98173}.form-group{margin-bottom:18px}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:.85rem;font-weight:700;display:block}.form-input,.form-select{border:1px solid var(--border-color);border-radius:var(--radius-md);color:#fff;-webkit-appearance:none;background:#0c1220d9;outline:none;width:100%;min-height:48px;padding:12px 16px;transition:all .2s;font-size:16px!important}.form-input:focus,.form-select:focus{border-color:var(--primary-light);box-shadow:0 0 0 3px var(--primary-glow);background:#0c1220f2}.modal-overlay{-webkit-backdrop-filter:blur(12px);background:#030712e0;justify-content:center;align-items:center;padding:16px;animation:.2s fadeIn;display:flex;position:fixed;inset:0;z-index:999999!important}.modal-content{background:var(--bg-card-solid);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);-webkit-overflow-scrolling:touch;border:1px solid #ffffff2e;width:100%;max-width:520px;max-height:calc(100vh - 40px);padding:24px 20px;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:999px}.app-container{background-color:var(--bg-main);background-image:radial-gradient(circle at 10% 20%,#6366f11f 0%,#0000 40%),radial-gradient(circle at 90% 80%,#8b5cf61f 0%,#0000 40%);flex-direction:column;width:100%;min-height:100dvh;display:flex}.main-content{-webkit-overflow-scrolling:touch;width:100%;min-width:0;min-height:100dvh;padding-bottom:calc(110px + var(--safe-bottom));flex-direction:column;flex:1;display:flex;overflow-y:auto}@media (width>=900px){.app-container{flex-direction:row}.main-content{height:100vh;padding-bottom:40px}}.page-wrapper{width:100%;max-width:1200px;margin:0 auto;padding:24px 20px}@media (width<=640px){.page-wrapper{padding:16px 14px 24px}}.pay-modal-wrapper{border-radius:var(--radius-xl);background:linear-gradient(#151d30 0%,#0d1322 100%);border:1px solid #ffffff24;flex-direction:column;width:100%;max-width:520px;max-height:min(92vh,780px);display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px -15px #000c,0 0 40px #6366f11f;padding:0!important}.pay-modal-top{background:radial-gradient(circle at 50% 0,#10b98124 0%,#0000 75%);border-bottom:1px solid #ffffff14;flex-shrink:0;padding:18px 22px 14px;position:relative}.pay-modal-header-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.pay-modal-title-wrap{align-items:center;gap:14px;display:flex}.pay-modal-icon-badge{color:#34d399;background:linear-gradient(135deg,#10b98140 0%,#0596691f 100%);border:1px solid #10b98159;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 15px #10b98133}.pay-modal-title{color:#fff;letter-spacing:-.01em;margin:0;font-size:1.25rem;font-weight:800;line-height:1.2}.pay-modal-subtitle{color:var(--text-muted);margin-top:3px;font-size:.82rem;line-height:1.3}.pay-modal-close-btn{color:var(--text-muted);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .2s;display:flex}.pay-modal-close-btn:hover{color:#fff;background:#ffffff26;transform:rotate(90deg)}.pay-modal-body{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:14px;min-height:0;padding:16px 22px 20px;display:flex;overflow-y:auto}.pay-amount-hero{border-radius:var(--radius-lg);background:#080d18bf;border:1px solid #ffffff1a;padding:16px 18px;transition:border-color .2s,box-shadow .2s;box-shadow:inset 0 2px 10px #0006}.pay-amount-hero:focus-within{border-color:#34d39980;box-shadow:inset 0 2px 10px #0006,0 0 20px #10b98126}.pay-amount-top-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.pay-amount-label{letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;font-size:.72rem;font-weight:800}.pay-variable-badge{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:6px;padding:2px 8px;font-size:.72rem;font-weight:700}.pay-amount-input-wrap{align-items:center;gap:8px;display:flex;position:relative}.pay-currency-symbol{color:#34d399;font-size:1.6rem;font-weight:800;font-family:var(--font-primary);-webkit-user-select:none;user-select:none;flex-shrink:0;line-height:1}.pay-amount-input{width:100%;color:#fff!important;font-size:2rem!important;font-weight:800!important;font-family:var(--font-primary)!important;min-height:auto!important;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;padding:0!important}.pay-amount-input::placeholder{color:#ffffff40}.pay-currency-badge{letter-spacing:.04em;color:#cbd5e1;background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;flex-shrink:0;padding:4px 10px;font-size:.78rem;font-weight:800}.pay-debt-row{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding-top:10px;font-size:.8rem;display:flex}.pay-debt-info{color:var(--text-secondary)}.pay-debt-value{color:#c084fc;font-weight:700;font-family:var(--font-primary)}.pay-debt-btn{color:#a5b4fc;cursor:pointer;white-space:nowrap;background:#6366f129;border:1px solid #6366f159;border-radius:8px;padding:4px 10px;font-size:.76rem;font-weight:700;transition:all .2s}.pay-debt-btn:hover{color:#fff;background:#6366f152;border-color:#6366f199}.pay-destination-card{border-radius:var(--radius-md);color:#c7d2fe;background:linear-gradient(135deg,#6366f11f 0%,#8b5cf614 100%);border:1px solid #6366f140;justify-content:space-between;align-items:center;padding:12px 16px;font-size:.82rem;display:flex}.pay-destination-left{align-items:center;gap:10px;display:flex}.pay-destination-name{color:#fff;font-weight:700}.pay-field-group{flex-direction:column;gap:8px;display:flex}.pay-field-label-row{justify-content:space-between;align-items:center;display:flex}.pay-field-label{letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;font-size:.76rem;font-weight:800}.pay-field-sublabel{color:#34d399;font-size:.74rem;font-weight:600}.pay-select{border-radius:var(--radius-md);color:#fff;cursor:pointer;background:#0c1220f2;border:1px solid #ffffff29;outline:none;width:100%;min-height:48px;padding:10px 14px;font-size:.92rem;font-weight:600;transition:all .2s}.pay-select:focus{border-color:var(--primary-light);box-shadow:0 0 0 3px var(--primary-glow)}.pay-dual-box{border-radius:var(--radius-md);background:#0f172acc;border:1px solid #6366f140;padding:14px}.pay-dual-title{letter-spacing:.06em;text-transform:uppercase;color:#a5b4fc;margin-bottom:10px;font-size:.74rem;font-weight:800;display:block}.pay-dual-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pay-dual-btn{border-radius:var(--radius-sm);text-align:left;cursor:pointer;color:#fff;background:#ffffff0a;border:1px solid #ffffff1a;padding:10px 12px;transition:all .2s}.pay-dual-btn:hover{background:#ffffff14;border-color:#fff3}.pay-dual-btn.active{background:linear-gradient(135deg,#6366f152 0%,#8b5cf638 100%);border:1px solid #818cf8;box-shadow:0 4px 14px #6366f140}.pay-dual-btn-code{color:#fff;justify-content:space-between;align-items:center;font-size:.92rem;font-weight:800;display:flex}.pay-dual-btn-cupo{color:#94a3b8;margin-top:3px;font-size:.74rem}.pay-dual-btn.active .pay-dual-btn-cupo{color:#c7d2fe}.pay-balance-summary{border-radius:var(--radius-md);background:#10b98114;border:1px solid #10b98140;grid-template-columns:1fr 1fr;gap:12px;padding:12px 16px;font-size:.8rem;display:grid}.pay-balance-summary.warning{background:#f59e0b14;border-color:#f59e0b59}.pay-balance-item{flex-direction:column;gap:3px;display:flex}.pay-balance-item-label{text-transform:uppercase;letter-spacing:.04em;color:#94a3b8;font-size:.7rem;font-weight:700}.pay-balance-item-val{color:#34d399;font-size:.95rem;font-weight:800;font-family:var(--font-primary)}.pay-balance-summary.warning .pay-balance-item-val.low{color:#f59e0b}.pay-cycle-note{border-radius:var(--radius-sm);color:#c7d2fe;background:#6366f114;border:1px solid #6366f12e;align-items:center;gap:10px;padding:10px 14px;font-size:.78rem;line-height:1.35;display:flex}.pay-actions-row{gap:12px;margin-top:6px;display:flex}.btn-pay-cancel{color:#e2e8f0;background:#ffffff14;border:1px solid #ffffff26;flex:1;font-weight:700}.btn-pay-cancel:hover{color:#fff;background:#ffffff24}.btn-pay-submit{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:1px solid #10b98180;flex:1.6;justify-content:center;align-items:center;gap:8px;font-weight:800;display:flex;box-shadow:0 4px 18px #10b98159}.btn-pay-submit:hover:not(:disabled){filter:brightness(1.15);transform:translateY(-1px);box-shadow:0 6px 24px #10b98180}.btn-pay-submit:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.5)}.tx-modal-wrapper{border-radius:var(--radius-xl);background:linear-gradient(#151d30 0%,#0d1322 100%);border:1px solid #ffffff24;flex-direction:column;width:100%;max-width:530px;max-height:min(92vh,780px);display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px -15px #000c,0 0 40px #6366f11f;padding:0!important}.tx-modal-top{border-bottom:1px solid #ffffff14;flex-shrink:0;padding:16px 22px 12px;transition:background .3s;position:relative}.tx-modal-top.expense{background:radial-gradient(circle at 50% 0,#ef444424 0%,#0000 75%)}.tx-modal-top.income{background:radial-gradient(circle at 50% 0,#10b98124 0%,#0000 75%)}.tx-modal-top.transfer{background:radial-gradient(circle at 50% 0,#6366f124 0%,#0000 75%)}.tx-modal-header-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.tx-modal-title-wrap{align-items:center;gap:14px;display:flex}.tx-modal-icon-badge{border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex}.tx-modal-icon-badge.expense{color:#f87171;background:linear-gradient(135deg,#ef444440 0%,#dc26261f 100%);border:1px solid #ef444459;box-shadow:0 4px 15px #ef444433}.tx-modal-icon-badge.income{color:#34d399;background:linear-gradient(135deg,#10b98140 0%,#0596691f 100%);border:1px solid #10b98159;box-shadow:0 4px 15px #10b98133}.tx-modal-icon-badge.transfer{color:#a5b4fc;background:linear-gradient(135deg,#6366f140 0%,#8b5cf61f 100%);border:1px solid #6366f159;box-shadow:0 4px 15px #6366f133}.tx-modal-title{color:#fff;letter-spacing:-.01em;margin:0;font-size:1.25rem;font-weight:800;line-height:1.2}.tx-modal-subtitle{color:var(--text-muted);margin-top:2px;font-size:.8rem;line-height:1.3}.tx-modal-close-btn{color:var(--text-muted);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .2s;display:flex}.tx-modal-close-btn:hover{color:#fff;background:#ffffff26;transform:rotate(90deg)}.tx-modal-form{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.tx-modal-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex-direction:column;flex:1;gap:13px;min-height:0;padding:14px 22px 18px;display:flex;overflow-y:auto}.tx-type-switcher{background:#090e1ad9;border:1px solid #ffffff14;border-radius:14px;grid-template-columns:1fr 1fr 1.2fr;gap:6px;padding:5px;display:grid}.tx-type-btn{color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.86rem;font-weight:700;font-family:var(--font-primary);background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 8px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.tx-type-btn:hover:not(.active){color:var(--text-primary);background:#ffffff0a}.tx-type-btn.active.expense{color:#fca5a5;background:linear-gradient(135deg,#ef44443d 0%,#dc262624 100%);border-color:#ef444473;box-shadow:0 4px 14px #ef444440}.tx-type-btn.active.income{color:#6ee7b7;background:linear-gradient(135deg,#10b9813d 0%,#05966924 100%);border-color:#10b98173;box-shadow:0 4px 14px #10b98140}.tx-type-btn.active.transfer{color:#c7d2fe;background:linear-gradient(135deg,#6366f13d 0%,#8b5cf624 100%);border-color:#6366f173;box-shadow:0 4px 14px #6366f140}.tx-amount-hero{border-radius:var(--radius-lg);background:#080d18bf;border:1px solid #ffffff1a;padding:14px 18px;transition:all .2s;box-shadow:inset 0 2px 10px #0006}.tx-amount-hero.expense:focus-within{border-color:#ef444480;box-shadow:inset 0 2px 10px #0006,0 0 20px #ef444426}.tx-amount-hero.income:focus-within{border-color:#10b98180;box-shadow:inset 0 2px 10px #0006,0 0 20px #10b98126}.tx-amount-hero.transfer:focus-within{border-color:#6366f180;box-shadow:inset 0 2px 10px #0006,0 0 20px #6366f126}.tx-amount-top-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.tx-amount-label{letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;font-size:.72rem;font-weight:800}.tx-amount-input-wrap{align-items:center;gap:10px;display:flex;position:relative}.tx-currency-symbol{font-size:1.6rem;font-weight:800;font-family:var(--font-primary);-webkit-user-select:none;user-select:none;flex-shrink:0;line-height:1}.tx-currency-symbol.expense{color:#f87171}.tx-currency-symbol.income{color:#34d399}.tx-currency-symbol.transfer{color:#818cf8}.tx-amount-input{width:100%;color:#fff!important;font-size:2rem!important;font-weight:800!important;font-family:var(--font-primary)!important;min-height:auto!important;box-shadow:none!important;-moz-appearance:textfield!important;background:0 0!important;border:none!important;outline:none!important;padding:0!important}.tx-amount-input::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important}.tx-amount-input::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0!important}.tx-amount-input::placeholder{color:#ffffff40}.tx-currency-badge{letter-spacing:.04em;color:#cbd5e1;background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;flex-shrink:0;padding:4px 10px;font-size:.78rem;font-weight:800}.tx-dual-box{border-radius:var(--radius-md);background:#0f172ad9;border:1px solid #6366f140;margin-top:10px;padding:12px 14px}.tx-dual-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.tx-dual-title{letter-spacing:.06em;text-transform:uppercase;color:#a5b4fc;font-size:.74rem;font-weight:800}.tx-dual-subtitle{color:var(--text-muted);font-size:.72rem}.tx-dual-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.tx-dual-card{border-radius:var(--radius-sm);text-align:left;cursor:pointer;color:#fff;background:#ffffff0a;border:1px solid #ffffff1a;padding:10px 12px;transition:all .2s}.tx-dual-card:hover{background:#ffffff14;border-color:#fff3}.tx-dual-card.active{background:linear-gradient(135deg,#6366f14d 0%,#8b5cf633 100%);border:1px solid #818cf8;box-shadow:0 4px 14px #6366f140}.tx-dual-card.active-secondary{background:linear-gradient(135deg,#10b9814d 0%,#05966933 100%);border:1px solid #34d399;box-shadow:0 4px 14px #10b98140}.tx-dual-card-title{color:#fff;justify-content:space-between;align-items:center;font-size:.92rem;font-weight:800;display:flex}.tx-dual-card-detail{color:#94a3b8;margin-top:3px;font-size:.74rem;line-height:1.3}.tx-dual-card.active .tx-dual-card-detail{color:#c7d2fe}.tx-dual-card.active-secondary .tx-dual-card-detail{color:#a7f3d0}.tx-category-scroll{flex-wrap:wrap;gap:7px;max-height:125px;padding:2px 1px;display:flex;overflow-y:auto}.tx-cat-chip{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;background:#0c1220d9;border:1px solid #ffffff1a;border-radius:99px;align-items:center;gap:6px;padding:7px 13px;font-size:.78rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.tx-cat-chip:hover{color:#fff;background:#ffffff14;border-color:#fff3;transform:translateY(-1px)}.tx-cat-chip.selected{color:#fff;font-weight:700;box-shadow:0 2px 10px #0000004d}.btn-tx-submit-expense{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 4px 18px #ef444459}.btn-tx-submit-expense:hover:not(:disabled){filter:brightness(1.15);transform:translateY(-1px);box-shadow:0 6px 24px #ef444480}.btn-tx-submit-income{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 18px #10b98159}.btn-tx-submit-income:hover:not(:disabled){filter:brightness(1.15);transform:translateY(-1px);box-shadow:0 6px 24px #10b98180}.btn-tx-submit-transfer{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);box-shadow:0 4px 18px #6366f159}.btn-tx-submit-transfer:hover:not(:disabled){filter:brightness(1.15);transform:translateY(-1px);box-shadow:0 6px 24px #6366f180}.tx-modal-footer{-webkit-backdrop-filter:blur(12px);z-index:5;background:#0a0f1cf5;border-top:1px solid #ffffff14;flex-shrink:0;align-items:center;gap:12px;padding:13px 22px;display:flex}@media (width<=640px){.tx-modal-wrapper,.pay-modal-wrapper{max-height:94dvh}.tx-modal-body,.pay-modal-body{padding:14px 16px 16px}.tx-modal-top,.pay-modal-top{padding:14px 16px 12px}.tx-modal-footer{padding:12px 16px max(14px, calc(env(safe-area-inset-bottom,0px) + 12px)) 16px}}.acc-modal-wrapper{border-radius:var(--radius-xl);backface-visibility:hidden;background:linear-gradient(#131a2e 0%,#0b101d 100%);border:1px solid #ffffff24;flex-direction:column;width:100%;max-width:540px;height:min(90dvh,840px);max-height:min(90dvh,840px);display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px -15px #000000d9,0 0 40px #3b82f61f;padding:0!important}.acc-modal-top{background:radial-gradient(circle at 50% 0,#3b82f629 0%,#0000 75%);border-bottom:1px solid #ffffff14;flex-shrink:0;padding:16px 22px 14px;position:relative}.acc-modal-top.transfer{background:radial-gradient(circle at 50% 0,#6366f129 0%,#0000 75%)}.acc-modal-header-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.acc-modal-title-wrap{align-items:center;gap:14px;min-width:0;display:flex}.acc-modal-icon-badge{color:#60a5fa;background:linear-gradient(135deg,#3b82f640 0%,#2563eb1f 100%);border:1px solid #3b82f659;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 15px #3b82f640}.acc-modal-icon-badge.transfer{color:#a5b4fc;background:linear-gradient(135deg,#6366f140 0%,#8b5cf61f 100%);border-color:#6366f159;box-shadow:0 4px 15px #6366f140}.acc-modal-title{color:#fff;letter-spacing:-.01em;margin:0;font-size:1.2rem;font-weight:800;line-height:1.2}.acc-modal-subtitle{color:var(--text-muted);margin-top:2px;font-size:.8rem;line-height:1.3}.acc-modal-close-btn{color:var(--text-muted);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .2s;display:flex}.acc-modal-close-btn:hover{color:#fff;background:#ffffff26;transform:rotate(90deg)}.acc-modal-form{flex-direction:column;flex:auto;height:calc(100% - 66px);min-height:0;display:flex;overflow:hidden}.acc-modal-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;box-sizing:border-box;flex-direction:column;flex:auto;gap:15px;min-height:0;padding:16px 22px 20px;display:flex;overflow-y:auto}.acc-modal-footer{-webkit-backdrop-filter:blur(12px);z-index:5;background:#0a0f1cf5;border-top:1px solid #ffffff14;flex-shrink:0;align-items:center;gap:12px;padding:13px 22px;display:flex}.acc-field-group{flex-direction:column;gap:6px;display:flex}.acc-field-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;font-size:.76rem;font-weight:700;display:flex}.acc-input,.acc-select{color:#fff;box-sizing:border-box;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0f172abf;border:1px solid #ffffff1f;border-radius:11px;outline:none;width:100%;height:46px;min-height:46px;padding:10px 14px;transition:all .2s;font-size:16px!important}.acc-input::placeholder{color:#64748b}.acc-input:focus,.acc-select:focus{background:#0f172af2;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}.acc-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:36px}.acc-input[type=date]{-webkit-appearance:none;align-items:center;min-height:46px;line-height:normal;display:flex}.acc-grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.acc-grid-3{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.acc-type-pill-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;display:grid}.acc-type-pill{color:#94a3b8;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0a;border:1px solid #ffffff17;border-radius:11px;align-items:center;gap:8px;padding:8px 12px;font-size:.78rem;font-weight:600;transition:all .2s;display:flex}.acc-type-pill:hover{color:#fff;background:#ffffff14;border-color:#ffffff2e}.acc-type-pill.active{color:#fff;background:linear-gradient(135deg,#3b82f633 0%,#6366f133 100%);border-color:#60a5fa;box-shadow:0 0 12px #3b82f638}.acc-dual-toggle-card{cursor:pointer;background:linear-gradient(135deg,#9333ea1f 0%,#6366f114 100%);border:1px solid #a855f747;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 14px;transition:all .2s;display:flex}.acc-dual-toggle-card:hover{background:linear-gradient(135deg,#9333ea2e 0%,#6366f11f 100%);border-color:#a855f773}.acc-custom-switch{flex-shrink:0;width:42px;height:24px;display:inline-block;position:relative}.acc-custom-switch input{opacity:0;width:0;height:0}.acc-switch-slider{cursor:pointer;background-color:#ffffff26;border:1px solid #ffffff26;border-radius:24px;transition:all .25s;position:absolute;inset:0}.acc-switch-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .25s;position:absolute;bottom:2px;left:2px;box-shadow:0 2px 4px #0000004d}.acc-custom-switch input:checked+.acc-switch-slider{background-color:#8b5cf6;border-color:#a78bfa}.acc-custom-switch input:checked+.acc-switch-slider:before{transform:translate(18px)}.acc-currency-card{border-radius:12px;flex-direction:column;gap:10px;padding:13px 14px;display:flex}.acc-currency-card.primary{background:#581c8726;border:1px solid #a855f74d}.acc-currency-card.secondary{background:#064e3b26;border:1px solid #10b9814d}.acc-currency-header{justify-content:space-between;align-items:center;display:flex}.acc-currency-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:6px;padding:2px 8px;font-size:.72rem;font-weight:700}.acc-currency-badge.primary{color:#d8b4fe;background:#a855f733;border:1px solid #a855f759}.acc-currency-badge.secondary{color:#6ee7b7;background:#10b98133;border:1px solid #10b98159}.acc-debt-preview-bar{color:#94a3b8;border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;padding-top:8px;font-size:.75rem;display:flex}.acc-schedule-card{background:linear-gradient(135deg,#d977061a 0%,#b453090d 100%);border:1px solid #f59e0b40;border-radius:12px;flex-direction:column;gap:12px;padding:14px;display:flex}.acc-schedule-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.acc-schedule-title{color:#fbbf24;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;font-size:.76rem;font-weight:700;display:flex}.acc-schedule-tag{color:#fde68a;background:#f59e0b2e;border:1px solid #f59e0b4d;border-radius:6px;padding:2px 7px;font-size:.68rem;font-weight:600}.acc-schedule-reminder-toggle{cursor:pointer;align-items:center;gap:8px;padding-top:4px;display:flex}.acc-schedule-reminder-text{color:#fde68a;font-size:.76rem;line-height:1.3}.acc-color-picker{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.acc-color-dot{cursor:pointer;border:2px solid #0000;border-radius:50%;outline:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .2s;display:flex}.acc-color-dot:hover{transform:scale(1.15)}.acc-color-dot.active{border-color:#fff;transform:scale(1.2);box-shadow:0 0 14px}.btn-acc-cancel{color:#cbd5e1;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;flex:1;justify-content:center;align-items:center;height:48px;min-height:48px;font-size:.92rem;font-weight:600;transition:all .2s;display:flex}.btn-acc-cancel:hover{color:#fff;background:#ffffff1f;border-color:#fff3}.btn-acc-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:1px solid #ffffff2e;border-radius:12px;flex:1.3;justify-content:center;align-items:center;gap:8px;height:48px;min-height:48px;font-size:.92rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 16px #2563eb59}.btn-acc-submit:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px);box-shadow:0 6px 20px #2563eb80}.btn-acc-submit.transfer{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);box-shadow:0 4px 16px #6366f159}.btn-acc-submit.transfer:hover:not(:disabled){box-shadow:0 6px 20px #6366f180}body.modal-open .mobile-header,body.modal-open .mobile-bottom-nav{visibility:hidden!important;opacity:0!important;pointer-events:none!important;display:none!important}body:has(.modal-overlay) .mobile-header{visibility:hidden!important;opacity:0!important;pointer-events:none!important;display:none!important}body:has(.modal-overlay) .mobile-bottom-nav{visibility:hidden!important;opacity:0!important;pointer-events:none!important;display:none!important}body.modal-open{overflow:hidden!important}body:has(.modal-overlay){overflow:hidden!important}@media (width<=640px){.modal-overlay{-webkit-overflow-scrolling:touch;z-index:999999!important;justify-content:center!important;align-items:flex-end!important;padding:0!important;position:fixed!important;inset:0!important;overflow-y:hidden!important}.acc-modal-wrapper,.tx-modal-wrapper,.pay-modal-wrapper{border-bottom:none!important;border-left:none!important;border-right:none!important;border-radius:22px 22px 0 0!important;flex-direction:column!important;width:100%!important;max-width:100%!important;height:90dvh!important;max-height:90dvh!important;margin:0!important;animation:.28s cubic-bezier(.16,1,.3,1) sheetUp!important;display:flex!important;overflow:hidden!important;box-shadow:0 -12px 40px #000000d9!important}.modal-content{width:100%!important;max-width:100%!important;height:90dvh!important;max-height:90dvh!important;padding:20px 16px max(24px, calc(env(safe-area-inset-bottom,0px) + 16px)) 16px!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;border-bottom:none!important;border-left:none!important;border-right:none!important;border-radius:22px 22px 0 0!important;margin:0!important;animation:.28s cubic-bezier(.16,1,.3,1) sheetUp!important;overflow-y:auto!important;box-shadow:0 -12px 40px #000000d9!important}@keyframes sheetUp{0%{opacity:.6;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.acc-modal-top:before,.tx-modal-top:before,.pay-modal-top:before{content:"";background:#ffffff47;border-radius:99px;width:38px;height:4px;margin:-4px auto 10px;display:block}.acc-modal-top,.tx-modal-top,.pay-modal-top{flex-shrink:0!important;padding:12px 16px!important}.acc-modal-form,.tx-modal-form{flex-direction:column!important;flex:auto!important;height:calc(100% - 66px)!important;min-height:0!important;display:flex!important;overflow:hidden!important}.acc-modal-body,.tx-modal-body,.pay-modal-body{-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;flex:auto!important;gap:14px!important;min-height:0!important;padding:14px 16px 20px!important;overflow-y:auto!important}.acc-modal-footer,.tx-modal-footer{padding:12px 16px max(18px, calc(env(safe-area-inset-bottom,0px) + 12px)) 16px!important;-webkit-backdrop-filter:blur(16px)!important;background:#0a0f1cfa!important;flex-shrink:0!important}.acc-input,.acc-select,.form-input,.form-select,input,select,textarea{min-height:46px!important;font-size:16px!important}.acc-grid-2{grid-template-columns:1fr!important;gap:12px!important}.acc-grid-3{grid-template-columns:1fr!important;gap:10px!important}.acc-type-pill-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.acc-type-pill:last-child{grid-column:span 2!important;justify-content:center!important}}
