@import url('/fonts/fonts.css');
:root{--accent:#ff7700;--brand-blue:#b54708;--brand-hover:#913707;--navy-primary:#272522;--navy-dark:#292622;--navy-light:#a45820;--text-main:#282725;--text-muted:#756f67;--border-color:#ebe6df;--bg-main:#f7f6f2;--bg-card:#fff;--success:#25704c;--success-bg:#eaf4ee;--danger:#ae3c35;--danger-bg:#fff0ed;--warning:#93631c;--warning-bg:#fcf3dc;--info:#5d6076;--info-bg:#f0eff7;--shadow:0 4px 22px #3d2a1210;--ring:0 0 0 3px #ff770026}
*{box-sizing:border-box;margin:0;padding:0}body,button,input,select,textarea{font-family:'Noto Sans Thai',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}body{background:var(--bg-main);color:var(--text-main);font-size:13px;line-height:1.65;height:100dvh;overflow:hidden;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}button,input,select,textarea{font-size:13px}button{cursor:pointer}button,a,input,select,textarea{touch-action:manipulation}a{color:var(--brand-blue)}button{transition:background .18s,transform .18s,box-shadow .18s}button:active:not(:disabled){transform:translateY(1px)}:focus-visible{outline:2px solid #57534e;outline-offset:3px}.hidden{display:none!important}.icon{display:inline-block;flex:none;vertical-align:middle}.demo-banner{background:#fff5e9;color:#83512b;min-height:30px;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;letter-spacing:.025em;border-bottom:1px solid #efdac5;padding:5px 12px}.demo-dot{width:5px;height:5px;background:#c15b17;border-radius:50%}.demo-divider{opacity:.4}.app-layout{display:flex;flex:1;min-height:0;overflow:hidden}.sidebar{width:232px;flex-shrink:0;background:#fffdf9;border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:28px 17px 18px}.brand{display:flex;gap:11px;align-items:center;padding:0 11px;margin-bottom:30px}.brand-icon{height:37px;width:37px;border-radius:13px;background:linear-gradient(135deg,#ffab43,#f37820 60%,#dc5618);color:#fff;display:grid;place-items:center;box-shadow:0 5px 13px #eb792230}.brand-icon .icon{width:22px;height:22px}.brand-text h2{font-family:Arial,sans-serif;font-size:24px;letter-spacing:-1px;line-height:1.15;font-weight:750}.brand-period{color:#ed761f}.brand-text p{font-size:7px;letter-spacing:1.2px;margin-top:5px;color:#797167}.nav-menu{display:flex;flex-direction:column;gap:4px;flex:1}.nav-section{padding:0 14px;margin:4px 0 7px;font-size:10px;color:#938a7d;letter-spacing:.04em}.section-gap{margin-top:23px}.nav-item{width:100%;display:flex;align-items:center;gap:11px;min-height:43px;padding:10px 13px;border:0;background:none;border-radius:10px;text-align:left;color:#746d65;font-size:12px;font-weight:500}.nav-item .icon{width:18px;height:18px;stroke-width:1.55}.nav-item:hover{background:#f5f1eb;color:#4f3b2b}.nav-item.active{color:#ac4c10;background:linear-gradient(100deg,#ffedda,#fff3e8);font-weight:650}.nav-item.active .icon{stroke-width:2}.nav-new{margin-left:auto;font-size:7px;letter-spacing:.07em;background:#f1d8c0;color:#874411;padding:2px 4px;border-radius:4px}.sidebar-footer{border-top:1px solid var(--border-color);padding-top:17px}.user-pill{display:flex;align-items:center;gap:8px;color:#8a8075;font-size:10px;padding:8px 10px}.user-pill .icon{width:15px;height:15px}.sidebar-footer .btn{font-size:11px;justify-content:flex-start;background:none;color:#777064}.main-content{flex:1;min-width:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;padding:24px 32px 48px;scroll-behavior:smooth}.top-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:23px}.eyebrow{font-size:8px;color:#9a8a76;letter-spacing:1.8px;font-weight:650}.page-heading h1{font-size:21px;letter-spacing:-.55px;font-weight:650;line-height:1.6}.actions-bar{display:flex;align-items:center;gap:10px}.actions-bar select{width:auto;max-width:175px;font-size:11px;min-height:38px;background:#fffdf9}.btn{border:1px solid transparent;padding:10px 15px;min-height:41px;border-radius:10px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.4;white-space:normal}.btn .icon{width:17px;height:17px}.btn-primary{background:linear-gradient(115deg,#bd500c,#a6400a);color:#fff;box-shadow:0 3px 8px #91370713}.btn-primary:hover:not(:disabled){box-shadow:0 5px 12px #91370724;background:#983b08}.btn-secondary{background:#f6f3ee;color:#62564a;border-color:#e8e1d7}.btn-secondary:hover:not(:disabled){background:#eee7de}.btn-danger{background:#a3332e;color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-quiet{color:#94683c;background:transparent;padding:5px 0;border:0;min-height:36px}.btn-icon{display:grid;place-items:center;height:40px;width:40px;background:#f5f2ed;border:0;border-radius:50%;color:#81705f}.select-input,.input-field{display:block;width:100%;min-height:44px;padding:10px 12px;background:#fff;border:1px solid #e2dbd2;color:var(--text-main);border-radius:9px;outline:none;transition:border-color .18s,box-shadow .18s}.input-field:focus,.select-input:focus{border-color:#a8a29e;box-shadow:0 1px 4px #29252408;outline:none;background:#fff}input::placeholder,textarea::placeholder{color:#aaa095;font-weight:400}.view-container{display:flex;flex-direction:column;gap:19px;max-width:1460px;margin:0 auto;animation:view-in .28s ease both}.view-container>h3{font-size:15px}.grid-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:14px}.card{min-width:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:15px;padding:20px;box-shadow:0 2px 3px #3d2a1203}.card-title{font-size:11px;font-weight:500;color:#80746a;margin-bottom:8px}.card-value{font-size:24px;font-weight:650;letter-spacing:-.65px;font-variant-numeric:tabular-nums;line-height:1.4}.card-subtext{font-size:10px;color:var(--text-muted);margin-top:8px}.card-safe-cash{background:#fff1e0;border-color:#ead4b9}.dashboard-hero{border:1px solid #eed5b8;border-radius:19px;background:radial-gradient(ellipse at 94% 2%,#ffe0b0 0%,transparent 52%),linear-gradient(114deg,#fff8ee 0%,#ffeddb 62%,#ffd9b2 100%);position:relative;overflow:hidden;padding:25px 28px;display:grid;grid-template-columns:1.3fr 1fr;gap:25px;min-height:191px}.hero-label{font-size:11px;color:#936a45;display:flex;align-items:center;gap:7px}.hero-value{font-size:32px;font-weight:650;letter-spacing:-1px;font-variant-numeric:tabular-nums;margin:10px 0 5px;color:#653f23}.hero-note{font-size:10px;color:#927455;max-width:390px}.hero-actions{display:flex;gap:9px;margin-top:15px}.hero-orbit{display:flex;align-items:center;gap:18px;justify-content:flex-end;position:relative}.orbit-ring{width:124px;height:124px;flex:none;border-radius:50%;border:1px solid #daa25c6b;box-shadow:0 0 0 13px #f9c88b29,0 0 0 27px #f9c88b17;display:grid;place-items:center}.orbit-core{width:72px;height:72px;border-radius:26px;display:grid;place-items:center;background:linear-gradient(140deg,#ffba5e,#f1802f);box-shadow:0 8px 25px #c4742330;color:#814019;transform:rotate(-9deg)}.orbit-core .icon{width:32px;height:32px;transform:rotate(9deg)}.hero-side{z-index:1;max-width:145px}.hero-side strong{font-size:12px;font-weight:600;display:block;margin-bottom:7px;color:#704928}.hero-side p{font-size:10px;line-height:1.9;color:#967250}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.stat-icon{width:32px;height:32px;border-radius:10px;background:#f7f3ed;display:grid;place-items:center;color:#a2734a}.stat-icon .icon{width:17px}.stat-card .card-value{font-size:22px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.section-head h3{font-size:13px;font-weight:650}.section-head p{font-size:10px;color:var(--text-muted);margin-top:3px}.two-col{display:grid;grid-template-columns:1.2fr 1fr;gap:16px}.stack{display:flex;flex-direction:column;gap:11px}.action-tile{display:flex;align-items:center;gap:12px;width:100%;padding:13px;border:1px solid #ece5db;background:#fffdf9;border-radius:12px;text-align:left;color:var(--text-main)}.action-tile:hover{background:#fff4e6;border-color:#e8c79f}.action-tile .tile-icon{height:36px;width:36px;flex:none;border-radius:11px;background:#f9ecd9;color:#b37637;display:grid;place-items:center}.action-tile strong{display:block;font-size:11px;font-weight:600}.action-tile small{display:block;font-size:9px;color:var(--text-muted);margin-top:3px}.action-tile>.icon{margin-left:auto;width:16px;color:#b2a394}.budget-row{padding:10px 0;border-bottom:1px solid #f1ede8}.budget-row:last-child{border:0}.budget-row header{display:flex;justify-content:space-between;font-size:11px;margin-bottom:8px}.budget-row small{font-size:9px;color:var(--text-muted)}progress{appearance:none;display:block;width:100%;height:5px;border:0;border-radius:8px;overflow:hidden;background:#f1ede8}progress::-webkit-progress-bar{background:#f1ede8;border-radius:8px}progress::-webkit-progress-value{background:linear-gradient(90deg,#f7b865,#d98338);border-radius:8px}progress::-moz-progress-bar{background:#d98338}.table-container{border:1px solid var(--border-color);border-radius:14px;overflow:auto;background:#fff;min-width:0}.data-table{width:100%;border-collapse:collapse;font-size:11px;text-align:left}.data-table th{font-size:9px;letter-spacing:.02em;background:#fcfaf7;color:#918373;font-weight:500;border-bottom:1px solid var(--border-color);padding:12px 17px;white-space:nowrap}.data-table td{padding:13px 17px;border-bottom:1px solid #f0ece6;font-variant-numeric:tabular-nums}.data-table tr:last-child td{border:0}.data-table tbody tr:hover{background:#fffcf7}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:6px;font-size:9px;font-weight:500;line-height:1.5}.badge-info{background:var(--info-bg);color:var(--info)}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.account-mark{width:30px;height:30px;border-radius:9px;display:inline-grid;place-items:center;background:#f2ebe2;color:#876445;margin-right:9px}.loading-state{padding:50px;text-align:center;font-size:12px;color:#9a8a77}.loading-state::before{content:'';display:block;width:23px;height:23px;border:2px solid #efdfca;border-top-color:#b86c2d;border-radius:50%;margin:0 auto 13px;animation:spin .8s linear infinite}.modal-overlay,.auth-overlay{position:fixed;inset:0;z-index:1000;background:#201a1359;backdrop-filter:blur(6px);display:flex;align-items:stretch;justify-content:flex-end;padding:15px;overflow:hidden}.modal-content{width:100%;max-width:600px;border-radius:20px;background:#fffcf8;box-shadow:0 15px 60px #29170426;padding:25px;overflow-y:auto;animation:sheet-in .24s ease;scrollbar-width:thin}.modal-header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid #eae1d5}.modal-header h3{font-size:17px;font-weight:600;letter-spacing:-.35px}.auth-overlay{align-items:center;justify-content:center}.auth-card{max-width:420px;width:100%;border:1px solid #efddc4;border-radius:23px;background:linear-gradient(155deg,#fffdf9,#fff2df);padding:34px;box-shadow:var(--shadow)}.auth-card h2{font-size:21px;margin-top:15px}.form-group{margin-bottom:15px}.form-group label,.field-label{display:block;font-size:11px;font-weight:500;color:#796a5b;margin-bottom:6px}.field-label input,.field-label select{margin-top:6px}.form-help{display:block;font-size:10px;color:#8f8275;margin:5px 0 13px;line-height:1.7}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.amount-entry{padding:16px 18px;border:1px solid #edd7bb;background:linear-gradient(120deg,#fff5e6,#ffecd5);border-radius:14px;margin-bottom:19px}.amount-entry label{font-size:11px;color:#8a6745}.amount-entry input{background:transparent;border:0;border-bottom:1px solid #e2c39c;border-radius:0;padding:8px 0;font-size:29px;font-weight:600;letter-spacing:-.8px;color:#684522;box-shadow:none!important}.amount-entry input::placeholder{color:#c3a180}.choice-chips{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 18px}.choice-chip{min-height:38px;font-size:10px;border:1px solid #e7ded2;border-radius:8px;padding:7px 10px;background:#fff;color:#857561}.choice-chip.active{border-color:#cb8e53;background:#fff0da;color:#914c19}.review-box{background:#f3ede4;border:1px solid #e4d8c9;border-radius:11px;padding:13px 15px;font-size:11px;line-height:1.9;margin:14px 0;color:#76624c}.form-error{background:#fff0ea;border-radius:8px;padding:10px 12px;margin:12px 0!important;outline:none}.form-error:empty{display:none}.form-footer{position:sticky;bottom:-25px;background:#fffcf8ed;backdrop-filter:blur(6px);border-top:1px solid #ece1d4;padding:15px 0 4px;margin-top:20px;z-index:2}.modal-content [data-index]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:15px;margin-bottom:12px;border-radius:13px}.modal-content [data-index]>.btn-danger{justify-self:start;grid-column:1/-1;font-size:10px;min-height:32px;padding:5px 10px;background:#f8e5df;color:#9f5142}.modal-content [data-index] label{margin:0;min-width:0}.modal-content .grid-cols-2{gap:12px}.modal-content form>button[type=submit]{position:sticky;bottom:0;box-shadow:0 -5px 15px #fffcf8;min-height:46px}.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:2000;background:#352e26;color:#fff9ed;box-shadow:0 8px 30px #0002;border-radius:12px;font-size:12px;padding:12px 21px;max-width:90vw;animation:view-in .2s ease}.bottom-nav{display:none}.empty-state{padding:30px 15px;text-align:center;color:#8e8172}.empty-state .icon{width:30px;height:30px;color:#cfaa7a;margin-bottom:10px}.empty-state h3{font-size:13px;color:#685744;margin-bottom:5px}.empty-state p{font-size:11px;max-width:350px;margin:0 auto 15px}.intro-card{display:flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid #edd6b7;background:linear-gradient(120deg,#fff9ed,#ffe4c0);padding:21px 24px;border-radius:15px}.intro-card h2{font-size:17px;letter-spacing:-.4px;margin:4px 0 6px;color:#77512d}.intro-card p{font-size:11px;color:#927252;max-width:530px}.segmented{display:inline-flex;gap:4px;padding:4px;border-radius:10px;background:#eee8df;flex-wrap:wrap}.segmented button{border:0;border-radius:7px;background:none;color:#857563;font-size:11px;padding:7px 13px;min-height:35px}.segmented button.active{background:#fffdf8;color:#8a501f;box-shadow:0 2px 5px #56330f10}.purpose-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:13px}.purpose-card{border:1px solid #e9e0d4;background:#fff;border-radius:13px;padding:17px}.purpose-card header{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.purpose-card h3{font-size:12px}.purpose-card .amount{font-size:21px;font-weight:600;margin:8px 0;color:#665039;font-variant-numeric:tabular-nums}.purpose-card p{font-size:10px;color:#8b7b68}.metric-label{font-size:10px;color:#9b8267}.metric-large{font-size:27px;font-weight:650;font-variant-numeric:tabular-nums;color:#8a4e1b;margin:8px 0}.muted-panel{background:#f4f0e9;border:1px solid #e7dfd3;border-radius:12px;padding:15px;font-size:11px;color:#84735e}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.comparison-card{border:1px solid #e6d8c5;border-radius:14px;padding:21px;background:#fffdf8}.comparison-card.best{border-color:#d6954c;background:linear-gradient(155deg,#fff7e8,#ffe8c6)}.comparison-card h3{font-size:14px;font-weight:600}.comparison-card .card-subtext{font-size:10px}.plan-row{display:grid;grid-template-columns:minmax(110px,1fr) 110px;gap:9px;padding:14px 0;border-bottom:1px solid #eee5da}.plan-row-details{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px}.plan-row .input-field{font-size:12px}.plan-row .field-label{font-size:10px}.plan-row-title{font-size:12px;font-weight:600}.route-more{display:grid;grid-template-columns:1fr 1fr;gap:12px}.inline-note{display:flex;gap:8px;font-size:10px;line-height:1.8;color:#8c765c;padding:10px 0}.inline-note .icon{height:15px;width:15px;margin-top:2px;flex:none}.list-line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #eee8e0}.list-line:last-child{border:0}.list-line strong{font-size:12px}.list-line small{display:block;color:var(--text-muted);font-size:10px}.list-line .btn{font-size:10px;min-height:36px;padding:7px 11px}
.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:0}.mr-2{margin-right:8px}.w-full{width:100%}.text-center{text-align:center}.text-sm{font-size:11px}.text-xs{font-size:10px}.text-muted{color:var(--text-muted)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-primary{color:var(--navy-primary)}.font-bold{font-weight:650}.font-semibold{font-weight:600}.flex{display:flex}.justify-between{justify-content:space-between}.items-center{align-items:center}.gap-2{gap:8px}.p-2{padding:8px}.p-3{padding:12px}.rounded{border-radius:10px}.bg-card{background:var(--bg-card)}.border{border:1px solid var(--border-color)}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.mx-auto{margin-left:auto;margin-right:auto}.bg-warning{background:var(--warning-bg)}.border-warning{border:1px solid #e5c991}.border-b{border-bottom:1px solid var(--border-color)}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes view-in{from{opacity:0;translate:0 7px}to{opacity:1;translate:0 0}}@keyframes sheet-in{from{opacity:0;translate:20px 0}to{opacity:1;translate:0 0}}
@media(min-width:1600px){.main-content{padding:28px 4vw}.hero-value{font-size:32px}}
@media(max-width:1100px){.sidebar{width:207px;padding:24px 12px}.main-content{padding:22px}.hero-orbit{gap:12px}.orbit-ring{width:92px;height:92px}.hero-side{max-width:125px}.two-col{grid-template-columns:1fr 1fr}}
@media(max-width:820px){body{font-size:13px}.sidebar{display:none}.main-content{padding:19px 17px 100px}.top-bar{gap:10px;align-items:center;margin-bottom:18px}.eyebrow{font-size:7px}.page-heading h1{font-size:19px}.actions-bar{gap:7px}.actions-bar .btn{padding:9px;font-size:10px;min-height:38px}.actions-bar .btn .icon{width:14px;height:14px}.actions-bar select{max-width:127px;font-size:10px;padding:8px}.dashboard-hero{padding:22px;grid-template-columns:1fr;gap:15px}.hero-orbit{display:none}.hero-value{font-size:31px}.hero-note{font-size:10px}.hero-actions .btn{font-size:11px;min-height:40px}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.stat-card{padding:12px 11px;border-radius:12px}.stat-card-top{margin-bottom:7px}.stat-icon{display:none}.stat-card .card-value{font-size:17px;letter-spacing:-.8px}.stat-card .card-title{font-size:9px;margin:0}.stat-card .card-subtext{font-size:8px;margin-top:6px}.two-col{grid-template-columns:1fr}.card{padding:17px}.view-container{gap:15px}.grid-cards:not(.stat-grid){grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;padding:7px 8px calc(8px + env(safe-area-inset-bottom));background:#fffdf8f5;backdrop-filter:blur(16px);border-top:1px solid #e6dece;z-index:100;box-shadow:0 -8px 25px #5c3c1007;justify-content:space-around}.b-nav-item{background:none;border:0;color:#9a8b78;min-width:44px;min-height:47px;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:10px;font-size:9px}.b-nav-item .icon{width:19px;height:19px}.b-nav-item.active{background:#fff0dd;color:#a3531c;font-weight:650}.b-nav-item.active .icon{stroke-width:2}.modal-overlay{padding:0;align-items:flex-end}.modal-content{max-width:none;max-height:94dvh;border-radius:23px 23px 0 0;padding:23px 20px calc(24px + env(safe-area-inset-bottom));animation:sheet-in .22s ease}.modal-header{margin-bottom:20px}.modal-content::before{content:'';display:block;width:34px;height:4px;background:#e4d7c7;border-radius:4px;margin:-12px auto 15px}.modal-content input,.modal-content select,.modal-content textarea{font-size:16px;min-height:46px}.modal-content label{font-size:11px}.modal-content .amount-entry input{font-size:29px}.modal-content [data-index]{grid-template-columns:1fr}.modal-content [data-index] .btn-danger{grid-column:auto}.form-footer{bottom:-24px}.intro-card{padding:19px;gap:12px;align-items:flex-start}.intro-card h2{font-size:16px}.intro-card .btn{font-size:11px;flex-shrink:0;padding:9px}.comparison-card{padding:16px}.comparison-card h3{font-size:12px}.metric-large{font-size:25px}.form-grid{gap:10px}.purpose-grid{grid-template-columns:1fr}.data-table{font-size:11px}.data-table th,.data-table td{padding:11px 13px}.demo-banner{font-size:8px;min-height:27px;gap:5px}.toast{bottom:90px;font-size:11px}.auth-card{margin:20px;padding:28px}.route-more{grid-template-columns:1fr}.plan-row-details{grid-template-columns:1fr}.hero-actions{flex-wrap:wrap}.table-container .btn{font-size:10px;padding:7px 10px;min-height:34px}}
@media(max-width:390px){.actions-bar .btn span:not([data-icon]){font-size:9px}.actions-bar select{max-width:115px}.main-content{padding-left:13px;padding-right:13px}.stat-card .card-value{font-size:15px}.stat-card .card-title{font-size:8px}.form-grid{grid-template-columns:1fr}.hero-value{font-size:29px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{body{display:none!important}}
.route-surface{display:flex;flex-direction:column;gap:19px;animation:view-in .25s ease both}.route-surface>h3{font-size:14px}.icon{max-width:100%}.modal-content .hidden{display:none!important}.route-surface h3{font-size:14px}.route-surface h2:not(.intro-card h2){font-size:19px}@media(max-width:820px){.route-surface{gap:15px}.route-surface>.flex{flex-wrap:wrap;gap:9px}.route-surface .card-value{overflow-wrap:anywhere}}
/* Touch journeys are the base layout; wider screens enhance them. */
input:focus,textarea:focus{outline:none;caret-color:#57534e}
input:focus-visible,textarea:focus-visible{outline:2px solid #a8a29e;outline-offset:2px}
input:focus:not(:focus-visible),textarea:focus:not(:focus-visible){outline:none}
#modal-title:focus,.modal-content:focus{outline:none}
.amount-entry input:focus{outline:none;border-color:transparent;box-shadow:none}
.modal-content{overscroll-behavior:contain;scroll-padding-bottom:90px}
.debt-grid{display:grid;gap:15px;grid-template-columns:1fr}
.debt-card{background:#fff;border:1px solid var(--border-color);border-radius:19px;padding:21px;min-width:0}
.debt-card h3{margin:14px 0 5px}.debt-amount{font-size:27px;font-weight:650;letter-spacing:-.9px;margin:5px 0 14px;font-variant-numeric:tabular-nums}
.debt-avatar{display:grid;place-items:center;width:39px;height:39px;border-radius:14px;background:#f5ebdf;color:#805333;font-size:16px}
.debt-meta{display:flex;justify-content:space-between;font-size:10px;color:var(--text-muted);margin:9px 0 18px;gap:8px}
.debt-due{display:flex;gap:8px;align-items:center;font-size:12px;margin-bottom:15px}.debt-due svg{width:16px;height:16px}
.debt-note{font-size:12px;color:var(--text-muted);overflow-wrap:anywhere;margin:12px 0}
.debt-history{margin-top:18px;font-size:11px;border-top:1px solid var(--border-color);padding-top:14px}.debt-history summary{cursor:pointer;min-height:32px}.debt-history>div{display:flex;justify-content:space-between;padding:8px 0}
.debt-summary{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;font-size:12px}.debt-summary strong{display:block;font-size:25px;font-weight:600;margin-top:4px}.debt-picker{display:grid;gap:10px}.debt-card.is-overdue{border-color:#debda1}
.tax-checklist{display:grid;gap:8px}.tax-checklist a{font-size:11px}.tax-breakdown{display:grid;gap:0}.tax-breakdown>div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--border-color);font-size:12px}.tax-breakdown strong{text-align:right}.tax-checklist label{display:flex;gap:10px;align-items:flex-start}.tax-checklist input[type=checkbox]{width:18px;height:18px;min-height:18px;accent-color:#57534e;margin-top:3px}
@media(min-width:680px){.debt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1200px){.debt-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.btn,.btn-icon,.choice-chip{min-height:44px}.btn-icon{min-width:44px}.choice-chips{gap:7px}.choice-chip{padding:9px 12px}.input-field,.select-input{font-size:16px}input[type=checkbox]{min-height:20px}.main-content{padding-bottom:calc(100px + env(safe-area-inset-bottom))}.bottom-nav{padding-bottom:env(safe-area-inset-bottom)}.modal-content{max-height:calc(100dvh - 12px);max-height:calc(100svh - 12px)}.modal-content form>button[type=submit]{bottom:0}.form-grid{grid-template-columns:1fr}.debt-card .btn{flex:1}.debt-card .btn-quiet{flex:0 0 auto}.actions-bar .select-input{font-size:12px}.page-heading .eyebrow{display:none}.demo-banner{font-size:9px}.stat-card .stat-value{font-size:16px}.route-surface{overflow-wrap:anywhere}}
@media(max-width:640px){.table-container{overflow:visible;border:0;background:transparent}.data-table{display:block;min-width:0;width:100%;border:0}.data-table thead{display:none}.data-table tbody{display:grid;gap:12px}.data-table tr{display:block;background:#fff;border:1px solid var(--border-color);border-radius:15px;padding:12px 15px}.data-table td{display:flex;justify-content:space-between;align-items:baseline;gap:15px;padding:7px 0;border:0;white-space:normal;overflow-wrap:anywhere;text-align:right;font-size:12px;min-width:0}.data-table td::before{content:attr(data-label);color:#8a8177;font-size:11px;text-align:left;flex:0 0 29%}.data-table td[colspan]::before{display:none}.data-table td:last-child .btn{margin-left:auto}.data-table .badge{white-space:normal}.grid-cards{grid-template-columns:1fr 1fr}.grid-cards>.card:first-child:last-child{grid-column:1/-1}.grid-cards .card{padding:16px}.grid-cards .card-value{font-size:23px}.intro-card{padding:21px}.intro-card h2{font-size:23px}}
@media(max-width:360px){.grid-cards{grid-template-columns:1fr}.main-content{padding-left:12px;padding-right:12px}.actions-bar{gap:5px}.actions-bar .btn{padding:8px 10px}}
.quick-hide{position:fixed;right:17px;bottom:20px;z-index:950;display:none;align-items:center;justify-content:center;gap:7px;border:1px solid #c8c3bc;border-radius:100px;padding:12px 16px;background:#35332f;color:#fff;box-shadow:0 5px 19px #30261c20;min-width:50px;min-height:48px;font-size:11px;cursor:pointer}
.signed-in .quick-hide{display:flex}.privacy-screen{position:fixed;inset:0;z-index:4000;display:grid;place-items:center;background:#f7f6f2;padding:24px}.privacy-card{text-align:center;max-width:320px}.privacy-card h2{font-size:22px;margin-top:25px}.privacy-card p{color:#827b72;font-size:13px;margin:12px 0 25px}.privacy-emblem{font-size:45px;letter-spacing:-4px;font-weight:700;color:#51473d}.privacy-emblem span{color:#c77938}.privacy-hidden .app-layout,.privacy-hidden .modal-overlay,.privacy-hidden .auth-overlay,.privacy-hidden .quick-hide,.privacy-hidden .toast,.privacy-hidden .demo-banner{visibility:hidden!important}.privacy-hidden{background:#f7f6f2}
.check-row{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.7}.check-row input{width:18px;height:18px;min-height:18px!important;accent-color:#57534e;margin-top:3px}
@media(max-width:820px){.quick-hide{bottom:calc(88px + env(safe-area-inset-bottom));right:14px;padding:11px 14px}.modal-overlay:not(.hidden)~.quick-hide{z-index:1100;bottom:calc(85px + env(safe-area-inset-bottom))}}

.amount-entry input{display:block;width:100%;min-width:0;border-bottom:0}.progress-track{height:5px;background:#f0ece6;border-radius:10px;overflow:hidden}.progress-track>span{display:block;height:100%;background:linear-gradient(90deg,#eea34a,#cd7333);border-radius:10px}
@media(max-width:640px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-grid>.stat-card:last-child:nth-child(odd){grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:5px 12px}.stat-grid>.stat-card:last-child:nth-child(odd) .card-value{grid-column:2;grid-row:1/3;margin:0;font-size:22px;align-self:center}.stat-grid>.stat-card:last-child:nth-child(odd) .card-subtext{grid-column:1;grid-row:2}.stat-grid>.stat-card:last-child:nth-child(odd) .stat-top{display:contents}.stat-grid>.stat-card:last-child:nth-child(odd) .stat-icon{display:none}}