@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";:root{--bg-color: #f7f7f9;--surface-color: #ffffff;--primary-purple: #8679ff;--primary-orange: #ffcf87;--text-main: #1a1a1a;--text-muted: #8e8e93;--button-dark: #1a1a1a;--icon-bg: #f2f2f7;--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(255, 255, 255, .3);--font-main: "Plus Jakarta Sans", sans-serif;--shadow-sm: 0 4px 12px rgba(0, 0, 0, .04);--shadow-md: 0 10px 25px rgba(0, 0, 0, .08)}body.dark{--bg-color: #000000;--surface-color: #1c1c1e;--text-main: #ffffff;--text-muted: #999999;--button-dark: #ffffff;--icon-bg: #2c2c2e;--glass-bg: rgba(28, 28, 30, .8);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-main);overflow:hidden;height:100vh;transition:background-color .3s ease,color .3s ease}button{cursor:pointer;border:none;background:none;font-family:inherit}#root{max-width:480px;margin:0 auto;height:100vh;background-color:var(--bg-color);position:relative;display:flex;flex-direction:column}@media(min-width:481px){#root{box-shadow:0 0 40px #0000001a;min-height:90vh;margin:5vh auto;border-radius:40px}}h1{font-size:32px;font-weight:700;letter-spacing:-.02em}p.subtitle{color:var(--text-muted);font-size:16px;margin-top:4px}.glass{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.mobile-app{height:100vh;display:flex;flex-direction:column;overflow:hidden;width:100%;max-width:100vw;position:relative}.app-header-global{padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background-color:var(--bg-color);z-index:1000;border-bottom:1px solid var(--glass-border)}.view-container{padding:1rem 1.5rem;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:100px}.page-header-inline{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.page-header-inline h2{font-size:1.4rem;font-weight:800}.page-header-inline.center{justify-content:center}.add-text-btn{color:var(--primary-purple);font-weight:700;font-size:.9rem;display:flex;align-items:center;gap:.3rem;background-color:#fff;padding:.5rem .8rem;border-radius:12px;box-shadow:var(--shadow-sm)}.icon-circle-mini{width:36px;height:36px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.scrollable{max-height:100vh;overflow-y:auto;padding-bottom:120px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.page-header.center{justify-content:center}.page-header h1{font-size:1.8rem}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.icon-circle{width:44px;height:44px;background-color:var(--surface-color);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);position:relative;flex-shrink:0}.app-header-global-premium{padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background-color:var(--bg-color);z-index:1000}.icon-circle-white{width:44px;height:44px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);position:relative;border:none}.icon-circle-white.has-dot .notif-dot{position:absolute;top:12px;right:12px;width:8px;height:8px;background-color:#ff3b30;border-radius:50%;border:2px solid white}.header-right-premium{display:flex;align-items:center;gap:1rem}.avatar-premium{width:44px;height:44px;border-radius:50%;overflow:hidden;box-shadow:var(--shadow-sm)}.avatar-premium img{width:100%;height:100%;object-fit:cover}.greeting h1{font-size:2.2rem;color:#1a1a1a;margin-bottom:.2rem}.card-stack-section{position:relative;height:230px;margin:.5rem 0 1.5rem;display:flex;justify-content:center;width:100%;overflow:hidden;contain:paint}.card-deck{position:relative;width:100%;height:220px;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;perspective:1200px}.card-deck-item{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:28px;padding:1.8rem;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 15px 35px #00000026;transition:transform .6s cubic-bezier(.23,1,.32,1),opacity .4s;will-change:transform,opacity}.card-theme-1{background:linear-gradient(135deg,#1fb5a5,#16a085);color:#fff}.card-theme-2{background:linear-gradient(135deg,#ff416c,#ff4b2b);color:#fff}.card-theme-3{background:linear-gradient(135deg,#4776e6,#8e54e9);color:#fff}.card-theme-4{background:linear-gradient(135deg,#00c6ff,#0072ff);color:#fff}.card-theme-5{background:linear-gradient(135deg,#f09819,#edde5d);color:#1a1a1a}.card-theme-6{background:linear-gradient(135deg,#232526,#414345);color:#fff}.card-deck-item .card-top{display:flex;flex-direction:column}.card-deck-item .label{font-size:.9rem;font-weight:500;opacity:.85;margin-bottom:.4rem}.card-deck-item .balance-value{font-size:2.2rem;font-weight:800;letter-spacing:-.5px}.card-brand-overlay{position:absolute;top:1.8rem;right:1.8rem;opacity:.9}.card-deck-item .card-bottom{display:flex;justify-content:space-between;align-items:flex-end}.card-deck-item .card-number{font-family:inherit;font-size:1.1rem;font-weight:500;letter-spacing:2px;opacity:.95}.card-deck-item .exp-value{font-size:1rem;font-weight:600;opacity:.9}.add-card-btn-floating{position:absolute;right:0;bottom:-45px;color:var(--text-muted);display:flex;align-items:center;gap:8px;font-weight:700;font-size:.9rem}.empty-state-mini{padding:2rem 0;text-align:center;color:var(--text-muted);font-size:.9rem;font-style:italic;width:100%}.plus-circle-bg{width:38px;height:38px;background:#fff;color:#1a1a1a;border-radius:50%;display:flex;align-items:center;justify-content:center}.action-row{display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:28px;box-shadow:var(--shadow-sm)}.action-item{display:flex;flex-direction:column;align-items:center;gap:.6rem}.action-circle{width:60px;height:60px;background-color:var(--surface-color);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);color:var(--text-main);transition:transform .2s}.action-circle:active{transform:scale(.95)}.action-item span{font-size:.85rem;font-weight:600;color:#333}.expenses-section{margin-top:1rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem}.section-header h2{font-size:1.25rem;font-weight:700}.view-all{color:var(--text-muted);font-size:.875rem;font-weight:600}.expense-list{display:flex;flex-direction:column;gap:1rem}.expense-item{display:flex;align-items:center;gap:1rem;padding:.5rem 0}.exp-icon-box.owe{background:#ff3b301a;color:#ff3b30}.exp-icon-box.lent{background:#34c7591a;color:#34c759}.loan-type-tabs{display:flex;background:var(--surface-color);padding:.5rem;border-radius:20px;margin-bottom:2rem;box-shadow:var(--shadow-sm)}.type-tab{flex:1;padding:.8rem;border-radius:15px;font-weight:700;font-size:.95rem;color:var(--text-muted);transition:all .3s}.type-tab.owe.active{background:#fee2e2;color:#ef4444}.type-tab.lent.active{background:#d1fae5;color:#10b981}.bank-logo-mini.owe{background:#ef44441a;color:#ef4444}.bank-logo-mini.lent{background:#10b9811a;color:#10b981}.value.owe{color:#ef4444}.value.lent{color:#10b981}.progress-fill-mini.owe{background-color:#ef4444}.progress-fill-mini.lent{background-color:#10b981}.pay-tag-btn{background:#1a1a1a;color:#fff;font-size:.75rem;font-weight:700;padding:.5rem .8rem;border-radius:10px;display:flex;align-items:center;gap:.2rem}.history-icon.owe{background:#ef44441a;color:#ef4444}.history-icon.lent{background:#10b9811a;color:#10b981}.history-amount.positive{color:#10b981}.type-toggle{display:flex;gap:1rem;margin-bottom:1.5rem}.toggle-btn{flex:1;padding:1rem;border-radius:16px;font-weight:700;background:#f2f2f7;color:var(--text-muted);border:2px solid transparent}.toggle-btn.active.owe{background:#fee2e2;color:#ef4444;border-color:#ef4444}.toggle-btn.active.lent{background:#d1fae5;color:#10b981;border-color:#10b981}.modal-header-mobile{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.modal-subtitle{font-size:.9rem;color:var(--text-muted);margin-bottom:2rem}.exp-info{flex:1}.exp-info h3{font-size:1rem;font-weight:600;margin-bottom:2px}.exp-info p{font-size:.8rem;color:var(--text-muted)}.expense-item-premium{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid #f0f0f0}.expense-item-premium:last-child{border-bottom:none}.exp-icon-circle{width:48px;height:48px;background-color:#f2f2f7;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#1a1a1a}.exp-content{flex:1}.exp-content h3{font-size:1rem;font-weight:700;margin-bottom:2px}.exp-content p{font-size:.8rem;color:#8e8e93;font-weight:500}.exp-price{font-weight:800;font-size:1rem;color:#1a1a1a}.loans-stack{display:flex;flex-direction:column;gap:1.2rem}.loan-card-mobile{padding:1.2rem;border-radius:20px;background:var(--surface-color);border:1px solid var(--glass-border)}.loan-card-header{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem}.bank-logo-mini{width:36px;height:36px;background-color:var(--icon-bg);border-radius:10px;display:flex;align-items:center;justify-content:center}.loan-card-title{flex:1}.loan-card-title h4{font-size:.95rem;font-weight:600}.loan-card-title p{font-size:.75rem;color:var(--text-muted)}.delete-mini{color:#ff3b30;opacity:.6}.loan-card-stats{display:flex;justify-content:space-between;margin-bottom:1.2rem}.loan-card-stats .stat{display:flex;flex-direction:column}.loan-card-stats .label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase}.loan-card-stats .value{font-weight:700;font-size:1.1rem}.loan-card-stats .value.primary{color:var(--primary-purple)}.progress-track-mini{height:6px;background-color:#eee;border-radius:3px;margin-bottom:.5rem;overflow:hidden}.progress-fill-mini{height:100%;background-color:var(--primary-purple);border-radius:3px}.progress-labels-mini{display:flex;justify-content:space-between;font-size:.75rem;font-weight:600;color:var(--text-muted)}.due-info-mini{display:flex;align-items:center;gap:.4rem;font-size:.7rem;font-weight:600;color:var(--primary-purple);margin-bottom:1rem;background:#8679ff0d;padding:.4rem .8rem;border-radius:8px;width:fit-content}.history-filter{display:flex;gap:.8rem;margin-bottom:2rem;overflow-x:auto;padding-bottom:.5rem}.filter-pill{padding:.6rem 1.2rem;border-radius:100px;background-color:#fff;font-size:.9rem;font-weight:600;color:var(--text-muted);white-space:nowrap}.filter-pill.active{background-color:#1a1a1a;color:#fff}.timeline-date{font-size:.8rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;margin-bottom:1rem}.history-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--surface-color);border-radius:16px;margin-bottom:.8rem}.history-icon{width:44px;height:44px;border-radius:12px;background:var(--icon-bg);display:flex;align-items:center;justify-content:center}.history-info{flex:1}.history-info h4{font-size:.95rem;font-weight:600}.history-info p{font-size:.75rem;color:var(--text-muted)}.history-amount{font-weight:700}.history-amount.negative{color:#ff3b30}.page-header-detail{display:flex;justify-content:space-between;align-items:center;margin:-1.5rem -1.5rem 2rem;padding:1rem 1.5rem;position:sticky;top:0;background-color:var(--bg-color);z-index:1000;border-bottom:1px solid var(--glass-border)}.header-actions{display:flex;gap:.8rem}.icon-circle.edit{color:var(--primary-purple)}.icon-circle.delete{color:#ff3b30}.detail-hero{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.detail-header-info{display:flex;flex-direction:column;gap:.2rem}.detail-type-badge{width:fit-content;padding:.4rem 1rem;border-radius:100px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.detail-type-badge.owe{background:#fee2e2;color:#ef4444}.detail-type-badge.lent{background:#d1fae5;color:#10b981}.circle-progress{position:relative;width:160px;height:160px;margin:0 auto}.circle-progress svg{transform:rotate(-90deg);width:100%;height:100%}.circle-progress circle{fill:none;stroke-width:8;stroke-linecap:round}.circle-progress circle.bg{stroke:var(--icon-bg)}.circle-progress circle.fg{stroke-dasharray:282;transition:stroke-dashoffset 1s ease-out;filter:drop-shadow(0 0 4px rgba(0,0,0,.1))}.circle-progress circle.fg.owe{stroke:#ef4444}.circle-progress circle.fg.lent{stroke:#10b981}.progress-value{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.progress-value .percent{font-size:2.2rem;font-weight:800}.progress-value .sub{font-size:.75rem;color:var(--text-muted);font-weight:600;text-transform:uppercase}.detail-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.detail-stat-card{padding:1.2rem;border-radius:24px;display:flex;flex-direction:column;gap:.3rem;background:var(--surface-color);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm)}.detail-stat-card.full{grid-column:span 2}.detail-stat-card .label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase}.detail-stat-card .value{font-size:1.2rem;font-weight:800}.detail-stat-card .value.primary{color:var(--primary-purple)}.loan-schedule{display:flex;justify-content:space-around;padding:1.5rem;border-radius:24px;margin-bottom:3rem;background:var(--surface-color);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm)}.schedule-item{display:flex;align-items:center;gap:.8rem}.schedule-item .label{font-size:.7rem;font-weight:600;color:var(--text-muted)}.schedule-item .value{font-size:1rem;font-weight:700}.primary-btn-mini{background:var(--button-dark);color:var(--bg-color);padding:.7rem 1.2rem;border-radius:14px;font-size:.8rem;font-weight:700;transition:transform .2s}.primary-btn-mini:active{transform:scale(.95)}.history-timeline-narrow{display:flex;flex-direction:column;gap:.8rem;margin-top:1rem}.payment-history-item{display:flex;align-items:center;padding:1rem;border-radius:18px;gap:1rem;background:var(--surface-color);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm)}.p-date{background:var(--bg-color);padding:.5rem;border-radius:10px;font-size:.75rem;font-weight:700;text-align:center;width:50px}.p-info{flex:1}.p-info h4{font-size:1rem;font-weight:700}.p-info p{font-size:.75rem;color:var(--text-muted)}.progress-track-micro{height:4px;background:#eee;border-radius:2px;margin-top:5px;overflow:hidden}.progress-fill-micro{height:100%;border-radius:2px}.progress-fill-micro.owe{background:#ef4444}.progress-fill-micro.lent{background:#10b981}.profile-avatar-large{width:120px;height:120px;position:relative;margin-bottom:1.5rem}.profile-avatar-large img{width:100%;border-radius:50%;border:4px solid white;box-shadow:var(--shadow-md)}.edit-avatar{position:absolute;bottom:5px;right:5px;background:#1a1a1a;color:#fff;width:32px;height:32px;border-radius:50%;border:3px solid white;display:flex;align-items:center;justify-content:center}.profile-hero h2{margin-bottom:.2rem}.profile-hero p{color:var(--text-muted)}.profile-menu{display:flex;flex-direction:column;gap:.5rem}.menu-item{display:flex;align-items:center;gap:1rem;padding:1.2rem;background:var(--surface-color);border-radius:16px;transition:background .2s}.menu-item:active{background:var(--bg-color)}.item-icon{width:40px;height:40px;border-radius:10px;background:var(--icon-bg);display:flex;align-items:center;justify-content:center}.menu-item span{flex:1;text-align:left;font-weight:600}.menu-item.logout{color:#ff3b30;margin-top:1rem}.profile-avatar-select-container{margin-bottom:2rem}.avatar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:1rem}.avatar-option{position:relative;aspect-ratio:1;background:var(--icon-bg);border-radius:20px;overflow:hidden;cursor:pointer;border:3px solid transparent;transition:all .2s ease}.avatar-option img{width:100%;height:100%;object-fit:contain}.avatar-option.active{border-color:var(--primary-purple);background:#8679ff0d}.checked-badge{position:absolute;top:8px;right:8px;background:var(--primary-purple);color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003}.section-label{font-size:.8rem;font-weight:700;text-transform:uppercase;color:var(--text-muted)}.notifications-modal{max-height:80vh;display:flex;flex-direction:column}.notifications-list{display:flex;flex-direction:column;gap:.8rem;padding:1rem 0}.notif-item{display:flex;gap:1rem;padding:1.2rem;background:#fff;border-radius:20px;position:relative;transition:transform .2s;box-shadow:var(--shadow-sm)}.notif-item.unread{background:#8679ff08}.notif-icon-box{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notif-icon-box.success{background:#dcfce7;color:#16a34a}.notif-icon-box.info{background:#dbeafe;color:#2563eb}.notif-icon-box.alert{background:#fee2e2;color:#dc2626}.notif-content{flex:1}.notif-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px}.notif-top h4{font-size:.95rem;font-weight:700;color:var(--text-main)}.notif-top span{font-size:.7rem;color:var(--text-muted);font-weight:600}.notif-content p{font-size:.85rem;color:var(--text-muted);line-height:1.4}.unread-pulse{position:absolute;top:12px;right:12px;width:8px;height:8px;background-color:var(--primary-purple);border-radius:50%;box-shadow:0 0 #8679ffb3;animation:pulse 2s infinite}.full-width-btn{width:100%}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #8679ffb3}70%{transform:scale(1);box-shadow:0 0 0 10px #8679ff00}to{transform:scale(.95);box-shadow:0 0 #8679ff00}}.theme-toggle-switch{width:44px;height:24px;background-color:var(--icon-bg);border-radius:100px;position:relative;transition:background-color .3s ease;cursor:pointer}.theme-toggle-switch.on{background-color:var(--primary-purple)}.switch-knob{width:18px;height:18px;background-color:#fff;border-radius:50%;position:absolute;top:3px;left:3px;transition:transform .3s cubic-bezier(.17,.67,.83,.67);box-shadow:0 2px 4px #0000001a}.theme-toggle-switch.on .switch-knob{transform:translate(20px)}.bottom-nav-container{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;padding:20px;pointer-events:none;z-index:1000}.bottom-nav-bar-premium{background-color:#1a1a1a;height:72px;width:100%;max-width:380px;border-radius:100px;display:flex;justify-content:space-around;align-items:center;padding:0 12px;pointer-events:auto;box-shadow:0 10px 40px #0000004d}.nav-btn-premium{height:52px;display:flex;align-items:center;justify-content:center;color:#8e8e93;transition:all .3s;background:transparent;border:none;padding:0 16px;border-radius:30px;gap:8px}.nav-btn-premium.active{background-color:#fff;color:#1a1a1a}.nav-btn-premium span{font-weight:700;font-size:.95rem}@keyframes pillPop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:flex-end;animation:fadeIn .3s ease-out}.modal{width:100%;background:var(--surface-color);border-radius:40px 40px 0 0;padding:2rem 2rem 4rem;animation:slideUp .4s cubic-bezier(.16,1,.3,1);box-shadow:0 -10px 40px #0000001a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-overlay.closing{animation:fadeOut .3s forwards}.modal.closing{animation:slideDown .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}.form-group-mobile{margin:1.5rem 0}.form-group-mobile label{display:block;font-size:.8rem;font-weight:700;margin-bottom:.5rem;text-transform:uppercase}.form-group-mobile input{width:100%;padding:1rem;border-radius:12px;border:1px solid #eee;background:#f9f9f9}.modal-actions-mobile{display:flex;gap:1rem}.modal-actions-mobile button{flex:1;padding:1rem;border-radius:16px;font-weight:700}.cancel-btn{background:#f2f2f7}.confirm-btn{background:#1a1a1a;color:#fff}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;gap:1rem}.muted-icon{opacity:.2}.primary-btn-alt{background:#1a1a1a;color:#fff;padding:.8rem 1.5rem;border-radius:12px;font-weight:600;margin-top:1rem}.item-icon-red{width:40px;height:40px;background:#ef44441a;color:#ef4444;border-radius:12px;display:flex;align-items:center;justify-content:center}.auth-view-container-match{background:#fff!important}.auth-content-match{max-width:440px!important}.input-group-match input{border:1.5px solid #f0f3f6!important;box-shadow:none!important;color:#1e293b!important}.field-icon{opacity:.4}.login-btn-match{background:#007bff!important;box-shadow:0 4px 14px #007bff66!important;padding:1.2rem!important}.social-btn-match{background:#f8fafc!important;color:#64748b!important;border:1px solid #f1f5f9!important}.auth-view-container-match{min-height:100vh;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.auth-illustration-container{width:100%;max-width:320px;margin-bottom:2rem;display:flex;justify-content:center}.auth-illustration{width:100%;height:auto;max-height:240px;object-fit:contain}.auth-text-header{text-align:center;margin-bottom:2.5rem}.auth-text-header h1{font-size:2.25rem;font-weight:800;color:#0d1e4c;margin-bottom:.5rem}.auth-text-header p{color:#8a94a6;font-size:1rem}.auth-content-match{width:100%;max-width:420px;display:flex;flex-direction:column;gap:1.5rem}.auth-form-match{display:flex;flex-direction:column;gap:1.25rem}.input-group-match{position:relative;display:flex;align-items:center}.input-group-match input{width:100%;padding:1.25rem 1rem 1.25rem 3.5rem;border-radius:16px;border:1.5px solid #f0f3f6;background:#fff;font-size:1.05rem;color:#1e293b;transition:all .2s ease}.input-group-match input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 4px #007bff1a}.field-icon{position:absolute;left:1.25rem;color:#94a3b8}.password-toggle{position:absolute;right:1.25rem;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;align-items:center}.forgot-password-link{text-align:right;margin-top:-.5rem}.forgot-password-link a{color:#007bff;font-size:.95rem;font-weight:600;text-decoration:none}.login-btn-match{width:100%;background:#007bff;color:#fff;padding:1.25rem;border-radius:16px;font-weight:700;font-size:1.1rem;border:none;cursor:pointer;box-shadow:0 10px 15px -3px #007bff4d;transition:transform .2s ease,background .2s ease}.login-btn-match:active{transform:scale(.98)}.social-divider-match{position:relative;text-align:center;margin:1.5rem 0}.social-divider-match:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#f1f5f9}.social-divider-match span{position:relative;background:#fff;padding:0 1rem;color:#94a3b8;font-size:.9rem;font-weight:500}.social-row-match{display:flex;gap:1rem}.social-btn-match{flex:1;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;border-radius:16px;border:1.5px solid #f1f5f9;background:#f8fafc;color:#475569;font-weight:600;font-size:1rem;cursor:pointer;transition:background .2s ease}.social-btn-match:hover{background:#f1f5f9}.auth-footer-match{text-align:center;margin-top:2rem;color:#64748b;font-size:1rem}.auth-footer-match span{color:#007bff;font-weight:700;cursor:pointer}.auth-error-banner{background:#fff1f2;border:1px solid #fecdd3;color:#e11d48;padding:1rem;border-radius:12px;font-size:.95rem;text-align:center}.spinner-white{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.conversion-card{background:#fff;border-radius:24px;padding:2rem;box-shadow:0 10px 30px #0000000d;margin-bottom:2rem}.rate-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2rem}.rate-item{text-align:center;padding:1.5rem;border-radius:20px;background:#f8fafc}.rate-item.buy{border-left:4px solid #10b981}.rate-item.sell{border-left:4px solid #3b82f6}.rate-label{font-size:.85rem;color:#64748b;font-weight:600;text-transform:uppercase;margin-bottom:.5rem;display:block}.rate-value{font-size:1.8rem;font-weight:800;color:#0f172a}.hnb-badge{background:#fee2e2;color:#ef4444;padding:.4rem 1rem;border-radius:100px;font-weight:700;font-size:.8rem;display:inline-block;margin-bottom:1rem}.calc-section{margin-top:2rem}.calc-input-group{position:relative;margin-bottom:1.5rem}.calc-input-group label{display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem;color:#64748b}.calc-input-group input{width:100%;padding:1.2rem;border-radius:16px;border:1px solid #e2e8f0;font-size:1.1rem;font-weight:700}.result-container{background:#eff6ff;padding:1.5rem;border-radius:16px;border:1px dashed #3b82f6;text-align:center}.result-label{color:#3b82f6;font-size:.9rem;font-weight:700;margin-bottom:.5rem;display:block}.result-value{font-size:2rem;font-weight:900;color:#1e3a8a}.premium-select{width:100%;padding:1rem;border-radius:12px;border:1.5px solid var(--icon-bg);background:var(--surface-color);color:var(--text-primary);font-size:1rem;font-weight:600;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M5%207L10%2012L15%207%22%20stroke%3D%22%2394A3B8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E);background-repeat:no-repeat;background-position:right 1rem center;background-size:1.25rem}.premium-select:focus{outline:none;border-color:var(--primary-purple);box-shadow:0 0 0 4px #8679ff1a}.cards-scroll-container{display:flex;overflow-x:auto;gap:1.2rem;margin:0 -1.5rem 1rem;padding:1rem 0 2rem 1.5rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.cards-scroll-container::-webkit-scrollbar{display:none}.scroll-spacer{min-width:1.5rem}.atm-card-premium{min-width:320px;height:200px;border-radius:24px;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000026;scroll-snap-align:center;flex-shrink:0;transition:transform .3s}.atm-card-premium:active{transform:scale(.98)}.atm-card-premium.theme-1{background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff}.atm-card-premium.theme-2{background:linear-gradient(135deg,#3b82f6,#06b6d4);color:#fff}.atm-card-premium.theme-3{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff}.atm-card-premium.theme-4{background:linear-gradient(135deg,#10b981,#3b82f6);color:#fff}.card-top{display:flex;justify-content:space-between;align-items:flex-start}.card-label{font-size:.9rem;font-weight:500;opacity:.9}.card-chip-container{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem}.card-chip{width:40px;height:28px;background:linear-gradient(135deg,gold,#daa520);border-radius:6px;box-shadow:inset 0 0 5px #0003}.wifi-icon{font-size:1.2rem;transform:rotate(90deg);opacity:.7}.card-middle{margin-top:1rem}.card-currency{font-size:1.2rem;font-weight:500;margin-right:.5rem;opacity:.9}.card-amount{font-size:1.9rem;font-weight:800;letter-spacing:-1px}.card-bottom{display:flex;justify-content:space-between;align-items:flex-end}.card-number{font-family:Courier New,Courier,monospace;font-size:1.1rem;letter-spacing:2px}.card-mc-logo{display:flex;position:relative;width:40px;height:24px}.card-mc-logo .circle{width:24px;height:24px;border-radius:50%;position:absolute}.card-mc-logo .circle.red{background:#eb001bcc;left:0}.card-mc-logo .circle.orange{background:#f79e1bcc;right:0}.bottom-nav-bar-premium{background:#ffffff59!important;backdrop-filter:blur(35px) saturate(220%)!important;-webkit-backdrop-filter:blur(35px) saturate(220%)!important;border:1.5px solid rgba(255,255,255,.45)!important;box-shadow:0 15px 45px #0000001f,inset 0 0 0 1px #fff3!important}.dark .bottom-nav-bar-premium{background:#0f172a80!important;border:1.5px solid rgba(255,255,255,.08)!important}.greeting{margin-bottom:1rem;padding-top:0rem}.greeting h1{font-size:2rem;font-weight:800;color:var(--text-main);letter-spacing:-.5px}.greeting .subtitle{color:var(--text-muted);font-size:1rem;font-weight:500}.dark .greeting h1{color:#fff}.dark .greeting .subtitle{color:#a1a1aa}.type-tag.owe{color:#ef4444}.type-tag.lent{color:#10b981}.p-edit-icon{opacity:.5;margin-left:.5rem}.payment-history-item:active .p-edit-icon{opacity:1;color:var(--primary-purple)}.modal-actions-mobile.stack{display:flex;flex-direction:column;gap:.8rem;margin-top:2rem}.confirm-btn.full,.cancel-btn.full{width:100%;margin:0}.delete-btn-text{background:none;border:none;color:#ef4444;font-weight:600;font-size:.95rem;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem;width:100%;border-radius:12px;transition:background .2s}.delete-btn-text:active{background:#ef44441a}.history-card.clickable{cursor:pointer;transition:transform .2s,background .2s;position:relative}.history-card.clickable:active{transform:scale(.98);background:rgba(var(--primary-purple-rgb),.05)}.history-edit-hint{opacity:.3;margin-left:.8rem}.history-card.clickable:hover .history-edit-hint{opacity:1;color:var(--primary-purple)}.icon-circle{cursor:pointer!important}.icon-circle.share{color:#007aff!important}.share-link-box input{cursor:text}.share-modal-body h3{margin-top:1rem}.share-footer{opacity:.6;font-size:.8rem;margin:2rem 0}.public-view{background:linear-gradient(135deg,#f8f9ff,#fff);min-height:100vh}.public-view .page-header-detail{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.history-timeline-narrow{display:flex;flex-direction:column;gap:1rem;padding:.5rem 0}.share-footer{margin-top:3rem;border-top:1px solid rgba(0,0,0,.05)}.public-view .detail-hero{padding-top:1rem}.public-view .view-container{padding-bottom:4rem}.public-view .view-container{padding-bottom:20px!important}.public-view.scrollable{padding-bottom:0!important}.atm-card-premium.theme-owe{background:linear-gradient(135deg,#1e1b4b,#4338ca,#6366f1);color:#fff;box-shadow:0 20px 40px #4338ca4d}.atm-card-premium.theme-lent{background:linear-gradient(135deg,#064e3b,#059669,#34d399);color:#fff;box-shadow:0 20px 40px #0596694d}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}.more-menu-item{display:flex;align-items:center;gap:.8rem;width:100%;padding:.8rem 1rem;border:none;background:none;color:var(--text-color);font-size:.95rem;font-weight:600;border-radius:12px;transition:all .2s;cursor:pointer;text-align:left}.more-menu-item:active{background:#0000000d}.more-menu-item.delete{color:#ef4444}.more-menu-item.delete:active{background:#ef44441a}.dark .more-menu-item:active{background:#ffffff0d}.completed-badge-mini{background:#10b9811a;color:#10b981;padding:.1rem .5rem;border-radius:4px;font-size:.7rem;font-weight:800;text-transform:uppercase;margin-left:.3rem}.loan-card-mobile.settled .bank-logo-mini{background:#f1f5f9;color:#64748b}.locked-screen-premium{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#1e1b4b,#000);display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:1000}.bg-accent{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;pointer-events:none}.bg-accent.circle-1{width:300px;height:300px;background:#4f46e5;top:-100px;right:-50px;animation:float 10s infinite alternate}.bg-accent.circle-2{width:250px;height:250px;background:#7c3aed;bottom:-50px;left:-50px;animation:float 12s infinite alternate-reverse}@keyframes float{0%{transform:translate(0)}to{transform:translate(30px,40px)}}.pin-verification-container{width:90%;maxWidth:400px;padding:3rem 2rem;text-align:center;color:#fff;border:1px solid rgba(255,255,255,.1)}.pin-header h1{font-size:1.8rem;font-weight:800;margin:1.5rem 0 .5rem;letter-spacing:-.02em}.pin-header p{opacity:.6;font-size:.95rem;margin-bottom:2.5rem}.lock-identity-box{width:72px;height:72px;background:#ffffff1a;border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto;position:relative}.lock-glow{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;background:radial-gradient(circle,rgba(124,58,237,.4) 0%,transparent 70%);border-radius:50%}.pin-cells-container{display:flex;gap:.8rem;justify-content:center;margin-bottom:2rem;position:relative}.pin-cell{width:48px;height:56px;background:#ffffff0d;border:1.5px solid rgba(255,255,255,.1);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.pin-cell.active{border-color:#7c3aed;background:#7c3aed1a;transform:translateY(-4px);box-shadow:0 4px 15px #7c3aed4d}.pin-cell.filled{border-color:#ffffff4d}.pin-cell.cell-error{border-color:#ef4444;background:#ef44441a}.hidden-pin-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:10}.pin-error-msg{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#ef4444;font-size:.85rem;font-weight:600;margin-bottom:2rem}.encryption-badge{display:flex;align-items:center;gap:.4rem;background:#10b9811a;color:#10b981;padding:.4rem .8rem;border-radius:100px;font-size:.7rem;font-weight:800;text-transform:uppercase;margin:0 auto 1.5rem;width:fit-content}.forgot-pin-btn{background:none;border:none;color:#7c3aed;font-weight:700;font-size:.9rem;cursor:pointer;opacity:.8;transition:opacity .2s}.forgot-pin-btn:active{opacity:1}.card-reflection-sweep{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.05) 50%,transparent 100%);transform:skew(-25deg);animation:sweep 4s infinite ease-in-out;pointer-events:none;z-index:2}@keyframes sweep{0%{left:-100%}50%{left:150%}to{left:150%}}.glass-premium{position:relative}.glass-premium:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.03;mix-blend-mode:overlay;pointer-events:none;z-index:1}.auth-logo-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:3.5rem;margin-bottom:2rem;position:relative}.auth-logo-img{width:80px;height:80px;object-fit:contain;z-index:2;filter:drop-shadow(0 10px 20px rgba(0,0,0,.15))}.logo-halo-aura{position:absolute;width:130px;height:130px;background:radial-gradient(circle,rgba(79,70,229,.12) 0%%,transparent 70%%);border-radius:50%%;filter:blur(25px);z-index:1}.logo-placeholder-svg{z-index:2}