:root{--font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-brand: "Outfit", var(--font-ui);--primary-50: #f6effd;--primary-100: #ecdcfa;--primary-200: #d9bdf4;--primary-300: #bd92ea;--primary-400: #9c5fdd;--primary-500: #7626c9;--primary-600: #661fb0;--primary-700: #551a92;--primary-800: #42136f;--primary-900: #330e56;--primary-950: #200838;--green-50: #f3faee;--green-100: #e6f2da;--green-200: #cfe8b3;--green-300: #b0db84;--green-400: #8ed14a;--green-500: #1f9a4f;--green-600: #178a45;--green-700: #12703a;--green-800: #0e5a2f;--green-900: #0a4324;--green-950: #062d18;--mint: #f3faee;--mint-deep: #e6f2da;--gray-50: #f7f9f8;--gray-100: #eff2f0;--gray-200: #e3e8e5;--gray-300: #cdd4d0;--gray-400: #6f7973;--gray-500: #5c655f;--gray-600: #4e5853;--gray-700: #3a423e;--gray-800: #262c29;--gray-900: #171b19;--ground: #f4f8f1;--panel: #ecf4e6;--surface: #ffffff;--line: #dfe8db;--line-strong: #c8d5c2;--accent: var(--green-600);--accent-hover: #146f3b;--accent-soft: var(--green-50);--ring: 0 0 0 3px rgba(23, 138, 69, .22);--success: #178a45;--success-light: #e9f6db;--success-text: #0e5a2f;--warning: #d97706;--warning-light: #fdf3dc;--warning-text: #8a4b00;--error: #dc2626;--error-light: #fdecec;--error-text: #9f1d1d;--info: #2563eb;--info-light: #e8f0fe;--info-text: #1e40af;--radius: 14px;--radius-sm: 10px;--radius-lg: 20px;--radius-full: 999px;--shadow-xs: 0 1px 2px rgba(23, 30, 26, .05);--shadow-sm: 0 1px 2px rgba(23, 30, 26, .06), 0 2px 6px rgba(23, 30, 26, .04);--shadow: 0 2px 4px rgba(23, 30, 26, .05), 0 6px 16px -4px rgba(23, 30, 26, .08);--shadow-md: 0 4px 12px -2px rgba(23, 30, 26, .1), 0 2px 4px rgba(23, 30, 26, .04);--shadow-lg: 0 24px 48px -12px rgba(23, 30, 26, .22), 0 8px 16px -8px rgba(23, 30, 26, .1);--shadow-green: 0 4px 14px rgba(23, 138, 69, .22);--shadow-purple: 0 4px 14px rgba(118, 38, 201, .22);--shadow-btn: inset 0 1px 0 rgba(255, 255, 255, .14), 0 1px 2px rgba(23, 30, 26, .14);--ease: cubic-bezier(.2, 0, 0, 1);--fast: .16s;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--nav-height: 64px;--page-x: 20px}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{font-family:var(--font-ui);font-size:15px;line-height:1.5;color:var(--gray-800);background:var(--ground);background-image:radial-gradient(at 0% 0%,rgba(142,209,74,.18) 0,transparent 46%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01","calt";text-rendering:optimizeLegibility;overscroll-behavior-y:contain;overflow-x:clip}::selection{background:var(--mint-deep);color:var(--gray-900)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-track{background:transparent}h1,h2,h3,h4,h5,h6{font-family:var(--font-ui);font-weight:600;letter-spacing:-.015em;color:var(--gray-900);text-wrap:balance}.brand-wordmark{font-family:var(--font-brand);font-weight:700;letter-spacing:-.01em;color:var(--gray-900)}.brand-wordmark em{font-style:normal;color:var(--primary-600)}.num,.tabular{font-variant-numeric:tabular-nums}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--radius-sm)}input,textarea{caret-color:var(--accent);accent-color:var(--accent)}input[type=checkbox],input[type=radio]{accent-color:var(--accent)}#root{min-height:100vh;min-height:100dvh}.app-shell{position:relative;min-height:100vh;min-height:100dvh;padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + 16px)}.pull-indicator{text-align:center;padding:12px;color:var(--accent);font-size:13px;font-weight:600;display:none}.pull-indicator.visible{display:block;animation:fadeInDown .3s var(--ease)}.home-top{display:flex;align-items:center;gap:12px;padding:calc(16px + var(--safe-top)) var(--page-x) 4px}.home-top-text{flex:1;min-width:0}.home-greeting{font-size:13px;color:var(--gray-500);font-weight:500}.home-name{font-size:17px;font-weight:600;color:var(--gray-900);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary-500),var(--primary-700));color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:15px;flex-shrink:0;box-shadow:var(--shadow-purple);border:none;letter-spacing:0}.avatar-lg{width:56px;height:56px;font-size:20px}.icon-btn{width:40px;height:40px;border-radius:50%;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-xs);color:var(--gray-700);display:inline-flex;align-items:center;justify-content:center;position:relative;transition:background var(--fast) var(--ease),border-color var(--fast) var(--ease)}.icon-btn:active{background:var(--gray-50)}.icon-btn-count{position:absolute;top:-3px;right:-3px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--error);color:#fff;font-size:10.5px;font-weight:600;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px var(--ground);font-variant-numeric:tabular-nums}.home-balance{padding:18px var(--page-x) 4px}.home-balance-label{font-size:13px;font-weight:500;color:var(--gray-500)}.home-balance-amount{font-size:38px;font-weight:600;letter-spacing:-.025em;line-height:1.1;color:var(--gray-900);font-variant-numeric:tabular-nums;margin-top:2px;display:flex;align-items:baseline;gap:6px}.home-balance-amount .cents{margin-left:-4px}.home-balance-amount .cur{font-size:17px;font-weight:600;color:var(--gray-500);letter-spacing:0}.home-balance-amount .cents{font-size:22px;color:var(--gray-500)}.home-balance-sub{margin-top:6px;font-size:13px;color:var(--gray-500);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.home-balance-sub strong{color:var(--gray-800);font-weight:600;font-variant-numeric:tabular-nums}.term-strip{display:flex;gap:3px;height:8px;margin-top:14px}.term-seg{flex:1;border-radius:3px;background:var(--green-100);transform-origin:left center}.term-seg.paid{background:var(--accent);animation:segIn .42s var(--ease) both}.term-seg.due{background:var(--green-300)}.term-seg.warning{background:var(--warning)}.term-seg.late{background:var(--error)}.term-seg:nth-child(2){animation-delay:40ms}.term-seg:nth-child(3){animation-delay:80ms}.term-seg:nth-child(4){animation-delay:.12s}.term-seg:nth-child(5){animation-delay:.16s}.term-seg:nth-child(6){animation-delay:.2s}.term-seg:nth-child(7){animation-delay:.24s}.term-seg:nth-child(8){animation-delay:.28s}.term-seg:nth-child(n+9){animation-delay:.32s}@keyframes segIn{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.term-strip-legend{display:flex;justify-content:space-between;font-size:12px;color:var(--gray-500);margin-top:8px;font-variant-numeric:tabular-nums}.term-strip-legend b{font-weight:600;color:var(--gray-800)}.action-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:18px var(--page-x) 6px}.action-tile{background:transparent;border:none;display:flex;flex-direction:column;align-items:center;gap:8px;padding:4px 0;color:var(--gray-700)}.action-tile-icon{width:52px;height:52px;border-radius:16px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-xs);display:flex;align-items:center;justify-content:center;color:var(--accent);transition:background var(--fast) var(--ease),transform var(--fast) var(--ease)}.action-tile:active .action-tile-icon{background:var(--green-50);transform:scale(.96)}.action-tile.primary .action-tile-icon{background:var(--accent);border-color:var(--accent-hover);color:#fff;box-shadow:var(--shadow-btn)}.action-tile.primary:active .action-tile-icon{background:var(--accent-hover)}.action-tile-label{font-size:12px;font-weight:500;color:var(--gray-700);line-height:1.2}.section{padding:16px var(--page-x) 4px}.section-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}.section-title{font-size:15px;font-weight:600;color:var(--gray-900);letter-spacing:-.01em}.section-link{font-size:13px;font-weight:600;color:var(--accent);cursor:pointer;text-decoration:none;background:none;border:none;padding:0}.section-label{font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--gray-900);margin:0 0 10px}.card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow-xs);overflow:hidden}.card+.card{margin-top:10px}.card-body{padding:16px}.card-header{padding:12px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:600;font-size:14px;color:var(--gray-900)}.info-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--gray-100);font-variant-numeric:tabular-nums}.info-row:last-child{border-bottom:none}.info-label{font-size:13px;color:var(--gray-500);font-weight:500}.info-value{font-size:14px;color:var(--gray-900);font-weight:600;text-align:right}.row-list{display:flex;flex-direction:column}.row-item{display:flex;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid var(--gray-100);background:var(--surface);border-left:none;border-right:none;border-top:none;width:100%;text-align:left;color:inherit;transition:background var(--fast) var(--ease)}.row-item:last-child{border-bottom:none}.row-item:active{background:var(--gray-50)}.row-tile{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--green-50);color:var(--accent)}.row-tile.warning{background:var(--warning-light);color:var(--warning)}.row-tile.error{background:var(--error-light);color:var(--error)}.row-tile.info{background:var(--info-light);color:var(--info)}.row-tile.neutral{background:var(--gray-100);color:var(--gray-700)}.row-main{flex:1;min-width:0}.row-title{font-size:14px;font-weight:600;color:var(--gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-sub{font-size:12.5px;color:var(--gray-500);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-end{text-align:right;flex-shrink:0}.row-amount{font-size:15px;font-weight:600;color:var(--gray-900);font-variant-numeric:tabular-nums}.row-chevron{color:var(--gray-400);flex-shrink:0}.loan-card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow-xs);padding:16px;margin-bottom:10px;cursor:pointer;transition:background var(--fast) var(--ease),border-color var(--fast) var(--ease)}.loan-card:active{background:var(--gray-50);border-color:var(--line-strong)}.loan-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.loan-card-title{font-size:14.5px;font-weight:600;color:var(--gray-900)}.loan-card-number{font-size:12.5px;color:var(--gray-500);margin-top:1px;font-variant-numeric:tabular-nums}.loan-card-amount{font-size:17px;font-weight:600;color:var(--gray-900);text-align:right;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.loan-card-amount-label{font-size:11.5px;color:var(--gray-500);text-align:right}.loan-progress{height:6px;background:var(--green-100);border-radius:var(--radius-full);overflow:hidden;margin-bottom:8px}.loan-progress-fill{height:100%;border-radius:var(--radius-full);background:var(--accent)}.loan-progress-fill.warning{background:var(--warning)}.loan-progress-fill.overdue{background:var(--error)}.loan-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12.5px}.loan-card-footer-left{color:var(--gray-500);font-weight:500;font-variant-numeric:tabular-nums}.balance-card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow-xs);padding:18px 16px 16px}.balance-card-label{font-size:13px;color:var(--gray-500);font-weight:500}.balance-card-amount{font-size:32px;font-weight:600;letter-spacing:-.025em;line-height:1.1;color:var(--gray-900);margin-top:2px;font-variant-numeric:tabular-nums}.balance-card-rows{margin-top:12px;border-top:1px solid var(--gray-100);padding-top:8px;font-size:13px;font-variant-numeric:tabular-nums}.balance-card-rows>div{display:flex;justify-content:space-between;padding:4px 0;color:var(--gray-600)}.balance-card-rows>div.late{color:var(--error-text);font-weight:600}.balance-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.balance-meta>div{background:var(--gray-50);border-radius:10px;padding:10px 12px}.balance-meta-label{font-size:11.5px;color:var(--gray-500);font-weight:500}.balance-meta-value{font-size:15px;font-weight:600;color:var(--gray-900);margin-top:2px;font-variant-numeric:tabular-nums}.badge{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap;background:var(--gray-100);color:var(--gray-700);border:1px solid rgba(23,30,26,.08);font-variant-numeric:tabular-nums}.badge-active,.badge-approved,.badge-success{background:var(--success-light);color:var(--success-text);border-color:#178a452e}.badge-overdue,.badge-error{background:var(--error-light);color:var(--error-text);border-color:#dc262629}.badge-pending,.badge-warning{background:var(--warning-light);color:var(--warning-text);border-color:#d977062e}.badge-closed{background:var(--gray-100);color:var(--gray-600);border-color:var(--line)}.badge-info{background:var(--info-light);color:var(--info-text);border-color:#2563eb29}.badge-purple{background:var(--mint);color:var(--success-text);border-color:#178a452e}.chip-row{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:12px var(--page-x);scrollbar-width:none}.chip-row::-webkit-scrollbar{display:none}.chip{height:34px;padding:0 14px;border-radius:var(--radius-full);background:var(--surface);border:1px solid var(--line-strong);color:var(--gray-700);font-size:13px;font-weight:500;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;box-shadow:var(--shadow-xs);transition:background var(--fast) var(--ease),color var(--fast) var(--ease),border-color var(--fast) var(--ease);font-variant-numeric:tabular-nums}.chip:active{background:var(--gray-50)}.chip.active{background:var(--accent);border-color:var(--accent-hover);color:#fff;box-shadow:var(--shadow-btn)}.chip.outline{border-color:var(--green-300);color:var(--green-700);background:var(--green-50)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(var(--nav-height) + var(--safe-bottom));background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);align-items:stretch;padding-bottom:var(--safe-bottom);z-index:100}.nav-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;color:var(--gray-500);background:none;border:none;text-decoration:none;position:relative;transition:color var(--fast) var(--ease);border-radius:0}.nav-tab:focus-visible{box-shadow:inset var(--ring)}.nav-tab.active{color:var(--green-700)}.nav-tab-icon{width:22px;height:22px}.nav-tab-label{font-size:11px;font-weight:500;letter-spacing:0}.nav-tab.active .nav-tab-label{font-weight:600}.nav-fab{width:44px;height:44px;border-radius:14px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-btn),var(--shadow-green);border:1px solid var(--accent-hover);transition:background var(--fast) var(--ease),transform var(--fast) var(--ease);margin-top:-6px}.nav-tab:active .nav-fab{background:var(--accent-hover);transform:scale(.96)}.nav-tab.apply .nav-tab-label{color:var(--green-700);font-weight:600}.page-header{padding:calc(8px + var(--safe-top)) 12px 8px;min-height:calc(52px + var(--safe-top));display:flex;align-items:center;gap:8px;background:#ffffffe0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.page-header-back{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--fast) var(--ease);color:var(--gray-700);background:none;border:none;flex-shrink:0}.page-header-back:active{background:var(--gray-100)}.page-header-title{font-size:17px;font-weight:600;color:var(--gray-900);letter-spacing:-.01em;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:4px}.page-header>.page-header-title:first-child{padding-left:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 20px;border-radius:var(--radius-sm);font-size:15px;font-weight:600;letter-spacing:-.005em;cursor:pointer;border:1px solid transparent;transition:background var(--fast) var(--ease),border-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease),transform var(--fast) var(--ease);text-decoration:none;white-space:nowrap;width:100%;font-variant-numeric:tabular-nums}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary:disabled,.btn-success:disabled{opacity:1;background:var(--green-100);border-color:var(--green-200);color:var(--green-700);box-shadow:none}.btn-primary,.btn-success{background:var(--accent);border-color:var(--accent-hover);color:#fff;box-shadow:var(--shadow-btn)}.btn-primary:hover:not(:disabled),.btn-primary:active:not(:disabled),.btn-success:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--surface);color:var(--gray-800);border-color:var(--line-strong);box-shadow:var(--shadow-xs)}.btn-secondary:active:not(:disabled){background:var(--gray-50)}.btn-danger{background:var(--error);border-color:#b91c1c;color:#fff;box-shadow:var(--shadow-btn)}.btn-danger:active:not(:disabled){background:#b91c1c}.btn-outline-primary{background:var(--surface);color:var(--green-700);border-color:var(--green-300)}.btn-danger-soft{background:var(--error-light);color:var(--error-text);border-color:#dc262633}.btn-danger-soft:active:not(:disabled){background:#fbdede}.btn-outline-primary:active{background:var(--green-50)}.btn-ghost{background:transparent;color:var(--gray-700)}.btn-ghost:active{background:var(--gray-100)}.btn-sm{height:36px;padding:0 14px;font-size:13px;border-radius:8px}.btn-lg{height:52px;padding:0 24px;font-size:16px;border-radius:12px}.btn-block{display:flex;width:100%}.btn-auto{width:auto}.form-group{margin-bottom:16px}.form-label{display:block;font-size:13px;font-weight:500;color:var(--gray-700);margin-bottom:6px}.form-control{width:100%;height:48px;padding:0 14px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);font-size:15px;color:var(--gray-900);background:var(--surface);box-shadow:var(--shadow-xs);transition:border-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease);-webkit-appearance:none;appearance:none}.form-control:hover{border-color:var(--gray-400)}.form-control:focus{outline:none;border-color:var(--accent);box-shadow:var(--ring)}.form-control:disabled{background:var(--gray-50);color:var(--gray-500)}.form-control::placeholder{color:var(--gray-400)}select.form-control{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='%236f7973' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}textarea.form-control{resize:vertical;min-height:96px;height:auto;padding:12px 14px;line-height:1.5}.form-helper{font-size:12.5px;color:var(--gray-500);margin-top:6px}.form-error-text{font-size:12.5px;color:var(--error-text);margin-top:6px}.input-affix{position:relative}.input-affix>svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--gray-400);pointer-events:none}.input-affix .form-control{padding-left:40px}.input-suffix-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:8px;background:none;border:none;color:var(--gray-500);display:flex;align-items:center;justify-content:center}.input-suffix-btn:active{background:var(--gray-100)}.modal-overlay{position:fixed;inset:0;background:#171e1a6b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:200;display:flex;align-items:flex-end;animation:fadeIn .18s var(--ease)}.bottom-sheet{background:var(--surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-height:92vh;max-height:92dvh;overflow-y:auto;animation:slideUpSheet .26s var(--ease);padding-bottom:var(--safe-bottom);box-shadow:var(--shadow-lg)}.sheet-handle{width:36px;height:4px;background:var(--gray-300);border-radius:var(--radius-full);margin:10px auto 0}.sheet-header{padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.sheet-title{font-size:17px;font-weight:600;color:var(--gray-900);letter-spacing:-.01em}.sheet-close{width:32px;height:32px;border-radius:8px;background:none;border:none;color:var(--gray-500);display:flex;align-items:center;justify-content:center}.sheet-close:active{background:var(--gray-100)}.sheet-body{padding:20px}.sheet-footer{padding:12px 20px;border-top:1px solid var(--line);background:var(--gray-50);display:flex;gap:10px}.dialog-overlay{position:fixed;inset:0;z-index:9999;background:#171e1a6b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .18s var(--ease)}.dialog{background:var(--surface);border-radius:16px;border:1px solid var(--line);padding:24px;max-width:360px;width:100%;box-shadow:var(--shadow-lg);text-align:center;animation:riseIn .2s var(--ease)}.dialog-icon{width:52px;height:52px;border-radius:14px;background:var(--warning-light);color:var(--warning);display:flex;align-items:center;justify-content:center;margin:0 auto 14px}.dialog h2{font-size:18px;margin-bottom:6px}.dialog p{color:var(--gray-500);font-size:14px;margin-bottom:18px}.alert{padding:12px 14px;border-radius:10px;font-size:13.5px;font-weight:500;display:flex;align-items:flex-start;gap:10px;margin-bottom:14px;line-height:1.45;border:1px solid transparent}.alert>svg{flex-shrink:0;margin-top:2px}.alert-success{background:var(--success-light);color:var(--success-text);border-color:#178a4538}.alert-error{background:var(--error-light);color:var(--error-text);border-color:#dc262633}.alert-warning{background:var(--warning-light);color:var(--warning-text);border-color:#d9770638}.alert-info{background:var(--info-light);color:var(--info-text);border-color:#2563eb33}.notice{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius);border:1px solid;margin:0 var(--page-x) 10px;text-align:left;width:calc(100% - var(--page-x) * 2);background:var(--surface);transition:background var(--fast) var(--ease)}.notice.warning{background:var(--warning-light);border-color:#d9770638}.notice.error{background:var(--error-light);border-color:#dc262633}.notice.info{background:var(--info-light);border-color:#2563eb33}.notice.success{background:var(--success-light);border-color:#178a4538}.notice-tile{width:40px;height:40px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#ffffffb3;position:relative}.notice.warning .notice-tile{color:var(--warning)}.notice.error .notice-tile{color:var(--error)}.notice.info .notice-tile{color:var(--info)}.notice.success .notice-tile{color:var(--success)}.notice-dot{position:absolute;top:-3px;right:-3px;width:10px;height:10px;border-radius:50%;background:var(--error);box-shadow:0 0 0 2px var(--warning-light)}.notice-main{flex:1;min-width:0}.notice-title{font-size:14px;font-weight:600;color:var(--gray-900)}.notice-sub{font-size:12.5px;color:var(--gray-600);margin-top:1px;line-height:1.4}.notice.warning .notice-sub{color:var(--warning-text)}.notice.error .notice-sub{color:var(--error-text)}.notice.info .notice-sub{color:var(--info-text)}.notice.success .notice-sub{color:var(--success-text)}.loading-spinner{display:inline-block;width:22px;height:22px;border:2.5px solid rgba(23,138,69,.2);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.btn-primary .loading-spinner,.btn-danger .loading-spinner{border-color:#ffffff59;border-top-color:#fff}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;gap:14px}.loading-screen-text{font-size:13.5px;color:var(--gray-500);font-weight:500}.page-loader{display:flex;align-items:center;justify-content:center;padding:80px 20px}.empty-state{text-align:center;padding:48px 24px}.empty-state-icon{width:56px;height:56px;border-radius:16px;background:var(--green-50);color:var(--accent);display:flex;align-items:center;justify-content:center;margin:0 auto 14px}.empty-state>svg{margin-bottom:12px}.empty-state h3{font-size:16px;font-weight:600;color:var(--gray-900);margin-bottom:6px}.empty-state p{font-size:13.5px;color:var(--gray-500);line-height:1.5;margin:0 auto 18px;max-width:36ch}.outcome{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;min-height:80dvh;padding:40px 28px;text-align:center}.outcome-icon{width:72px;height:72px;border-radius:22px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;background:var(--success-light);color:var(--success);animation:riseIn .3s var(--ease)}.outcome-icon.warning{background:var(--warning-light);color:var(--warning)}.outcome h2{font-size:22px;margin-bottom:8px}.outcome p{font-size:14px;color:var(--gray-500);line-height:1.55;margin-bottom:24px;max-width:34ch}.tx-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--gray-100)}.tx-item:last-child{border-bottom:none}.tx-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tx-icon.credit{background:var(--success-light);color:var(--success)}.tx-icon.debit{background:var(--gray-100);color:var(--gray-700)}.tx-icon.pending{background:var(--warning-light);color:var(--warning)}.tx-details{flex:1;min-width:0}.tx-title{font-size:14px;font-weight:600;color:var(--gray-900)}.tx-date{font-size:12.5px;color:var(--gray-500);margin-top:1px;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx-amount{font-size:15px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--gray-900)}.tx-amount.credit{color:var(--success-text)}.tx-amount.debit{color:var(--gray-900)}.tx-amount.pending{color:var(--warning-text)}.date-heading{font-size:12px;font-weight:600;color:var(--gray-500);margin:0 0 8px 2px;font-variant-numeric:tabular-nums}.tabs{display:flex;border-bottom:1px solid var(--line);margin:0 var(--page-x)}.tab{flex:1;height:40px;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;font-size:13.5px;font-weight:500;color:var(--gray-500);transition:color var(--fast) var(--ease),border-color var(--fast) var(--ease);border-radius:0}.tab.active{color:var(--gray-900);border-bottom-color:var(--accent);font-weight:600}.login-page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:linear-gradient(160deg,#ffffff 0%,var(--mint) 55%,var(--mint-deep) 100%);position:relative;overflow-x:clip;overflow-y:visible;padding:calc(24px + var(--safe-top)) var(--page-x) calc(24px + var(--safe-bottom))}.login-page:before{content:"";position:absolute;top:-120px;right:-140px;width:360px;height:360px;background:radial-gradient(circle at 40% 40%,rgba(142,209,74,.55) 0%,rgba(23,138,69,.18) 45%,transparent 70%);border-radius:50%;pointer-events:none}.login-page:after{content:"";position:absolute;bottom:-140px;left:-140px;width:320px;height:320px;background:radial-gradient(circle at 60% 60%,rgba(118,38,201,.28) 0%,rgba(118,38,201,.08) 50%,transparent 72%);border-radius:50%;pointer-events:none}.login-header{padding:24px 0 20px;color:var(--gray-900);position:relative;z-index:1;text-align:center}.login-logo-img{width:64px;height:64px;border-radius:18px;object-fit:cover;margin:0 auto 14px;box-shadow:var(--shadow-sm);display:block;border:1px solid var(--line);background:#fff}.login-title{font-family:var(--font-brand);font-size:26px;font-weight:700;line-height:1.15;letter-spacing:-.01em;color:var(--gray-900);margin-bottom:6px}.login-title em{font-style:normal;color:var(--primary-600)}.login-subtitle{font-size:14px;color:var(--gray-500);font-weight:400}.login-form-container{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px 20px;position:relative;z-index:1;box-shadow:var(--shadow-lg);animation:riseIn .24s var(--ease)}.login-form-title{font-size:19px;font-weight:600;color:var(--gray-900);margin-bottom:18px;letter-spacing:-.015em}.login-footer{text-align:center;margin-top:20px;font-size:14px;color:var(--gray-500)}.login-footer a,.login-footer .link{color:var(--accent);font-weight:600;text-decoration:none;cursor:pointer}.link{color:var(--accent);font-weight:600;cursor:pointer;background:none;border:none;padding:0;font-size:inherit}.public-topbar{display:flex;align-items:center;gap:10px;position:relative;z-index:1;margin-bottom:12px}.public-topbar .login-title{font-size:22px;margin:0}.public-topbar .login-subtitle{font-size:13px}.product-card{background:var(--surface);border-radius:var(--radius);padding:16px;border:1px solid var(--line);box-shadow:var(--shadow-xs);margin-bottom:10px;transition:border-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease),background var(--fast) var(--ease)}.product-card:active{background:var(--gray-50)}.product-card.selected{border-color:var(--accent);box-shadow:var(--ring)}.product-card.disabled{opacity:.7;cursor:not-allowed}.product-card-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.product-card-icon{width:44px;height:44px;border-radius:12px;background:var(--green-50);color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.product-card-name{font-size:15px;font-weight:600;color:var(--gray-900)}.product-card-rate{font-size:12.5px;color:var(--green-700);font-weight:500;font-variant-numeric:tabular-nums}.product-card-details{display:grid;grid-template-columns:1fr 1fr;gap:8px}.product-detail{background:var(--gray-50);border-radius:10px;padding:9px 10px}.product-detail-label{font-size:11px;color:var(--gray-500);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.product-detail-value{font-size:13.5px;font-weight:600;color:var(--gray-900);margin-top:2px;font-variant-numeric:tabular-nums}.option-card{text-align:left;padding:12px 14px;border-radius:12px;cursor:pointer;background:var(--surface);border:1px solid var(--line-strong);box-shadow:var(--shadow-xs);transition:border-color var(--fast) var(--ease),background var(--fast) var(--ease),box-shadow var(--fast) var(--ease);color:inherit}.option-card.selected{background:var(--green-50);border-color:var(--accent);box-shadow:var(--ring)}.option-card:disabled{opacity:.5;cursor:not-allowed}.option-card-title{font-size:14px;font-weight:600;color:var(--gray-900);font-variant-numeric:tabular-nums}.option-card-sub{font-size:12px;color:var(--gray-500);margin-top:2px}.amount-display{text-align:center;padding:20px 20px 16px}.amount-currency{font-size:15px;font-weight:600;color:var(--gray-500);margin-bottom:2px}.amount-value{font-size:44px;font-weight:600;color:var(--gray-900);letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1.1}.amount-input{font-size:44px;font-weight:600;color:var(--gray-900);border:none;outline:none;text-align:center;width:100%;background:transparent;letter-spacing:-.03em;font-variant-numeric:tabular-nums;border-bottom:2px solid var(--line-strong);padding-bottom:6px;border-radius:0;transition:border-color var(--fast) var(--ease);-moz-appearance:textfield}.amount-input:focus{border-bottom-color:var(--accent);box-shadow:none}.amount-input::-webkit-outer-spin-button,.amount-input::-webkit-inner-spin-button{-webkit-appearance:none}.amount-slider{width:100%;-webkit-appearance:none;appearance:none;height:6px;border-radius:var(--radius-full);background:var(--green-100);outline:none;margin:16px 0 10px;cursor:pointer;touch-action:pan-y}.amount-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:var(--accent);cursor:pointer;box-shadow:var(--shadow-green);border:3px solid #fff}.amount-slider::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:var(--accent);cursor:pointer;box-shadow:var(--shadow-green);border:3px solid #fff}.amount-slider::-moz-range-track{height:6px;border-radius:var(--radius-full);background:var(--green-100)}.amount-slider:focus-visible{box-shadow:none}.amount-slider:focus-visible::-webkit-slider-thumb{box-shadow:var(--ring)}.range-bounds{display:flex;justify-content:space-between;font-size:12px;color:var(--gray-500);font-variant-numeric:tabular-nums}.steps{display:flex;align-items:center;gap:0;padding:0 var(--page-x);margin:16px 0 8px}.step{flex:1;display:flex;flex-direction:column;align-items:center;position:relative}.step:after{content:"";position:absolute;top:14px;left:50%;width:100%;height:2px;background:var(--line)}.step:last-child:after{display:none}.step.completed:after{background:var(--green-300)}.step-dot{width:28px;height:28px;border-radius:50%;background:var(--surface);border:1px solid var(--line-strong);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--gray-500);position:relative;z-index:1;font-variant-numeric:tabular-nums}.step.active .step-dot{background:var(--accent);border-color:var(--accent-hover);color:#fff;box-shadow:var(--ring)}.step.completed .step-dot{background:var(--green-100);border-color:var(--green-300);color:var(--green-700)}.step-label{font-size:11px;font-weight:500;color:var(--gray-500);margin-top:6px;text-align:center}.step.active .step-label,.step.completed .step-label{color:var(--green-700);font-weight:600}.notification-dot{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:var(--error);border-radius:50%;border:2px solid #fff}.popover{background:var(--surface);border-radius:14px;border:1px solid var(--line);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;color:var(--gray-900);animation:riseIn .18s var(--ease)}.popover-header{padding:12px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);font-weight:600;font-size:14.5px}.popover-item{padding:12px 16px;border-bottom:1px solid var(--gray-100);cursor:pointer;display:flex;gap:10px;background:var(--surface);transition:background var(--fast) var(--ease)}.popover-item.unread{background:var(--green-50)}.popover-item:active{background:var(--gray-50)}.popover-item:last-child{border-bottom:none}.install-banner{background:var(--surface);color:var(--gray-900);padding:12px 14px;display:flex;align-items:center;gap:12px;border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow-xs);margin:0 var(--page-x) 10px}.install-banner-icon{width:40px;height:40px;border-radius:10px;background:var(--green-50);color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.install-banner-text{flex:1;min-width:0}.install-banner-title{font-size:14px;font-weight:600}.install-banner-sub{font-size:12.5px;color:var(--gray-500);margin-top:1px;line-height:1.4}.install-banner-btn{background:var(--accent);color:#fff;height:34px;padding:0 12px;border-radius:8px;font-size:13px;font-weight:600;border:1px solid var(--accent-hover);white-space:nowrap;box-shadow:var(--shadow-btn)}.tier-badge{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.tier-bronze{background:var(--warning-light);color:var(--warning-text)}.tier-silver{background:var(--gray-100);color:var(--gray-700)}.tier-gold{background:#fdf0c8;color:#7a4d00}.tier-platinum{background:var(--mint);color:var(--success-text)}.profile-head{display:flex;align-items:center;gap:14px;padding:8px var(--page-x) 12px}.profile-name{font-size:18px;font-weight:600;color:var(--gray-900);letter-spacing:-.01em}.profile-sub{font-size:13px;color:var(--gray-500);margin-top:1px;word-break:break-word}.field-row{padding:12px 16px;border-bottom:1px solid var(--gray-100);display:flex;align-items:center;gap:12px}.field-row:last-child{border-bottom:none}.field-label{font-size:12px;color:var(--gray-500);margin-bottom:2px}.field-value{font-size:14px;font-weight:600;color:var(--gray-900);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.field-note{font-size:11.5px;margin-top:3px;line-height:1.4}.field-note.warning{color:var(--warning-text)}.field-note.error{color:var(--error-text)}.field-note.muted{color:var(--gray-500)}.fix-btn{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 10px;background:var(--surface);border:1px solid var(--line-strong);border-radius:8px;font-size:12.5px;font-weight:600;color:var(--gray-700);flex-shrink:0;box-shadow:var(--shadow-xs)}.fix-btn:active{background:var(--gray-50)}.help-note{font-size:12px;color:var(--gray-500);margin:8px 2px 0;line-height:1.5}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes riseIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.animate-in{animation:riseIn .22s var(--ease)}.animate-scale{animation:scaleIn .2s var(--ease)}.progress-circle{position:relative;display:inline-flex;align-items:center;justify-content:center}.progress-circle-text{position:absolute;font-size:14px;font-weight:600;color:var(--gray-800);font-variant-numeric:tabular-nums}.skeleton{background:linear-gradient(90deg,var(--gray-100) 0%,var(--gray-50) 50%,var(--gray-100) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.px-20{padding-left:var(--page-x);padding-right:var(--page-x)}.py-20{padding-top:20px;padding-bottom:20px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-20{margin-bottom:20px}.mb-24{margin-bottom:24px}.mt-12{margin-top:12px}.mt-20{margin-top:20px}.text-center{text-align:center}.text-right{text-align:right}.font-bold{font-weight:600}.text-sm{font-size:13px}.text-xs{font-size:12px}.text-gray{color:var(--gray-500)}.text-primary{color:var(--accent)}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.hidden{display:none}@media(min-width:640px){body{max-width:480px;margin:0 auto;border-left:1px solid var(--line);border-right:1px solid var(--line);position:relative;min-height:100vh}.bottom-nav{max-width:480px;left:50%;transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}