:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark;--bg:#0f0f0f;--side:#141414;--surface:#191919;--surface2:#212121;--surface3:#282828;--line:#333333;--text:#f6f6f6;--muted:#9a9a9a;--accent:#b3b3b3;--accent2:#5a5a5a;--red:#979797;--gold:#bdbdbd;--blue:#b3b3b3;--white:#fff;--shadow:0 16px 45px #00000018;--radius:17px;--chart:#b3b3b3;}
:root[data-theme=light]{color-scheme:light;--bg:#f6f6f6;--side:#fff;--surface:#fff;--surface2:#f2f2f2;--surface3:#ededed;--line:#e3e3e3;--text:#262626;--muted:#767676;--accent:#626262;--accent2:#ebebeb;--red:#666666;--gold:#7c7c7c;--blue:#626262;--shadow:0 14px 35px #26262610;--chart:#626262;}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--text);transition:background-color .25s ease,color .25s ease}button,input,select,textarea{font:inherit}button{cursor:pointer;transition:transform .16s cubic-bezier(.22,1,.36,1),background-color .18s ease,border-color .18s ease,opacity .18s ease}button:active:not(:disabled){transform:scale(.965)}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}small,.small{font-size:12px}strong{font-weight:700}svg{vertical-align:middle}h1,h2,h3,p{margin-top:0}h1{font-size:29px;letter-spacing:-1px;margin-bottom:7px}h2{font-size:17px;letter-spacing:-.3px;margin:0}h3{font-size:15px;margin:0 0 6px}p{line-height:1.5}input,select,textarea{color:var(--text);background:var(--surface2);border:1px solid var(--line);outline:0;border-radius:12px;padding:11px 13px;width:100%;transition:border-color .2s,box-shadow .2s,background-color .2s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--text) 12%,transparent)}input[type=date]{color-scheme:dark}body:has([data-theme=light]) input[type=date]{color-scheme:light}input[type=file]{font-size:12px}.muted{color:var(--muted)}.positive{color:var(--accent)!important}.negative{color:var(--red)!important}.gold{color:var(--gold)}.blue{color:var(--blue)}.mono{font-variant-numeric:tabular-nums;letter-spacing:-.2px}.tiny{font-size:11px}.eyebrow{text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:1.5px;color:var(--muted)}
.startup-error{max-width:560px;margin:clamp(32px,12vh,120px) auto;padding:24px;text-align:center}.startup-error[hidden]{display:none}.startup-error h1{font-size:24px;margin-bottom:14px}.startup-error p{line-height:1.6;color:var(--muted);margin-bottom:18px}.startup-error .btn{margin:5px}.brand-mark{height:37px;width:37px;background:var(--accent);color:#1e1e1e;display:grid;place-items:center;border-radius:12px;font-weight:900;font-size:24px;box-shadow:0 6px 24px #b3b3b322;flex:none}
.shell{display:flex;min-height:100vh}.sidebar{width:248px;min-width:248px;background:var(--side);border-right:1px solid var(--line);padding:27px 13px 20px;position:fixed;top:0;bottom:0;left:0;overflow:auto;scrollbar-width:thin}.brand{display:flex;align-items:center;gap:11px;padding:0 12px 30px}.brand-name{font-size:19px;font-weight:800;letter-spacing:-.6px}.brand-sub{font-size:10px;color:var(--muted);letter-spacing:1.1px;font-weight:700}.sidebar-label{color:var(--muted);font-size:10px;font-weight:800;letter-spacing:1.2px;padding:14px 15px 9px;text-transform:uppercase}.nav{display:flex;align-items:center;gap:12px;width:100%;border:0;background:none;color:var(--muted);text-align:left;font-size:13px;font-weight:600;padding:11px 13px;border-radius:11px;margin:2px 0;transition:all .18s ease}.nav:hover{background:var(--surface2);color:var(--text);transform:translateX(2px)}.nav.active{background:linear-gradient(95deg,#3f3f3f,#2e2e2e);color:#d0d0d0}.nav svg{width:17px;height:17px}.sidebar-foot{margin-top:38px;padding:14px 12px;border-top:1px solid var(--line)}.sidebar-user{font-weight:600;font-size:12px;word-break:break-all}.mini-foot{display:flex;gap:9px;align-items:center}.profile-circle{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:var(--surface3);border:1px solid var(--line);color:var(--accent);font-weight:800}
.main{margin-left:248px;width:calc(100% - 248px);min-width:0;padding:25px clamp(19px,3vw,48px) 80px;max-width:1800px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;min-height:42px}.topbar-left{display:flex;align-items:center;gap:14px}.topbar-heading{font-size:12px;color:var(--muted);font-weight:600}.topbar-title{font-size:13px;font-weight:750}.topbar-right{display:flex;gap:9px;align-items:center}.separator{height:24px;width:1px;background:var(--line);margin:0 3px}.avatar{display:grid;place-items:center;background:#424242;color:#cccccc;border:1px solid #5f5f5f;border-radius:50%;height:34px;width:34px;font-weight:750;font-size:11px}.page{animation:pageEnter .28s cubic-bezier(.22,1,.36,1) both}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:24px}.subtitle{color:var(--muted);margin:0;font-size:13px}.page-actions,.button-group{display:flex;gap:8px;flex-wrap:wrap}.btn{border:1px solid var(--line);border-radius:11px;padding:10px 15px;background:var(--surface2);color:var(--text);display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:700;white-space:nowrap;min-height:39px}.btn:hover{border-color:var(--accent2)}.btn.primary{background:var(--accent);color:#1d1d1d;border-color:var(--accent);box-shadow:0 5px 22px #b1b1b11e}.btn.primary:hover{filter:brightness(1.05)}.btn.danger{color:var(--red)}.btn.icon-btn{height:38px;min-height:0;width:38px;padding:0;border-radius:11px}.btn.small-btn{padding:6px 10px;min-height:31px;font-size:11px;border-radius:9px}.btn.no-bg{background:transparent}.btn svg{width:15px;height:15px}
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:0;box-shadow:var(--shadow);transition:transform .22s cubic-bezier(.22,1,.36,1),border-color .2s ease}.kpi{padding:20px;position:relative;overflow:hidden;min-height:130px;animation:popIn .36s cubic-bezier(.22,1,.36,1) both}.kpi:nth-child(2){animation-delay:45ms}.kpi:nth-child(3){animation-delay:90ms}.kpi:nth-child(4){animation-delay:135ms}.kpi .kpi-name{color:var(--muted);font-size:12px;font-weight:620;margin-bottom:17px}.kpi-value{font-weight:800;font-size:clamp(20px,2.1vw,28px);letter-spacing:-1px;white-space:nowrap}.kpi-foot{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--muted);margin-top:12px}.kpi-icon{position:absolute;right:17px;top:15px;width:31px;height:31px;border-radius:10px;background:var(--surface2);display:grid;place-items:center;color:var(--muted)}.kpi-featured{background:linear-gradient(130deg,#3b3b3b 0%,#2c2c2c 50%,#232323 100%);border-color:#4e4e4e}.kpi-featured .kpi-value{color:#f7f7f7}.kpi-featured .kpi-name,.kpi-featured .kpi-foot{color:#cfcfcf}.kpi-featured .kpi-icon{background:#525252;color:#e4e4e4}
.dashboard-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);gap:16px;margin-bottom:17px}.card-head{padding:19px 20px 4px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.card-head h2{font-size:15px}.card-pad{padding:18px 20px}.chart-container{padding:12px 20px 18px;min-height:222px}.chart-svg{width:100%;height:210px;overflow:visible}.chart-axis{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin:0 0 5px}.chart-grid{stroke:var(--line);stroke-width:1;stroke-dasharray:3 6;opacity:.8}.chart-line{stroke:var(--chart);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;fill:none;stroke-dasharray:1400;stroke-dashoffset:1400;animation:drawStroke 1.1s cubic-bezier(.22,1,.36,1) forwards}.chart-area{fill:var(--chart);opacity:0;animation:fadeArea .8s ease .15s forwards}.legend{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}.legend-dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}.topmetric{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.topmetric strong{font-size:22px}.donut-wrap{display:flex;gap:19px;align-items:center;padding:14px 20px 22px}.donut{height:142px;width:142px;min-width:142px;border-radius:50%;display:grid;place-items:center;position:relative;animation:donutSpin .65s cubic-bezier(.22,1,.36,1) both}.donut-hole{background:var(--surface);width:96px;height:96px;border-radius:50%;display:grid;place-items:center;text-align:center}.donut-hole strong{font-size:18px}.donut-hole small{color:var(--muted);font-size:9px}.legend-list{flex:1;min-width:0;display:grid;gap:11px}.legend-row{display:flex;align-items:center;gap:8px;font-size:11px}.legend-row .label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dot{height:9px;width:9px;border-radius:3px;flex:none}.columns-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.columns-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.list-card{padding:0}.list-row{display:flex;align-items:center;gap:11px;border-top:1px solid var(--line);padding:13px 18px;min-width:0;transition:background-color .15s ease}.list-row:first-child{border:0}.list-row:hover{background:color-mix(in srgb,var(--surface2) 60%,transparent)}.item-icon{width:36px;height:36px;border-radius:11px;background:var(--surface2);color:var(--accent);display:grid;place-items:center;flex:none;font-weight:800;font-size:13px}.item-body{min-width:0;flex:1}.item-title{font-size:12px;font-weight:750;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.item-sub{font-size:11px;color:var(--muted);margin-top:4px}.item-value{font-size:12px;font-weight:750;white-space:nowrap;text-align:right}.empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;padding:35px 18px;text-align:center;color:var(--muted);font-size:12px}.empty strong{color:var(--text);font-size:13px}.empty svg{width:25px;height:25px;color:var(--accent)}.progress{background:var(--surface3);height:8px;border-radius:10px;overflow:hidden;margin-top:9px}.progress>span{display:block;height:100%;border-radius:10px;background:var(--accent);max-width:100%;transform-origin:left;animation:scaleXIn .75s cubic-bezier(.22,1,.36,1) both}.progress.red>span{background:var(--red)}.progress.gold>span{background:var(--gold)}.number-pill{font-size:11px;font-weight:700;padding:5px 9px;border-radius:30px;background:var(--surface2);color:var(--muted);white-space:nowrap}.status{font-size:10px;font-weight:750;padding:4px 8px;border-radius:30px;background:#434343;color:#cacaca}.status.expense{background:#343434;color:#b2b2b2}.status.transfer{background:#393939;color:#c2c2c2}.status.valuation{background:#454545;color:#d4d4d4}
.table-wrap{width:100%;overflow:auto;scrollbar-width:thin}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;color:var(--muted);font-weight:600;font-size:11px;padding:13px 17px;white-space:nowrap;background:var(--surface2)}td{padding:13px 17px;border-top:1px solid var(--line);vertical-align:middle}td:last-child,th:last-child{text-align:right}tbody tr:hover{background:var(--surface2)}.nowrap{white-space:nowrap}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 17px;flex-wrap:wrap}.toolbar-left{display:flex;align-items:center;gap:9px;flex:1;flex-wrap:wrap}.search{max-width:270px}.filter-select{width:auto;min-width:130px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:0 0 14px}.section-title h2{font-size:16px}.stack{display:grid;gap:15px}.substats{display:flex;gap:24px;padding:16px 21px;border-top:1px solid var(--line);flex-wrap:wrap}.substats>div{min-width:105px}.substats small{display:block;color:var(--muted);margin-bottom:5px}.substats strong{font-size:16px}
.grid-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.account-card{padding:18px;min-height:160px;position:relative;animation:popIn .38s cubic-bezier(.22,1,.36,1) both}.account-head{display:flex;justify-content:space-between;gap:12px}.account-initial{width:40px;height:40px;border-radius:13px;background:var(--surface2);color:var(--accent);font-size:16px;font-weight:800;display:grid;place-items:center}.account-balance{font-size:24px;font-weight:800;margin-top:25px;letter-spacing:-.6px}.account-actions{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.account-type{font-size:11px;color:var(--muted)}.tag{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:7px;padding:5px 8px;font-size:10px;color:var(--muted);font-weight:650}.insight-list{display:grid;gap:12px}.insight{display:flex;gap:11px;align-items:flex-start;padding:13px;background:var(--surface2);border-radius:12px;animation:popIn .36s ease both}.insight-icon{height:30px;width:30px;min-width:30px;display:grid;place-items:center;background:#474747;border-radius:9px;color:var(--accent)}.insight p{margin:3px 0 0;font-size:12px;color:var(--muted)}.insight strong{font-size:12px}.goal-card{padding:18px;animation:popIn .36s cubic-bezier(.22,1,.36,1) both}.goal-top{display:flex;align-items:center;justify-content:space-between}.goal-fig{font-size:22px;font-weight:800;margin-top:18px}.goal-foot{font-size:11px;color:var(--muted);display:flex;justify-content:space-between;align-items:center;margin-top:12px;gap:8px}.banner{border:1px solid #585858;background:linear-gradient(100deg,#333333,#262626);padding:20px;border-radius:16px;display:flex;justify-content:space-between;align-items:center;gap:16px;color:#f5f5f5;margin-bottom:17px}.banner p{margin:6px 0 0;color:#cdcdcd;font-size:12px}.banner strong{font-size:16px}.muted-block{background:var(--surface2);border:1px dashed var(--line);border-radius:13px;padding:18px;color:var(--muted);font-size:12px}.report-preview{padding:25px;line-height:1.75}.report-preview h2{font-size:22px}.report-preview table td:last-child{text-align:right}
.modal-overlay{position:fixed;inset:0;z-index:100;background:#000a;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:18px;animation:fade .18s ease}.modal{width:min(100%,520px);max-height:92vh;overflow:auto;border:1px solid var(--line);background:var(--surface);border-radius:22px;box-shadow:0 28px 100px #0009;animation:popIn .26s cubic-bezier(.22,1,.36,1)}.modal-header{padding:20px 23px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-size:17px}.modal-body{padding:22px 23px}.modal-foot{border-top:1px solid var(--line);padding:15px 23px;display:flex;justify-content:flex-end;gap:8px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field.full{grid-column:1/-1}.field label{font-size:11px;color:var(--muted);font-weight:700}.field-hint{font-size:10px;color:var(--muted)}.error{padding:10px 12px;border-radius:10px;background:#363636;color:#dadada;margin-bottom:13px;font-size:12px;display:none}.pill-tabs{display:inline-flex;padding:4px;background:var(--surface2);border-radius:12px;gap:4px;border:1px solid var(--line)}.pill-tabs button{background:none;border:0;color:var(--muted);font-size:12px;font-weight:700;padding:8px 14px;border-radius:9px;transition:all .18s ease}.pill-tabs button.active{background:var(--text);color:var(--bg);box-shadow:0 3px 10px #0000001a}.auth-screen{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-hero{background:radial-gradient(ellipse at 25% 35%,#484848 0%,#232323 45%,#151515 100%);padding:clamp(30px,6vw,85px);display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.auth-hero h1{font-size:clamp(31px,4vw,58px);max-width:580px;line-height:1.07;letter-spacing:-2px;margin-bottom:17px}.auth-hero p{max-width:400px;color:#c0c0c0;font-size:15px}.auth-form-side{display:grid;place-items:center;padding:24px}.auth-form{max-width:390px;width:100%}.auth-form h2{font-size:27px;letter-spacing:-.8px;margin-bottom:8px}.auth-form .field{margin-top:18px}.auth-note{color:var(--muted);font-size:11px;line-height:1.7}.auth-decoration{border:1px solid #5c5c5c;border-radius:16px;max-width:400px;padding:24px;background:#272727b0}.auth-visual-num{font-size:33px;font-weight:800;letter-spacing:-1.5px}.auth-bar{display:flex;align-items:flex-end;gap:10px;height:72px;margin-top:12px}.auth-bar>span{background:#a4a4a4;border-radius:5px 5px 0 0;flex:1;opacity:.6;transform-origin:bottom;animation:growBar .8s cubic-bezier(.22,1,.36,1) both}.auth-bar>span:last-child{opacity:1}.auth-card-lines{display:flex;gap:11px;margin-top:20px}.auth-card-lines>span{flex:1;background:#ffffff12;border-radius:5px;height:7px}
.toast{position:fixed;bottom:28px;right:28px;background:var(--surface3);border:1px solid var(--line);padding:12px 17px;border-radius:14px;box-shadow:var(--shadow);max-width:340px;font-size:12px;z-index:150;animation:toastIn .26s cubic-bezier(.22,1,.36,1)}.toast.bad{border-color:#6a6a6a;color:var(--red)}.mobile-header{display:none}.bottom-nav{display:none}.fab{display:none}.print-only{display:none}
@keyframes fade{from{opacity:0}to{opacity:1}}
@keyframes pageEnter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes toastIn{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes drawStroke{to{stroke-dashoffset:0}}
@keyframes fadeArea{to{opacity:.11}}
@keyframes donutSpin{from{transform:scale(.88) rotate(-18deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}
@keyframes scaleXIn{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes sheetUp{from{transform:translateY(100%)}to{transform:translateY(0)}}
@keyframes pulseHalo{0%,100%{box-shadow:0 9px 25px #00000030,0 0 0 0 color-mix(in srgb,var(--text) 22%,transparent)}50%{box-shadow:0 9px 25px #00000030,0 0 0 7px color-mix(in srgb,var(--text) 0%,transparent)}}
@media (max-width:1200px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-layout{grid-template-columns:1fr}.grid-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.columns-3{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{width:220px;min-width:220px}.main{margin-left:220px;width:calc(100% - 220px)}}
@media (max-width:750px){.sidebar{display:none}.main{margin-left:0;width:100%;padding:19px 15px 102px}.topbar{margin-bottom:24px}.topbar-left{display:none}.mobile-header{display:flex;align-items:center;gap:10px}.topbar-right .separator,.topbar-right .avatar{display:none}h1{font-size:26px}.page-head{margin-bottom:19px}.page-head:has(.page-actions){flex-direction:column}.page-head .page-actions{width:100%}.page-head .page-actions .btn{flex:1}.kpi-grid{gap:9px}.kpi{padding:15px;min-height:120px}.kpi .kpi-name{font-size:11px;margin-bottom:18px}.kpi-value{font-size:clamp(17px,4.5vw,24px)}.kpi-icon{right:11px;top:11px}.grid-cards,.columns-2,.columns-3{grid-template-columns:1fr}.dashboard-layout{gap:12px}.card-head,.card-pad{padding-left:16px;padding-right:16px}.chart-container{padding-left:13px;padding-right:13px}.donut-wrap{padding-left:15px;padding-right:15px;gap:12px}.donut{width:125px;height:125px;min-width:125px}.donut-hole{width:83px;height:83px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:color-mix(in srgb,var(--side) 92%,transparent);border-top:1px solid var(--line);z-index:50;justify-content:space-around;align-items:center;padding:10px 2px max(10px,env(safe-area-inset-bottom));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.bottom-nav button{background:none;border:0;color:var(--muted);min-width:60px;display:grid;place-items:center;gap:4px;font-size:10px;font-weight:700;position:relative}.bottom-nav button.active{color:var(--accent)}.bottom-nav button.active:not(.bottom-add)::after{content:'';position:absolute;top:-7px;width:20px;height:3px;border-radius:9px;background:var(--text);animation:scaleXIn .22s ease}.bottom-nav svg{width:20px;height:20px}.fab{display:flex;position:fixed;right:16px;bottom:87px;z-index:45;box-shadow:0 10px 22px #0008;border-radius:15px;height:49px;width:49px;justify-content:center;align-items:center;font-size:25px;background:var(--accent);color:#1e1e1e;border:0}.modal-overlay{align-items:flex-end;padding:0}.modal{border-radius:24px 24px 0 0;max-height:93dvh;width:100%;padding-bottom:env(safe-area-inset-bottom);animation:sheetUp .28s cubic-bezier(.22,1,.36,1)}.modal-header,.modal-body,.modal-foot{padding-left:17px;padding-right:17px}.table-wrap{margin-left:0}.auth-screen{grid-template-columns:1fr}.auth-hero{min-height:auto;padding:24px}.auth-hero>div:nth-child(2){display:none}.auth-hero h1{font-size:26px;letter-spacing:-1px;margin:20px 0 6px}.auth-hero p{font-size:12px;margin-bottom:0}.auth-form-side{padding:31px 22px;display:block}.auth-form{margin:auto}.auth-form h2{font-size:23px}.account-balance{font-size:22px}.toast{bottom:88px;right:14px;left:14px;max-width:none}}
@media (max-width:390px){.kpi{padding:12px}.kpi-value{font-size:18px}.kpi-grid{gap:7px}.form-grid{gap:10px}.donut-wrap{flex-direction:column}.legend-list{width:100%}.legend-row{justify-content:space-between}.page-actions .btn{font-size:11px;padding:9px}.topbar-right{gap:5px}}
@media print{body{background:#fff;color:#111}.sidebar,.topbar,.page-head,.bottom-nav,.fab,.no-print,.modal-overlay,.mobile-pill-nav{display:none!important}.main{margin:0;width:100%;padding:0}.page>*:not(.print-only){display:none!important}.print-only{display:block!important}.card{border:1px solid #eee;box-shadow:none}table th{background:#f3f3f3;color:#222}.report-preview{padding:0}}

/* V1.6 — Mobile-first touch layer */
.preview-banner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:9px;padding:11px 14px;margin-bottom:16px;background:color-mix(in srgb,var(--gold) 13%,var(--surface));border:1px solid color-mix(in srgb,var(--gold) 30%,var(--line));border-radius:14px;color:var(--text);font-size:12px;line-height:1.5}
.preview-banner-left{display:flex;align-items:flex-start;gap:9px;flex:1;min-width:200px}
.preview-banner svg{flex:none;margin-top:2px;color:var(--gold)}
.mobile-actions{display:none}
.quick-overlay{position:fixed;inset:0;background:#000a;backdrop-filter:blur(5px);z-index:96;display:flex;align-items:flex-end;animation:fade .16s ease}
.quick-sheet{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:26px 26px 0 0;width:100%;max-width:540px;margin:0 auto;padding:12px 18px calc(24px + env(safe-area-inset-bottom));box-shadow:0 -25px 80px #0007;animation:sheetUp .28s cubic-bezier(.22,1,.36,1)}
.quick-handle,.modal-handle{height:4px;width:42px;border-radius:9px;background:var(--line);margin:0 auto 14px}
.modal-handle{display:none}
.quick-head{display:flex;align-items:center;justify-content:space-between;font-size:19px;letter-spacing:-.4px}
.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:18px 0 14px}
.quick-grid button,.mobile-actions button{display:grid;place-items:center;gap:8px;padding:14px 4px;background:var(--surface2);color:var(--text);border:1px solid var(--line);border-radius:16px;font-size:11px;font-weight:700;cursor:pointer}
.quick-grid svg,.mobile-actions svg{color:var(--accent)}
.quick-bills{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;border-radius:13px;border:1px solid var(--line);color:var(--text);background:var(--surface2);font-size:12px;font-weight:650;margin-top:8px}
@media(max-width:750px){
 .modal-handle{display:block;margin-top:10px;margin-bottom:-6px}
 .mobile-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:17px}
 .main{padding:11px 13px 102px}
 .topbar{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);margin:-11px -13px 12px;padding:11px 14px;border-bottom:1px solid var(--line)}
 .topbar-right>.muted{font-size:10px}
 .topbar-right button[title="Quick add transaction"]{display:none}
 .page-head{margin-bottom:15px}
 .page-head .eyebrow{font-size:9px}
 .page-head h1{font-size:24px;line-height:1.12;letter-spacing:-.7px}
 .preview-banner{font-size:11px}
 .kpi-grid{gap:9px}
 .kpi-featured{grid-column:1/-1;min-height:120px;background:linear-gradient(115deg,color-mix(in srgb,var(--accent) 14%,var(--surface)),var(--surface))}
 .kpi-featured .kpi-value{font-size:28px;letter-spacing:-.6px}
 .kpi:not(.kpi-featured){min-height:111px}
 .kpi .kpi-name{margin-bottom:13px}
 .bottom-nav{min-height:64px}
 .bottom-nav button{min-height:44px;min-width:50px;touch-action:manipulation}
 .bottom-nav button.active svg{filter:drop-shadow(0 0 5px color-mix(in srgb,var(--accent) 40%,transparent))}
 .fab{bottom:calc(80px + env(safe-area-inset-bottom));width:54px;height:54px;border-radius:18px}
 .modal{max-height:94dvh;overscroll-behavior:contain}
 .modal-body{overflow:auto;max-height:calc(94dvh - 150px)}
 .modal-foot{position:sticky;bottom:0;background:var(--surface)}
 .modal-foot button{min-height:43px}
 input,select,textarea{font-size:16px!important}
 .tx-mobile-cards{background:transparent;border:0;overflow:visible}
 .tx-mobile-cards table,.tx-mobile-cards tbody,.tx-mobile-cards tr{display:block;width:100%}
 .tx-mobile-cards thead{display:none}
 .tx-mobile-cards tr{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 9px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:13px;margin-bottom:9px;animation:popIn .3s ease both}
 .tx-mobile-cards td{border:0;padding:0;text-align:left!important;min-width:0;word-break:break-word}
 .tx-mobile-cards td:nth-child(2){grid-area:1/1;font-size:14px;font-weight:700}
 .tx-mobile-cards td:nth-child(6){grid-area:1/2;font-size:14px;font-weight:800;white-space:nowrap}
 .tx-mobile-cards td:nth-child(1){grid-area:2/1;color:var(--muted);font-size:10px}
 .tx-mobile-cards td:nth-child(4){grid-area:3/1;color:var(--muted);font-size:11px}
 .tx-mobile-cards td:nth-child(3){grid-area:2/2;text-align:right!important}
 .tx-mobile-cards td:nth-child(5){grid-area:3/2;color:var(--muted);font-size:10px;text-align:right!important}
 .tx-mobile-cards td:nth-child(7){grid-column:1/-1;margin-top:6px;text-align:left!important}
 .tx-mobile-cards td:nth-child(7) .btn{padding:5px 9px;font-size:10px}
 .tx-mobile-cards td[colspan]{grid-column:1/-1}
 .toolbar-left{flex-wrap:wrap;width:100%;flex:1 1 100%}
 .toolbar>.muted.tiny{width:100%;text-align:right}
 .toolbar-left .search{max-width:none;min-width:0;flex:1 1 100%}
 .filter-select{min-width:112px;flex:1}
 .quick-grid button{min-height:74px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* RinggitOS V1.7 — black / white / grey identity. No accent colors. */
:root{
 color-scheme:dark;--bg:#0e0e0e;--side:#121212;--surface:#1b1b1b;--surface2:#252525;--surface3:#303030;--line:#353535;
 --text:#f7f7f7;--muted:#a2a2a2;--accent:#ececec;--accent2:#5b5b5b;--red:#cecece;--gold:#b9b9b9;--blue:#a5a5a5;--chart:#ededed;
 --shadow:0 12px 36px #00000020;
}
:root[data-theme=light]{
 color-scheme:light;--bg:#f8f8f8;--side:#fff;--surface:#fff;--surface2:#f2f2f2;--surface3:#e8e8e8;--line:#e4e4e4;
 --text:#141414;--muted:#737373;--accent:#111111;--accent2:#c5c5c5;--red:#585858;--gold:#8a8a8a;--blue:#606060;--chart:#161616;
 --shadow:0 10px 30px #1111110c;
}
:root[data-theme=light] input[type=date]{color-scheme:light}
:root[data-theme=dark] input[type=date]{color-scheme:dark}
.positive{color:var(--text)!important}.negative{color:var(--muted)!important}.gold,.blue{color:var(--muted)}
.brand-mark{background:var(--text);color:var(--bg);box-shadow:none}.brand-name .positive{color:var(--text)!important}
.avatar{background:var(--surface2);border-color:var(--line);color:var(--text)}
.nav.active{background:var(--surface3);color:var(--text)}
.btn.primary{background:var(--text);border-color:var(--text);color:var(--bg);box-shadow:none}
.btn.primary:hover{filter:brightness(.88)}
.chart-area{opacity:.1}.chart-line{stroke:var(--chart)}
.kpi-featured{background:var(--surface)}
.preview-banner{background:var(--surface2);border-color:var(--line)}.preview-banner svg{color:var(--text)}
.mobile-home{display:none}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* mobile-first homepage, inspired by familiar modern finance app navigation */
.mh-greeting{display:flex;align-items:center;gap:13px;margin:0 0 17px}
.mh-avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--surface3);border:1px solid var(--line);color:var(--text);flex-shrink:0}
.mh-user{min-width:0;display:grid;gap:4px}.mh-welcome{font-size:22px;font-weight:800;letter-spacing:-.8px}.mh-user small{font-size:12px;color:var(--muted)}
.mh-alert{margin-left:auto;background:var(--surface);width:43px;height:43px;border:1px solid var(--line);border-radius:50%;color:var(--text);display:grid;place-items:center;position:relative}
.mh-badge-dot{position:absolute;top:9px;right:10px;width:8px;height:8px;border-radius:50%;background:var(--text);border:2px solid var(--surface)}
.mh-notice{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:1px solid var(--line);background:var(--surface2);padding:13px 14px;border-radius:20px;color:var(--text);margin:0 0 14px;animation:popIn .32s ease both}
.mh-notice>span:nth-child(2){flex:1;min-width:0;display:grid;gap:4px}.mh-notice strong{font-size:13px;letter-spacing:-.1px}.mh-notice small{font-size:11px;color:var(--muted);line-height:1.4}
.mh-notice-icon{width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:14px;background:var(--surface);color:var(--text);border:1px solid var(--line)}
.mh-notice>svg{color:var(--muted)}
.mh-coach{background:linear-gradient(135deg,#1d1d1d 0%,#111111 100%);color:#f7f7f7;width:100%;border:1px solid #2e2e2e;border-radius:24px;padding:21px 22px 23px;position:relative;text-align:left;min-height:162px;overflow:hidden;margin-bottom:20px;animation:popIn .38s ease both}
.mh-coach:after{content:'';position:absolute;width:160px;height:160px;border:1px solid #5b5b5b60;border-radius:50%;right:-50px;bottom:-92px;box-shadow:0 0 0 25px #55555512,0 0 0 52px #ffffff08;pointer-events:none}
.mh-coach-top{display:flex;align-items:center;gap:8px;letter-spacing:.5px;color:#bcbcbc;font-size:10px;font-weight:750;margin-bottom:14px}
.mh-coach-top span{margin-left:auto;color:#929292;font-weight:500}
.mh-coach>strong{font-size:clamp(18px,4.8vw,24px);letter-spacing:-.6px;display:block;max-width:90%;line-height:1.25}
.mh-coach>p{font-size:12px;color:#b8b8b8;line-height:1.5;margin:10px 42px 0 0}
.mh-coach-arrow{position:absolute;bottom:20px;right:19px;background:#fff;color:#111;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;transition:transform .2s ease}
.mh-coach:hover .mh-coach-arrow{transform:translateX(3px)}
.mh-section-line{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 1px 12px}
.mh-section-line h2{font-size:17px;font-weight:750}.mh-section-line button{display:inline-flex;gap:4px;align-items:center;border:0;background:transparent;color:var(--muted);font-size:11px;font-weight:700}
.mh-accounts{display:flex;gap:12px;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:3px 1px 11px;margin:0 -1px;overscroll-behavior-x:contain}
.mh-accounts::-webkit-scrollbar{display:none}
.mh-bankcard{background:linear-gradient(135deg,#272727 0%,#101010 72%);color:#fff;flex:0 0 min(100%,440px);scroll-snap-align:center;min-height:218px;border-radius:24px;position:relative;padding:20px 21px 19px;border:1px solid #383838;box-shadow:0 12px 25px #00000025;overflow:hidden;transition:transform .25s cubic-bezier(.22,1,.36,1)}
.mh-bankcard:before{content:'';position:absolute;width:200px;height:200px;border-radius:50%;right:-65px;top:30px;border:1px solid #ffffff16;box-shadow:0 0 0 26px #ffffff06,0 0 0 52px #ffffff05;pointer-events:none}
.mh-bank-top{display:flex;align-items:center;gap:11px;position:relative;z-index:1}.mh-bank-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid #ffffff30;background:#ffffff16;border-radius:13px;flex:none}
.mh-bank-title{display:grid;gap:3px;flex:1;min-width:0}.mh-bank-title strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mh-bank-title small{font-size:11px;color:#b6b6b6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mh-bank-brand{font-size:9px;letter-spacing:1.2px;font-weight:900;color:#cecece}
.mh-bank-label{display:flex;align-items:center;gap:9px;font-size:11px;color:#bebebe;margin:24px 0 4px}.mh-bank-label button{color:#cfcfcf;border:0;background:transparent;padding:4px;display:inline-flex}
.mh-bank-money{font-size:clamp(25px,7.8vw,35px);font-weight:850;letter-spacing:-.8px;position:relative;z-index:1;white-space:nowrap}
.mh-bank-footer{display:flex;gap:15px;margin-top:24px;position:relative;z-index:1;max-width:320px}.mh-bank-footer>div:not(.mh-bank-separator){display:grid;gap:5px;flex:1;min-width:0}.mh-bank-footer small{font-size:10px;color:#a7a7a7}.mh-bank-footer strong{font-size:13px;color:#f4f4f4}.mh-bank-separator{height:31px;width:1px;background:#ffffff2a}
.mh-bank-serial{position:absolute;right:19px;bottom:17px;font-size:9px;letter-spacing:1px;color:#888;background:#ffffff12;border:1px solid #ffffff20;border-radius:99px;padding:4px 9px;cursor:pointer}
.mh-emptycard{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:210px;width:100%;border-radius:22px;background:var(--surface);color:var(--text);border:1px dashed var(--muted);padding:20px;text-align:center}.mh-emptycard>span{font-size:11px;color:var(--muted);max-width:220px;line-height:1.5}
.mh-dots{display:flex;justify-content:center;align-items:center;gap:5px;min-height:16px;margin:0 0 18px}.mh-dots button{width:6px;height:6px;background:var(--line);border:0;padding:0;border-radius:8px;transition:width .22s cubic-bezier(.22,1,.36,1),background-color .2s;min-width:6px}.mh-dots button.active{width:21px;background:var(--text)}
.mh-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 22px}.mh-shortcuts button{background:var(--surface2);border:1px solid var(--line);border-radius:18px;min-height:84px;display:flex;flex-direction:column;gap:9px;align-items:center;justify-content:center;color:var(--text);font-size:11px;font-weight:700;padding:8px 2px;text-align:center}
.mh-shortcuts button span{display:grid;place-items:center;border:1px solid var(--line);width:37px;height:37px;border-radius:13px;background:var(--surface)}
.mh-transactions{background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:hidden;margin-bottom:14px}.mh-transactions .list-row{padding:14px 15px}.mh-transactions .item-title{font-size:13px}.mh-transactions .item-value{font-size:12px}.mh-transactions .item-icon{background:var(--surface2)}
.mh-totals{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 14px}.mh-totals>div{background:var(--surface2);border:1px solid var(--line);padding:15px;border-radius:16px;display:grid;gap:7px}.mh-totals small{color:var(--muted);font-size:11px}.mh-totals strong{font-size:14px;letter-spacing:-.4px;white-space:nowrap}

/* PDF bank statement importer */
.pdf-intro{display:flex;gap:18px;padding:22px;align-items:center;margin-bottom:16px;background:var(--surface2)}
.pdf-intro-icon{width:58px;height:58px;border-radius:17px;background:var(--surface);display:grid;place-items:center;flex:none}
.pdf-intro h2{font-size:19px;margin-bottom:8px}.pdf-intro p{font-size:12px;color:var(--muted);margin:0}
.pdf-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:15px;margin-bottom:16px}
.pdf-uploader,.pdf-guidance{padding:22px}.pdf-uploader h2,.pdf-guidance h2{margin:0 0 8px}
.pdf-uploader>.subtitle{margin-bottom:18px}
.pdf-drop{position:relative;margin:16px 0 13px;border:1.5px dashed var(--muted);border-radius:17px;background:var(--surface2);padding:25px 14px;display:grid;place-items:center;gap:10px;text-align:center;cursor:pointer;transition:border-color .2s,background-color .2s}
.pdf-drop:hover{border-color:var(--text)}
.pdf-drop input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;z-index:1}.pdf-drop strong{font-size:13px}.pdf-drop small{font-size:11px;color:var(--muted);max-width:290px;line-height:1.5}
.pdf-process{width:100%}.pdf-help{margin:14px 0 0;font-size:11px;line-height:1.6;color:var(--muted)}
.pdf-steps{display:grid;gap:20px;margin:22px 0 28px}.pdf-steps>div{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:12px}.pdf-steps svg{color:var(--text);flex:none}
.pdf-review{padding:19px}.pdf-review-head{display:flex;justify-content:space-between;gap:18px;align-items:start}.pdf-review-head h2{font-size:18px;margin-bottom:8px}.pdf-warning{padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);margin:18px 0;color:var(--text)}.pdf-warning p{display:flex;gap:7px;align-items:start;font-size:11px;margin:0 0 6px}.pdf-warning p:last-child{margin:0}
.pdf-summary{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.pdf-summary span{border:1px solid var(--line);background:var(--surface2);padding:7px 9px;border-radius:9px;font-size:10px}
.pdf-rows{display:grid;gap:10px;max-height:650px;overflow:auto;overscroll-behavior:contain}.pdf-row{border:1px solid var(--line);border-radius:14px;background:var(--surface2);padding:14px}.pdf-row-top{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:11px}.pdf-row-top label{display:flex;align-items:center;gap:7px;font-weight:700}.pdf-row-top input[type=checkbox]{width:17px;height:17px;accent-color:var(--text)}.pdf-confidence{font-size:9px;color:var(--muted);border:1px solid var(--line);padding:4px 7px;border-radius:20px}.pdf-confidence.verified{background:var(--surface)}.pdf-row-index{margin-left:auto;color:var(--muted)}.pdf-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.pdf-fields label{min-width:0;display:grid;gap:5px}.pdf-fields label.wide{grid-column:span 2}.pdf-fields span{font-size:10px;font-weight:700;color:var(--muted)}.pdf-fields input,.pdf-fields select{width:100%;min-width:0;font-size:12px;padding:9px;border-radius:9px}.pdf-reason{font-size:10px;color:var(--muted);display:block;margin-top:11px}.pdf-submit{display:flex;justify-content:flex-end;gap:10px;margin-top:17px}.pdf-empty{display:grid;place-items:center;text-align:center;color:var(--muted);font-size:12px;padding:25px}.pdf-empty div{margin-bottom:10px}

@media(max-width:900px){.pdf-layout{grid-template-columns:1fr}.pdf-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:750px){
 .page:has(.mobile-home) .legacy-dashboard{display:none}.mobile-home{display:block}
 .main{padding:0 14px calc(98px + env(safe-area-inset-bottom));background:var(--bg)}
 .topbar{position:sticky;top:0;z-index:35;margin:0 -14px 10px;padding:11px 15px 9px;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent);min-height:54px}
 .topbar .mobile-header{display:flex}.topbar-right .avatar{display:none}
 .topbar-right .muted.tiny{display:none}
 .topbar-right button{min-height:38px;min-width:38px}
 .mobile-header .brand-mark{background:var(--text);color:var(--bg)}
 .page:has(.mobile-home) .preview-banner{font-size:11px;border-radius:14px;padding:10px 12px;margin-bottom:14px}
 .bottom-nav{height:71px;min-height:71px;padding:7px 4px max(8px,env(safe-area-inset-bottom));background:color-mix(in srgb,var(--side) 92%,transparent);border-top:1px solid var(--line);justify-content:space-around;overflow:visible}
 .bottom-nav>button{flex:1;min-width:0;gap:5px;font-size:10px;color:var(--muted);font-weight:650}
 .bottom-nav>button.active{color:var(--text)}
 .bottom-nav>button.bottom-add{position:relative;align-self:flex-start;flex:0 0 62px;min-width:62px;transform:translateY(-26px);background:var(--text);border:5px solid var(--bg);border-radius:50%;width:62px;height:62px;color:var(--bg);display:flex;align-items:center;justify-content:center;box-shadow:0 9px 25px #00000030;padding:0;z-index:2;animation:pulseHalo 3.2s infinite ease-in-out}
 .bottom-nav .bottom-add svg{width:25px;height:25px}
 .fab{display:none}
 .pdf-intro{padding:15px;gap:12px}.pdf-intro h2{font-size:16px}.pdf-intro-icon{width:45px;height:45px}
 .pdf-uploader,.pdf-guidance,.pdf-review{padding:15px}.pdf-review-head{display:block}.pdf-row{padding:11px}.pdf-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pdf-fields label.wide{grid-column:1/-1}.pdf-fields input,.pdf-fields select{font-size:16px}
 .pdf-submit{position:sticky;bottom:calc(79px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);margin:12px -15px -15px;padding:12px 14px;z-index:2}
 .pdf-submit button{min-width:0;flex:1;white-space:normal;font-size:11px}
}
@media(min-width:751px){.legacy-dashboard{display:block}.mobile-home{display:none}.bottom-nav{display:none}.mobile-pill-nav{display:none!important}}
@media print{.mobile-home,.pdf-uploader,.pdf-submit{display:none!important}}

/* V1.7.1 — compact transaction review pagination, monochrome */
.pdf-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0 0;font-size:11px;color:var(--muted);flex-wrap:wrap}
.pdf-pagination>div{display:flex;gap:7px}.pdf-pagination button{min-height:36px;min-width:86px}
.pdf-pagination button:disabled{opacity:.36;cursor:not-allowed}
@media(max-width:750px){.pdf-rows{max-height:none;overflow:visible}.pdf-pagination{padding:4px 0 11px}.pdf-pagination>div{width:100%}.pdf-pagination button{flex:1}.pdf-review{padding-bottom:18px}}

/* V1.7.3 — Installation popup and full-statement selection, monochrome */
.pwa-install-layer{position:fixed;z-index:110;bottom:calc(90px + env(safe-area-inset-bottom));left:12px;right:12px;display:flex;justify-content:center;pointer-events:none}
.pwa-install-card{pointer-events:auto;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:22px;padding:17px;width:100%;max-width:440px;box-shadow:0 20px 80px #0006;animation:pwa-entry .25s ease-out}
.pwa-install-head{display:flex;align-items:center;gap:12px}.pwa-install-head img{border-radius:13px;flex:none}.pwa-install-head>div{display:grid;gap:3px;flex:1;min-width:0}.pwa-install-head strong{font-size:17px}.pwa-install-head span{font-size:11px;color:var(--muted)}
.pwa-dismiss{background:var(--surface2);color:var(--text);border:1px solid var(--line);border-radius:12px;display:grid;place-items:center;width:38px;height:38px;flex:none;cursor:pointer}
.pwa-install-card p{font-size:12px;line-height:1.6;color:var(--muted);margin:13px 0 17px}
.pwa-install-controls{display:flex;justify-content:flex-end;gap:9px}.pwa-install-controls .btn{min-height:43px;min-width:100px;justify-content:center}
@keyframes pwa-entry{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.pdf-select-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;background:var(--surface2);border:1px solid var(--line);padding:12px;border-radius:14px;margin:12px 0 8px}
.pdf-selected-count{font-size:12px;color:var(--text)}.pdf-select-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.pdf-select-buttons .btn{font-size:11px;min-height:36px}
.pdf-selection-warning{font-size:11px;line-height:1.55;color:var(--muted);display:flex;align-items:flex-start;gap:7px;padding:0 2px 12px}.pdf-selection-warning svg{flex:none;margin-top:1px}
@media(max-width:750px){.pwa-install-layer{bottom:calc(85px + env(safe-area-inset-bottom))}.pwa-install-card{border-radius:19px;padding:15px}.pdf-select-controls{padding:11px}.pdf-select-buttons{display:grid;grid-template-columns:1fr 1fr;width:100%}.pdf-select-buttons .btn{min-width:0;white-space:normal;font-size:10px}.pdf-select-buttons .btn:first-child{grid-column:1 / -1}}
@media(min-width:751px){.pwa-install-layer{bottom:20px}}
@media print{.pwa-install-layer{display:none!important}}
@media(prefers-reduced-motion:reduce){.pwa-install-card{animation:none}}

/* V1.8 & V1.9 — Reconstructed Mobile Analytics, Auto-Grouped Activity & Interactive Micro-Animations */
.animate-pop{animation:popIn .38s cubic-bezier(.22,1,.36,1) both}
@keyframes popIn{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
.metric-card{background:var(--surface2);border:1px solid var(--line);border-radius:18px;padding:16px 15px;display:grid;gap:8px;min-height:112px;box-shadow:0 8px 18px rgba(0,0,0,.04);transition:transform .2s ease}
.metric-card:active{transform:scale(.98)}
.metric-card.featured{background:linear-gradient(180deg,var(--surface2),var(--surface));border-color:var(--text)}
.metric-card.negative .metric-value{color:var(--red)}
.metric-label{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:750}.metric-value{font-size:clamp(20px,4.8vw,32px);letter-spacing:-.8px;line-height:1.08}.metric-meta{font-size:11px;color:var(--muted);line-height:1.4}
.mh-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 18px}
.mh-modern .mh-coach,.mh-modern .mh-bankcard,.mh-modern .card{box-shadow:0 12px 28px rgba(0,0,0,.06)}
.mh-analytics-grid{display:grid;gap:12px;margin:0 0 24px}
.trend-chart{display:flex;align-items:flex-end;gap:12px;height:210px;padding:8px 0 2px}
.trend-col{display:grid;gap:8px;justify-items:center;flex:1;min-width:0;height:100%}
.trend-stack{display:flex;align-items:flex-end;justify-content:center;gap:4px;width:100%;height:172px}
.trend-bar{width:min(22px,100%);border-radius:10px 10px 0 0;display:block;min-height:8px;transform-origin:bottom;animation:growBar .72s cubic-bezier(.22,1,.36,1) both}
.trend-income{height:var(--bar);background:var(--accent)}
.trend-expense{height:var(--bar);background:var(--red);opacity:.65}
.trend-col small{font-size:11px;color:var(--muted)}
@keyframes growBar{from{transform:scaleY(.04);opacity:.2}to{transform:scaleY(1);opacity:1}}
.cat-bars{display:grid;gap:12px}
.cat-row{display:grid;gap:7px}.cat-head{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:13px}.cat-head strong{font-size:12px}.cat-track{height:10px;background:var(--line);border-radius:999px;overflow:hidden}.cat-fill{display:block;height:100%;width:var(--fill);background:linear-gradient(90deg,var(--text),#7a7a7a);border-radius:999px;animation:fillTrack .85s cubic-bezier(.22,1,.36,1) both}
@keyframes fillTrack{from{width:0}to{width:var(--fill)}}
.tx-group-stack{display:grid;gap:14px;margin-top:14px}.tx-group{border:1px solid var(--line);background:var(--surface);border-radius:22px;overflow:hidden}.tx-group-head{display:flex;justify-content:space-between;gap:12px;padding:15px 16px 13px;border-bottom:1px solid var(--line);align-items:flex-start;background:color-mix(in srgb,var(--surface2) 45%,var(--surface))}.tx-group-head h3{font-size:16px;font-weight:800;margin:0 0 4px}.tx-group-head p{font-size:11px;color:var(--muted);margin:0}.tx-group-totals{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;align-items:center;text-align:right;font-size:12px}.tx-group-list{display:grid}.tx-item{display:flex;justify-content:space-between;gap:12px;padding:14px 16px;border-top:1px solid var(--line);align-items:center;transition:background-color .16s ease}.tx-item:first-child{border-top:0}.tx-item:hover{background:color-mix(in srgb,var(--surface2) 55%,transparent)}.tx-item-left{display:flex;gap:12px;align-items:flex-start;min-width:0;flex:1}.tx-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--surface2);border:1px solid var(--line);flex:none}.tx-item-title{font-size:14px;font-weight:720;line-height:1.35}.tx-item-sub{font-size:11px;color:var(--muted);line-height:1.45;margin-top:4px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.tx-item-right{white-space:nowrap;align-self:center;display:grid;justify-items:end;gap:5px}.tx-item-right strong{font-size:13px}
.tx-metrics{margin-top:4px;margin-bottom:16px}.analytics-extra{margin-top:14px}.toolbar-wrap{display:grid;gap:10px}.toolbar-wrap .toolbar-left{min-width:0}

/* V1.9 Mobile Navigation Strip, Quick Chips & Animated Ring Gauge */
.mobile-pill-nav{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding:2px 1px 12px;margin:0 -2px 6px;scroll-snap-type:x proximity}
.mobile-pill-nav::-webkit-scrollbar{display:none}
.mobile-pill-nav button{flex:none;scroll-snap-align:start;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;font-size:11px;font-weight:700;background:var(--surface2);color:var(--muted);border:1px solid var(--line);white-space:nowrap}
.mobile-pill-nav button.active{background:var(--text);color:var(--bg);border-color:var(--text)}
.mobile-pill-nav svg{width:14px;height:14px}
.quick-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.quick-chip{border:1px solid var(--line);background:var(--surface3);color:var(--text);border-radius:999px;padding:5px 10px;font-size:11px;font-weight:700;cursor:pointer}
.quick-chip:hover,.quick-chip.active{background:var(--text);color:var(--bg);border-color:var(--text)}
.health-ring-wrap{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:18px}
.health-ring{width:104px;height:104px;flex:none;transform:rotate(-90deg)}
.health-ring circle{fill:none;stroke-width:9;stroke-linecap:round}
.health-ring .ring-bg{stroke:var(--surface3)}
.health-ring .ring-fg{stroke:var(--text);stroke-dasharray:264;stroke-dashoffset:var(--ring-offset,264);animation:ringDraw 1s cubic-bezier(.22,1,.36,1) forwards}
@keyframes ringDraw{from{stroke-dashoffset:264}to{stroke-dashoffset:var(--ring-offset,264)}}
.ptr-indicator{position:fixed;top:12px;left:50%;transform:translateX(-50%) translateY(-60px);z-index:90;background:var(--text);color:var(--bg);padding:7px 14px;border-radius:999px;font-size:11px;font-weight:750;display:flex;align-items:center;gap:7px;box-shadow:0 10px 25px #0005;transition:transform .22s cubic-bezier(.22,1,.36,1);pointer-events:none}
.ptr-indicator.visible{transform:translateX(-50%) translateY(0)}

@media (max-width:860px){.toolbar-wrap .toolbar-left{grid-template-columns:1fr 1fr !important}.toolbar-wrap .toolbar-left input{grid-column:1/-1}}
@media (max-width:620px){.mh-summary-grid{grid-template-columns:1fr 1fr}.metric-card{min-height:104px;padding:14px 13px}.metric-value{font-size:clamp(19px,6.5vw,28px)}.tx-group-head{flex-direction:column}.tx-group-totals{justify-content:flex-start;text-align:left}.mh-analytics-grid{grid-template-columns:1fr}.trend-chart{gap:8px;padding-inline:2px}.trend-bar{width:14px}.tx-item{padding:13px 14px}.tx-icon{width:34px;height:34px;border-radius:11px}}
@media (min-width:900px){.mh-analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-extra{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* V2.0.0 — account-first Home. The existing footer remains in place. */
:root{--income:#72c995;--red:#ff827b}
:root[data-theme=light]{--bg:#fff;--side:#fff;--surface:#f7f7f8;--surface2:#efeff1;--surface3:#e9e9ec;--line:#e9e9ec;--text:#151519;--muted:#73737c;--accent:#202024;--income:#32864a;--red:#e94f48}
.positive{color:var(--income)!important}
.main,.page,.topbar,.topbar-left,.topbar-right,.card,.card-head,.item-body,.tx-item-left,.form-grid>*{min-width:0}
.page{animation:none}
.page.route-enter{animation:routeReveal .22s ease-out both}
.page-head,.page-actions,.card-head,.toolbar-left{flex-wrap:wrap}
.page-actions .btn{white-space:normal}
.topbar{gap:12px}
.topbar-left{flex:1;overflow:hidden}
.topbar-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topbar-right{flex:none}
.main-home .mobile-pill-nav{display:none!important}
.main-home .page{max-width:1160px}
.home-priority{display:grid;gap:20px;width:100%;min-width:0;padding-top:2px}
.home-wallet-column{min-width:0}
.home-accounts{position:relative;display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;border-radius:26px;isolation:isolate;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y pinch-zoom}
.home-accounts::-webkit-scrollbar{display:none}
.home-account{position:relative;flex:0 0 100%;min-width:0;min-height:236px;border-radius:26px;scroll-snap-align:start;scroll-snap-stop:always;padding:23px 24px 22px;display:flex;flex-direction:column;overflow:hidden;color:#fcfcff;background:radial-gradient(ellipse at 90% 15%,#232329 0%,#111116 42%,#08080b 100%);border:1px solid #26262d;box-shadow:0 12px 24px #00000012}
.home-account::before{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(116deg,transparent 0 10px,#ffffff04 10px 11px,transparent 11px 17px)}
.home-account::after{content:'';pointer-events:none;position:absolute;width:145%;height:130%;border:1px solid #b4a78116;border-radius:50%;right:-38%;top:-54%;transform:rotate(21deg)}
.home-account>*{position:relative;z-index:1}
.home-account-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:22px}
.home-account-name{display:flex;align-items:center;gap:11px;min-width:0;padding:0;background:none;border:0;color:inherit;text-align:left}
.home-account-name>span:last-child{min-width:0}
.home-account-name strong{display:block;font-size:17px;font-weight:650;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-account-name small{display:block;color:#acacb7;font-size:12px;line-height:1.4;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-account-icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid #ffffff17;border-radius:12px;flex:none;background:#ffffff03}
.home-account-brand{font-size:10px;color:#c9ba8d;letter-spacing:.3px;padding-top:3px;white-space:nowrap;flex:none}
.home-balance-label{display:flex;align-items:center;gap:5px;font-size:13px;color:#b4b4bd;margin-bottom:4px}
.home-balance-label button{display:grid;place-items:center;background:none;border:0;width:30px;height:26px;padding:3px;color:#b4b4bd}
.home-account-balance{display:flex;align-items:baseline;gap:7px;min-width:0;min-height:52px;margin-bottom:25px}
.home-balance-currency{font-size:18px;line-height:1;flex:none;font-weight:450}
.home-balance-number{font-size:clamp(31px,9vw,44px);line-height:1.12;letter-spacing:-1.5px;font-weight:620;overflow-wrap:anywhere;min-width:0}
.home-balance-number.home-balance-long{font-size:clamp(18px,4.5vw,24px);letter-spacing:-.5px}
.home-account-totals{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.home-account-totals>div{min-width:0}
.home-account-totals>div+div{padding-left:20px;border-left:1px solid #ffffff12}
.home-account-totals small{font-size:11px;line-height:1.4;display:block;color:#a1a1ab;margin-bottom:3px}
.home-account-totals strong{font-weight:550;font-size:15px;line-height:1.25;display:block;overflow-wrap:anywhere}
.home-empty-account{flex:0 0 100%;min-width:0;min-height:236px;border:1px solid #26262d;border-radius:26px;background:linear-gradient(125deg,#16161c,#08080c);color:#fff;padding:26px 24px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.home-empty-account>span:first-child{color:#c9ba8d}
.home-empty-account strong{font-size:23px;font-weight:600}
.home-empty-account small{max-width:260px;color:#bcbcc6;font-size:13px;line-height:1.6}
.home-empty-add{display:flex;gap:7px;align-items:center;margin-top:2px;font-size:13px}
.home-account-pager{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:46px;margin:0 1px 9px;gap:6px}
.home-account-dots{display:flex;justify-content:center;align-items:center;min-width:0}
.home-account-dots>button{border:0;background:none;min-width:27px;height:34px;padding:8px;display:grid;place-items:center;color:var(--muted)}
.home-account-dots>button>span{width:6px;height:6px;border-radius:8px;background:var(--line);transition:width .2s ease,background-color .2s ease}
.home-account-dots>button.active>span{width:18px;background:var(--text)}
.home-account-dots>button.home-add-account{width:27px;min-width:27px;padding:4px}
.home-account-dots .home-add-account svg{border:1px solid var(--line);border-radius:50%;width:18px;height:18px;padding:2px}
.home-account-list{justify-self:end;display:grid;place-items:center;width:36px;height:36px;padding:7px;background:none;border:0;color:var(--muted)}
.home-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:1px}
.home-shortcuts button{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:21px;min-height:88px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:10px 3px;color:var(--text)}
.home-shortcuts button>span{display:grid;place-items:center;width:36px;height:36px;background:var(--surface2);border-radius:12px;transition:transform .18s ease}
.home-shortcuts strong{font-size:12px;font-weight:550;line-height:1.25}
.home-shortcuts button:hover>span{transform:translateY(-2px)}
.home-recent{min-width:0;border:1px solid var(--line);background:var(--surface);border-radius:23px;overflow:hidden;align-self:start}
.home-recent-head{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:20px 17px;min-height:71px}
.home-recent-head h2{font-size:16px;font-weight:550;min-width:0;line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.home-recent-head h2 span{font-weight:450}
.home-recent-actions{display:flex;align-items:center;gap:11px;flex:none}
.home-recent-actions button{font-size:12px;font-weight:450;color:var(--muted);border:0;background:none;padding:7px 0;min-height:34px}
.home-recent-actions .home-move{display:flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:19px;padding:7px 9px;color:var(--text)}
.home-recent-row{display:grid;grid-template-columns:39px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:76px;padding:14px 17px;border-top:1px solid var(--line);transition:background-color .16s ease}
.home-recent-row:hover{background:var(--surface2)}
.home-row-icon{display:grid;place-items:center;width:39px;height:42px;flex:none;background:var(--surface2);border-radius:12px;color:var(--text)}
.home-row-text{min-width:0}
.home-row-text>strong{display:block;font-weight:500;font-size:15px;line-height:1.4;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.home-row-text small{display:block;color:var(--muted);font-size:10px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.home-row-text small span{padding-inline:3px}
.home-row-amount{font-size:14px;font-weight:600;white-space:nowrap;text-align:right;letter-spacing:-.35px}
.home-empty-activity{padding:31px 21px 28px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--muted)}
.home-empty-activity>strong{font-size:15px;font-weight:550;color:var(--text)}
.home-empty-activity p{font-size:12px;line-height:1.6;max-width:280px;margin:0}
.home-month-summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 19px;border:1px solid var(--line);border-radius:21px}
.home-month-summary>div{display:flex;flex-direction:column;gap:5px;min-width:0}
.home-month-summary span,.home-month-summary small{color:var(--muted);font-size:11px}
.home-month-summary strong{font-size:22px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}
.home-month-summary button{display:flex;align-items:center;gap:6px;flex:none;padding:10px 0;border:0;background:none;color:var(--text);font-size:12px}
.home-enter .home-wallet-column{animation:homeReveal .32s cubic-bezier(.2,.7,.2,1) both}
.home-enter .home-recent{animation:homeReveal .35s .05s cubic-bezier(.2,.7,.2,1) both}
.value-updated{animation:valueEmphasis .3s ease-out}
.home-priority button:focus-visible,.home-accounts:focus-visible{outline:2px solid var(--income);outline-offset:3px}
.modal-foot{position:sticky;bottom:0;background:var(--surface);z-index:2}
.toolbar-left>*{min-width:0;max-width:100%}
.list-row .item-value{flex-shrink:0}
.item-title,.tx-item-title{overflow-wrap:anywhere}
@keyframes homeReveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes routeReveal{from{opacity:.5}to{opacity:1}}
@keyframes valueEmphasis{from{opacity:.55}to{opacity:1}}
@media(min-width:1100px){.home-priority{grid-template-columns:minmax(290px,.95fr) minmax(0,1.1fr);gap:22px;align-items:start}.home-month-summary{grid-column:1/-1}.home-account{min-height:257px}}
@media(min-width:751px) and (max-width:1000px){.topbar-heading,.topbar-left>.muted,.topbar-right>.muted.tiny{display:none}.main{padding-inline:22px}}
@media(max-width:750px){
 .main{padding-bottom:calc(122px + env(safe-area-inset-bottom));padding-inline:16px}
 .topbar{position:relative;top:auto;z-index:30;margin:0 -16px 12px;padding:12px 16px 9px;background:var(--bg);border-bottom:0;backdrop-filter:none;-webkit-backdrop-filter:none;min-height:56px}
 .topbar-right{gap:4px}
 .topbar-right button{width:36px;min-width:36px;height:40px;padding:7px}
 .mobile-header{gap:8px;min-width:0}
 .mobile-header>span:last-child{white-space:nowrap;font-size:16px!important}
 .home-priority{gap:17px}
 .home-account{min-height:224px;padding:20px 22px}
 .home-account-head{margin-bottom:18px}
 .home-account-balance{margin-bottom:23px}
 .home-recent-head{padding:18px 15px}
 .home-recent-row{padding:14px 15px;gap:10px}
 .home-month-summary{padding:15px 16px}
 .page-head .page-actions{display:flex;flex-wrap:wrap;gap:8px}
 .page-head .page-actions .btn{flex:1 1 125px;min-width:0}
 .toolbar-left .search{flex:1 1 100%;max-width:none}
 .toolbar-left .filter-select{flex:1 1 125px;min-width:0;width:100%}
 .modal{max-height:95dvh;min-width:0}
 .modal-foot{display:flex;gap:9px;flex-wrap:wrap}
 .modal-foot .btn{min-width:0;white-space:normal}
}
@media(max-width:360px){
 .main{padding-inline:13px}.topbar{margin-inline:-13px;padding-inline:13px}
 .home-account{padding:19px 19px;min-height:220px}
 .home-account-brand{font-size:9px}.home-account-name strong{font-size:15px}
 .home-account-icon{width:31px;height:33px}.home-account-name{gap:8px}
 .home-recent-head{gap:7px;padding:16px 12px}.home-recent-head h2{font-size:14px}
 .home-recent-actions{gap:8px}.home-move span{display:none}
 .home-recent-row{grid-template-columns:32px minmax(0,1fr) auto;padding:13px 12px;gap:8px}
 .home-row-icon{width:32px;height:37px}.home-row-icon svg{width:19px;height:19px}
 .home-row-text>strong{font-size:13px}.home-row-amount{font-size:12px}
 .home-shortcuts{gap:7px}.home-shortcuts button{min-height:82px;border-radius:18px}
 .home-shortcuts strong{font-size:11px}.home-month-summary{gap:10px}
 .form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){
 .home-enter .home-wallet-column,.home-enter .home-recent,.page.route-enter,.value-updated{animation:none}
 .home-priority *{scroll-behavior:auto!important;transition:none!important}
}

/* Automatic statement import: one upload and one reviewed confirmation. */
.bank-upload,.bank-import-summary{padding:22px;margin-bottom:16px}
.bank-upload-head{display:flex;align-items:center;gap:13px;margin-bottom:18px}
.bank-upload-head>span{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--surface2);flex:none}
.bank-upload-head h2{font-size:18px;margin:0 0 4px}.bank-upload-head p{margin:0;font-size:12px;color:var(--muted)}
.bank-upload .field>span{font-size:12px;color:var(--muted)}
.bank-file-choice{position:relative;display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center;padding:26px 16px;margin-top:15px;border:1px dashed var(--muted);background:var(--surface2);border-radius:18px;min-width:0}
.bank-file-choice input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1}
.bank-file-choice strong{font-size:14px;overflow-wrap:anywhere;max-width:100%}.bank-file-choice small{font-size:11px;line-height:1.5;color:var(--muted)}
.bank-auto-note{font-size:11px;color:var(--muted);margin:14px 0 0;line-height:1.6}
.bank-auto-note svg{color:var(--income);margin-right:4px}
.bank-summary-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:15px}
.bank-summary-title h2{font-size:17px;min-width:0}
.bank-checks{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:11px;color:var(--muted);margin-bottom:18px}
.bank-checks span{display:flex;gap:6px;align-items:center;min-width:0}
.bank-checks svg{color:var(--income);flex:none}
.bank-ready-balance{padding:17px;background:var(--surface2);border-radius:15px;display:flex;flex-direction:column;gap:7px;min-width:0}
.bank-ready-balance>span,.bank-ready-balance>small{font-size:11px;color:var(--muted)}
.bank-ready-balance>strong{font-size:28px;font-weight:600;overflow-wrap:anywhere}
.bank-result-note{font-size:11px;color:var(--muted);line-height:1.65;margin:12px 0 0;overflow-wrap:anywhere}
.bank-alert{padding:12px 13px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);font-size:12px;line-height:1.6;margin:12px 0 0;color:var(--text)}
.bank-review{margin-bottom:16px;overflow:hidden}
.bank-review>summary,.malaysia-catalog>summary{list-style:none;padding:18px 20px;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:550;cursor:pointer}
.bank-review>summary::-webkit-details-marker,.malaysia-catalog>summary::-webkit-details-marker{display:none}
.bank-review>summary span,.malaysia-catalog>summary span{font-size:11px;color:var(--muted);font-weight:400}
.bank-review>summary svg{margin-left:auto;transition:transform .18s ease}.bank-review[open]>summary svg{transform:rotate(90deg)}
.bank-review-content{border-top:1px solid var(--line);padding:16px}
.bank-review-tools{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.bank-review-tools select{min-width:0;flex:1 1 150px;width:auto}
.bank-review-row{padding:13px 0;border-bottom:1px solid var(--line)}
.bank-review-line{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;min-width:0}
.bank-review-line>label{display:flex;gap:8px;min-width:0;align-items:flex-start;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.bank-review-line input[type=checkbox],.bank-repair-label input[type=checkbox]{width:17px;height:17px;min-width:17px;margin:1px 0 0;accent-color:var(--text);flex:none}
.bank-review-line strong{font-size:12px;flex:none;white-space:nowrap}
.bank-review-row>small{font-size:10px;display:block;color:var(--muted);margin:4px 0 0 25px}
.bank-review-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:10px;margin-top:11px}
.bank-review-fields label{min-width:0}.bank-review-fields label>span{display:block;font-size:10px;color:var(--muted);margin-bottom:5px}
.bank-review-fields select{font-size:12px;padding:9px;min-width:0}
.bank-repair-label{display:flex;gap:8px;font-size:11px;color:var(--muted);line-height:1.6;margin-top:18px;align-items:flex-start}
.bank-import-actions{display:flex;gap:10px;justify-content:flex-end;margin:19px 0 8px;flex-wrap:wrap}
.bank-import-actions .btn{min-height:44px;min-width:0;white-space:normal}
.malaysia-catalog{margin-bottom:17px;overflow:hidden}.malaysia-catalog>summary{justify-content:space-between}
.category-catalog{display:flex;flex-wrap:wrap;gap:8px;padding:0 18px 5px}
.category-catalog span{font-size:11px;padding:7px 10px;background:var(--surface2);border:1px solid var(--line);border-radius:9px}
.malaysia-catalog .bank-result-note{padding:0 18px 16px}
.sidebar-foot .mini-foot>div{min-width:0}.sidebar-user{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.home-accounts{box-shadow:0 10px 23px #0000000c}
@media(max-width:750px){.bank-upload,.bank-import-summary{padding:17px}.bank-review-content{padding:12px}.bank-review-fields select{font-size:16px}.bank-import-actions .btn{flex:1}.bank-review>summary{padding:16px}.bank-ready-balance>strong{font-size:25px}}
@media(max-width:360px){.bank-checks{grid-template-columns:1fr;gap:9px}.bank-review-fields{grid-template-columns:1fr}.bank-review-line{gap:7px}.bank-review-line>label{font-size:11px}.bank-review-line strong{font-size:11px}}
@media(prefers-reduced-motion:reduce){.bank-review>summary svg{transition:none}}

.guest-session-note{font-size:10px;color:var(--muted);line-height:1.5;margin:0 0 12px;padding:7px 10px;background:var(--surface2);border-radius:9px}

/* V2.1.0: More icon library and receipt capture. */
.main-more{background:var(--surface)}
.main-more .topbar{display:none}
.main-more .page{max-width:1000px}
.more-hub{padding:12px 0 16px}
.more-hub-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:25px;padding-top:env(safe-area-inset-top)}
.more-hub-head h1{font-size:34px;line-height:1.2;font-weight:600;letter-spacing:-1px;margin:0}
.more-hub-head>button{display:grid;place-items:center;width:43px;height:43px;padding:8px;color:var(--text);background:none;border:0;border-radius:13px}
.more-group{margin:0 0 32px}
.more-group>h2{color:var(--muted);font-size:11px;font-weight:550;text-transform:uppercase;letter-spacing:.65px;margin:0 0 20px}
.more-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 14px;max-width:800px}
.more-tile{padding:0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;border:0;background:transparent;color:var(--text);text-align:center;animation:moreTileIn .25s ease-out both;animation-delay:calc(var(--tile-order,0)*14ms)}
.more-tile-icon{width:69px;height:69px;border-radius:22px;background:var(--surface2);display:grid;place-items:center;transition:background-color .18s ease,transform .18s ease}
.more-tile-icon svg{width:29px;height:29px;stroke-width:1.65}
.more-tile-label{font-size:12px;font-weight:450;line-height:1.4;min-height:34px;max-width:100%;overflow-wrap:normal}
.more-tile:hover .more-tile-icon{background:var(--surface3);transform:translateY(-2px)}
.more-tile:focus-visible,.more-hub-head>button:focus-visible{outline:2px solid var(--income);outline-offset:4px;border-radius:13px}
.receipt-scan-card,.receipt-review{padding:21px;margin-bottom:17px;min-width:0}
.receipt-scan-heading{display:flex;align-items:center;gap:13px;margin-bottom:19px}
.receipt-scan-heading>span{width:46px;height:46px;border-radius:15px;background:var(--surface2);display:grid;place-items:center;flex:none}
.receipt-scan-heading>div{min-width:0}.receipt-scan-heading h2{font-size:18px;margin-bottom:5px}
.receipt-scan-heading p,.receipt-share-help{font-size:11px;color:var(--muted);line-height:1.6;margin:0}
.receipt-source-actions{display:flex;gap:10px;flex-wrap:wrap}.receipt-source-actions .btn{flex:1 1 125px;min-height:45px;min-width:0;white-space:normal}
.receipt-share-help{margin-top:14px}
.receipt-progress{margin-top:20px;display:grid;gap:10px;font-size:12px;color:var(--muted)}
.receipt-progress>div{height:5px;background:var(--line);border-radius:9px;overflow:hidden}.receipt-progress>div>span{display:block;height:100%;width:0;background:var(--income);transition:width .15s linear}
.receipt-progress>.btn{justify-self:start;margin-top:5px}
.receipt-file-summary{display:flex;align-items:center;gap:12px;margin-top:19px;padding-top:17px;border-top:1px solid var(--line);min-width:0}
.receipt-file-summary>img{width:43px;height:57px;object-fit:cover;border-radius:7px;flex:none}
.receipt-file-summary>span{width:43px;height:51px;background:var(--surface2);display:grid;place-items:center;border-radius:10px;flex:none}
.receipt-file-summary>div{flex:1;min-width:0}.receipt-file-summary strong{display:block;font-size:12px;font-weight:550;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.receipt-file-summary small{display:block;font-size:10px;color:var(--muted);margin-top:5px;line-height:1.5}
.receipt-file-summary>.btn{flex:none;font-size:11px;min-width:0}
.receipt-review-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}
.receipt-fields{border:0;padding:0;margin:0;min-width:0}.receipt-fields:disabled{opacity:.75}
.receipt-save{margin-top:17px;min-height:44px;width:100%}
.receipt-raw{margin-top:17px;font-size:11px;color:var(--muted)}.receipt-raw summary{cursor:pointer}.receipt-raw pre{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;background:var(--surface2);border-radius:10px;padding:12px;max-height:260px;overflow:auto}
.receipt-history{overflow:hidden}.receipt-history .item-title{display:block;font-size:13px;font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.receipt-history .item-value{font-size:13px}
@keyframes moreTileIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:750px){.main-more{padding-top:18px}.more-hub{padding-top:0}.more-hub-head{margin-bottom:25px}.more-grid{gap:21px 10px}.more-tile-icon{width:61px;height:61px;border-radius:21px}.more-tile-label{font-size:11.5px}.receipt-scan-card,.receipt-review{padding:17px}.receipt-review input,.receipt-review select{font-size:16px}}
@media(max-width:360px){.more-grid{gap:19px 8px}.more-tile-icon{width:55px;height:55px;border-radius:19px}.more-tile-icon svg{width:26px;height:26px}.more-tile-label{font-size:10.5px}.receipt-file-summary{gap:8px}.receipt-file-summary>.btn{padding:8px 7px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.more-tile{animation:none}.more-tile-icon,.receipt-progress>div>span{transition:none}}

/* BEGIN EXPERIENCE STYLES */
/* V2.2.0 - V2.8.0: coloured account cards, enhanced 3D swipe physics, interactive analytics and file progress. */
.home-accounts{perspective:none;padding:6px 2px 12px;margin:-6px -2px 0;cursor:grab;user-select:none}
.home-accounts:active{cursor:grabbing}
.home-account{
 background:
  radial-gradient(circle at var(--card-shine,80%) 12%,color-mix(in srgb,var(--card-glow,#ffffff) 28%,transparent),transparent 58%),
  radial-gradient(ellipse at 90% 0%,var(--card-a,#142f54),transparent 74%),
  linear-gradient(135deg,var(--card-a,#142f54),var(--card-b,#0b1427));
 border-color:#ffffff22;
 transform:none;
 transform-origin:center center;
 transform-style:flat;
 backface-visibility:hidden;
 will-change:auto;
 transition:transform .34s cubic-bezier(.22,1,.36,1),box-shadow .34s cubic-bezier(.22,1,.36,1),filter .3s ease;
 box-shadow:0 16px 34px -8px #00000045,inset 0 1px 0 #ffffff29;
}
.home-accounts.is-scrolling .home-account{transition:none}
.home-account.is-active-card{box-shadow:0 20px 42px -10px #00000055,0 0 0 1px color-mix(in srgb,var(--card-glow,#ffaf0b) 35%,transparent),inset 0 1px 0 #ffffff38}
.home-account::before{
 background:
  linear-gradient(calc(115deg + var(--card-distance,0)*25deg),#ffffff14 0%,transparent 42%,#ffffff0d 72%,transparent 100%),
  repeating-linear-gradient(116deg,transparent 0 10px,#ffffff05 10px 11px,transparent 11px 17px);
}
.home-account::after{border-color:color-mix(in srgb,var(--card-glow,#709fdf) 30%,transparent)}
.home-account-name{flex:1;min-width:0;max-width:calc(100% - 46px)}
.home-account-name small,.home-balance-label,.home-balance-label button{color:#ffffffe0}
.home-account-totals small{color:#ffffffe0}
.home-card-colour{flex:none;width:36px;height:36px;border:1px solid #ffffff26;border-radius:12px;background:#ffffff12;color:#fff;display:grid;place-items:center;padding:6px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.home-card-colour:hover{background:#ffffff28;transform:scale(1.05)}
.home-card-colour:focus-visible{outline:2px solid #fff;outline-offset:2px}
.home-card-chip-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}
.home-card-chip{width:34px;height:24px;border-radius:6px;background:linear-gradient(135deg,#ffe299 0%,#d49b35 55%,#f6cf77 100%);border:1px solid #ffffff45;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #00000030;flex:none;opacity:.92}
.home-card-chip::before{content:'';position:absolute;inset:4px 8px;border:1px solid #6b490855;border-radius:3px}
.home-deck-actions{display:flex;align-items:center;gap:4px;justify-content:flex-start;min-width:0}
.home-deck-actions>button{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:35px;min-width:30px;background:none;border:0;color:var(--muted);padding:5px 4px;font-size:11px;white-space:nowrap;border-radius:10px}
.home-deck-actions>button:hover{color:var(--text);background:color-mix(in srgb,var(--surface2) 50%,transparent)}
.home-deck-end{justify-content:flex-end}
.home-deck-end .home-account-list{display:inline-flex;padding:5px 4px}
.home-account-pager{column-gap:6px}
.home-accounts.is-shuffling .home-account{animation:cardDeal .54s cubic-bezier(.22,1,.36,1)}
.home-accounts.is-swiping-next .home-account.is-active-card{animation:cardSwipeNext .44s cubic-bezier(.22,1,.36,1)}
.home-accounts.is-swiping-prev .home-account.is-active-card{animation:cardSwipePrev .44s cubic-bezier(.22,1,.36,1)}
.card-colour-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}
.card-colour-picker>button{min-width:0;background:none;color:var(--text);border:0;padding:0;font-size:11px;display:grid;gap:8px;text-align:center}
.card-colour-picker>button>span{height:53px;width:100%;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--card-a),var(--card-b));border:2px solid transparent;box-shadow:0 4px 10px #0000000d}
.card-colour-picker>button.selected>span{outline:2px solid var(--text);outline-offset:3px}
.card-colour-picker strong{font-size:10px;font-weight:500}
.account-card{border-top:3px solid var(--card-a,var(--line))}
.account-card .account-initial{background:var(--card-a,var(--surface2));color:#fff}

.analysis-page{min-width:0;--analysis-income:#39a88f;--analysis-expense:#e99552}
.analysis-page .page-head{margin-bottom:22px}
.analysis-filters{display:grid;grid-template-columns:minmax(130px,1.7fr) minmax(90px,1fr) minmax(120px,1.2fr);gap:12px;margin-bottom:16px}
.analysis-filters>label,.analysis-snapshot>label{display:grid;gap:7px;font-size:10px;color:var(--muted);min-width:0}
.analysis-filters select,.analysis-snapshot select{width:100%;min-width:0;padding:11px 32px 11px 12px;font-size:12px;color:var(--text);border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.analysis-scope{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:20px;min-width:0}
.analysis-scope>span{font-size:12px;font-weight:650;overflow-wrap:anywhere}
.analysis-scope>small{font-size:10px;color:var(--muted);line-height:1.5}
.analysis-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
.analysis-metric{padding:18px 17px;min-width:0;display:flex;flex-direction:column;gap:8px;border-top:3px solid var(--metric-colour,#467ae7);background:linear-gradient(135deg,color-mix(in srgb,var(--metric-colour,#467ae7) 8%,var(--surface)),var(--surface));text-align:left;width:100%}
.analysis-metric.income{--metric-colour:#2bba84}.analysis-metric.expense{--metric-colour:#ff9800}.analysis-metric.violet{--metric-colour:#8e63d8}.analysis-metric.blue{--metric-colour:#2496dc}
.analysis-metric-top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;width:100%}
.analysis-metric-top>span{font-size:11px;font-weight:650;color:var(--muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.analysis-metric-icon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--metric-colour,#ff9800) 15%,var(--surface2));color:var(--metric-colour,#ff9800);flex:none}
.analysis-metric>strong{font-size:clamp(16px,1.8vw,24px);font-weight:750;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.6px}
.analysis-metric>small{color:var(--muted);font-size:10px;line-height:1.45}
.analysis-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px;align-items:start}
.analysis-card{padding:22px;min-width:0;margin-bottom:18px;overflow:hidden}
.analysis-grid>.analysis-card{margin-bottom:0}
.analysis-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;min-width:0}
.analysis-card-head>div{min-width:0;flex:1}.analysis-card-head>svg{flex:none;color:var(--muted)}
.analysis-card-badge{width:38px;height:38px;border-radius:12px;background:#fff1d6;color:#b86800;display:grid;place-items:center;flex:none}
.analysis-card-head>strong,.analysis-card-head>b{font-size:17px;white-space:nowrap;flex-shrink:0;text-align:right}
.analysis-eyebrow{display:block;color:#a05c00;font-size:9px;letter-spacing:1.1px;margin-bottom:6px;font-weight:700;text-transform:uppercase}
.analysis-card h2{font-size:17px;font-weight:700;letter-spacing:-.3px;margin:0}
.analysis-card-head p,.analysis-category-total p{font-size:11px;line-height:1.6;color:var(--muted);margin:5px 0 0}
.analysis-trend{height:234px;display:flex;gap:5px;align-items:stretch;padding:7px 0 0;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:thin}
.analysis-month{flex:1;min-width:27px;max-width:95px;padding:3px 2px 7px;display:flex;flex-direction:column;align-items:center;gap:5px;background:none;border:1px solid transparent;border-radius:9px 9px 0 0;color:var(--muted);font-size:10px;cursor:pointer}
.analysis-month.selected{background:var(--surface2);border-color:var(--line)}
.analysis-month:hover{background:var(--surface2)}
.analysis-month>small{font-size:8px;color:var(--muted)}
.analysis-bars{display:flex;align-items:flex-end;justify-content:center;gap:4px;flex:1;width:100%;min-height:0}
.analysis-bars>i{width:clamp(5px,1.15vw,17px);height:var(--bar-height);display:block;border-radius:5px 5px 1px 1px;transform-origin:bottom;animation:analysisBarIn .65s cubic-bezier(.2,.8,.2,1) both}
.analysis-income{background:var(--analysis-income)}.analysis-expense{background:var(--analysis-expense)}
.analysis-legend{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:17px;color:var(--muted);font-size:10px}
.analysis-legend>span{display:flex;gap:6px;align-items:center}.analysis-legend i{width:7px;height:7px;border-radius:2px}
.analysis-legend>button{margin-left:auto;font-size:10px;color:var(--text);background:none;border:0;padding:5px}
.analysis-category-total{display:flex;align-items:center;gap:18px;margin-bottom:20px;padding:14px;background:var(--surface2);border-radius:18px}
.analysis-category-meta{min-width:0;flex:1}
.analysis-category-meta strong{font-size:14px;display:block;margin-bottom:4px}
.analysis-category-total p{max-width:none;margin:0}
.analysis-donut{width:122px;height:122px;border-radius:50%;padding:14px;flex:none;animation:analysisDonutIn .65s ease both;box-shadow:0 4px 14px #00000010}
.analysis-donut>span{background:var(--surface);border-radius:50%;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px;text-align:center}
.analysis-donut small{font-size:7px;letter-spacing:.7px;color:var(--muted);font-weight:700}.analysis-donut strong{font-size:12.5px;max-width:96%;white-space:nowrap;text-align:center;line-height:1.15}
.analysis-donut-sub{font-style:normal;font-size:8px;color:var(--muted)}
.analysis-category-list{max-height:380px;overflow:auto;scrollbar-width:thin;display:grid;gap:6px}
.analysis-category-list>button{width:100%;padding:11px 10px;display:flex;align-items:center;gap:12px;text-align:left;min-width:0;background:none;border:1px solid var(--line);border-radius:14px;color:var(--text)}
.analysis-category-list>button:hover,.analysis-category-list>button.selected{background:#fff3db;border-color:#ebbd6b}
.analysis-cat-body{flex:1;min-width:0;display:grid;gap:5px}
.analysis-cat-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px;min-width:0}
.analysis-cat-top strong{font-size:12.5px;font-weight:650;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.analysis-cat-top b{font-size:12.5px;font-weight:700;flex-shrink:0;white-space:nowrap}
.analysis-cat-bar{display:block;height:6px;background:var(--surface2);border-radius:99px;overflow:hidden}
.analysis-cat-bar>i{display:block;height:100%;border-radius:99px}
.analysis-category-list small{display:block;font-size:9.5px;color:var(--muted);margin:0;font-weight:450}
.analysis-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;flex-wrap:wrap}
.analysis-detail-head>div{min-width:0;flex:1}.analysis-detail-head h2{overflow-wrap:anywhere}
.analysis-detail-head p{font-size:11px;line-height:1.7;color:var(--muted);margin:5px 0 0}
.analysis-detail-head>.btn{flex:none}
.analysis-payment{width:100%;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 8px;border:0;border-top:1px solid var(--line);background:none;color:var(--text);text-align:left;min-width:0;border-radius:0}
.analysis-payment:hover{background:var(--surface2)}
.analysis-payment>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--surface2);flex:none;color:var(--muted)}
.analysis-payment>div{flex:1;min-width:0}.analysis-payment strong{font-size:12.5px;font-weight:650;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.analysis-payment small{display:block;line-height:1.45;font-size:10px;color:var(--muted);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.analysis-payment>b{font-size:13px;font-weight:750;white-space:nowrap!important;overflow-wrap:normal!important;word-break:keep-all!important;max-width:none!important;text-align:right;flex:0 0 auto!important;flex-shrink:0!important}
.analysis-big{font-size:34px;font-weight:750;letter-spacing:-1.2px;display:block;margin-bottom:16px;white-space:nowrap}
.analysis-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.analysis-compare-box{display:flex;flex-direction:column;gap:6px;min-width:0;padding:12px;background:var(--surface2);border:1px solid transparent;border-radius:14px;text-align:left;color:var(--text)}
.analysis-compare small{font-size:10px;color:var(--muted)}.analysis-compare b{font-size:15.5px;font-weight:750;white-space:nowrap}.analysis-compare span{font-size:9px;color:var(--muted);line-height:1.5}
.analysis-note{font-size:10px;line-height:1.75;color:var(--muted);margin:14px 0 0;overflow-wrap:anywhere}
.analysis-facts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.analysis-fact-tile{padding:12px;background:var(--surface2);border:1px solid transparent;border-radius:14px;display:grid;gap:5px;min-width:0;text-align:left;color:var(--text)}
.analysis-fact-tile span{font-size:10px;color:var(--muted)}
.analysis-fact-tile b{font-size:14.5px;font-weight:750;white-space:nowrap}
.analysis-top-payee{width:100%;text-align:left;margin-top:14px;padding:13px 14px;background:linear-gradient(135deg,#fff8eb,var(--surface2));border:1px solid #f0dec0;border-radius:14px;display:grid;gap:4px;color:var(--text)}
.analysis-top-payee small{color:#9a5700;font-size:8.5px;font-weight:700;letter-spacing:.7px}.analysis-top-payee strong{font-size:12.5px;line-height:1.45;font-weight:650;overflow-wrap:anywhere}.analysis-top-payee>span{font-size:10.5px;color:var(--muted)}
.analysis-heat-labels,.analysis-heat{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.analysis-heat-labels{font-size:9px;color:var(--muted);margin-bottom:8px;text-align:center;font-weight:600}
.analysis-heat>button{min-width:0;aspect-ratio:1.12;border:1px solid var(--line);border-radius:10px;position:relative;isolation:isolate;overflow:hidden;background:var(--surface2);color:var(--text);font-size:10px;font-weight:600}
.analysis-heat>button>i{position:absolute;inset:0;z-index:-1;background:var(--brand);opacity:var(--heat)}
.analysis-heat>button.selected{outline:2px solid #bd7500;outline-offset:1px}
.analysis-budgets{display:grid;gap:10px}
.analysis-budgets>.analysis-budget-item{width:100%;text-align:left;background:var(--surface2);border:1px solid transparent;border-radius:14px;padding:11px 12px;color:var(--text);display:block}
.analysis-budgets>.analysis-budget-item>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.analysis-budgets strong{font-size:12px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.analysis-budgets b{font-size:11px;text-align:right;white-space:nowrap!important;flex-shrink:0!important}
.analysis-meter{display:block;width:100%;height:6px;border-radius:9px;background:var(--line);margin:8px 0 5px;overflow:hidden}.analysis-meter>i{display:block;height:100%;border-radius:9px}
.analysis-budgets small{font-size:10px;color:var(--muted)}
.analysis-activity-link{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;margin-top:16px;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--surface2);color:var(--text);font-size:11.5px;font-weight:650}
.analysis-wealth-chart{min-width:0}.analysis-snapshot{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-top:13px}.analysis-snapshot>span{color:var(--muted);font-size:10px}
.analysis-footnote{margin-bottom:14px}.analysis-extra>summary{font-size:13px;cursor:pointer;list-style-position:inside}.analysis-extra[open]>summary{margin-bottom:22px}
.analysis-page button:focus-visible{outline:2px solid var(--brand-ink);outline-offset:2px}

.reveal-waiting{opacity:0;transform:translateY(15px);animation:none!important}
.reveal-waiting *{animation-play-state:paused!important}
.reveal-waiting:focus-within{opacity:1;transform:none}
.reveal-arrived{animation:sectionReveal .5s cubic-bezier(.22,1,.36,1) both!important}
.file-progress-panel{position:fixed;z-index:151;right:24px;bottom:25px;width:min(430px,calc(100vw - 32px));display:flex;align-items:flex-start;gap:13px;padding:17px;background:var(--surface);border:1px solid var(--line);box-shadow:0 12px 50px #00000028;border-radius:19px;animation:filePanelIn .25s ease both}
.file-progress-icon{position:relative;flex:none;width:39px;height:44px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,#467ae7 10%,var(--surface));color:#467ae7}
.file-progress-icon>i{position:absolute;inset:-4px;border:2px solid transparent;border-top-color:#467ae7;border-radius:15px;animation:fileOrbit 1.4s linear infinite}
.file-progress-body{flex:1;min-width:0}.file-progress-body>strong{font-size:12px;font-weight:600;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.file-progress-status{color:var(--muted);font-size:10px;line-height:1.6;margin:5px 0 10px}
.file-progress-track{height:5px;overflow:hidden;border-radius:9px;background:var(--line)}
.file-progress-track>span{display:block;height:100%;background:#467ae7;border-radius:9px;transition:width .15s linear}
.file-progress-track.indeterminate>span{animation:fileScan 1.3s ease-in-out infinite}
.file-progress-steps{display:flex;justify-content:space-between;gap:8px;margin-top:8px;font-size:8px;color:var(--muted)}.file-progress-steps>.done{color:var(--text)}
.file-progress-panel>button{background:none;border:0;padding:1px;color:var(--muted);flex:none}
.file-progress-panel.complete .file-progress-icon{color:#26937e}.file-progress-panel.complete .file-progress-track>span{background:#26937e}
.file-progress-panel.error{border-color:var(--red)}.file-progress-panel.error .file-progress-icon{color:var(--red)}
.has-file-progress .toast{bottom:180px}
/* Keep the card rectangular throughout every swipe and shuffle. */
@keyframes cardDeal{
 0%,100%{transform:translateX(0)}
 40%{transform:translateX(12px)}
 75%{transform:translateX(-4px)}
}
@keyframes cardSwipeNext{
 from{transform:translateX(22px);opacity:.82}
 to{transform:translateX(0);opacity:1}
}
@keyframes cardSwipePrev{
 from{transform:translateX(-22px);opacity:.82}
 to{transform:translateX(0);opacity:1}
}
@keyframes analysisBarIn{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes analysisDonutIn{from{opacity:.2;transform:rotate(-12deg) scale(.96)}to{opacity:1;transform:rotate(0) scale(1)}}
@keyframes sectionReveal{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@keyframes filePanelIn{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes fileOrbit{to{transform:rotate(360deg)}}
@keyframes fileScan{from{transform:translateX(-110%)}to{transform:translateX(400%)}}
@media(max-width:1100px){.analysis-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.analysis-grid{grid-template-columns:1fr 1fr}.analysis-card{padding:20px}}
@media(max-width:850px){.analysis-grid{grid-template-columns:1fr}.analysis-card{padding:20px}.analysis-month{max-width:none}.analysis-bars>i{width:clamp(6px,2vw,22px)}}
@media(max-width:750px){.analysis-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.analysis-filters>label:first-child{grid-column:1/-1}.analysis-filters select,.analysis-snapshot select{font-size:16px;min-height:43px}.analysis-kpis{gap:10px}.analysis-metric{padding:15px 14px}.analysis-metric>strong{font-size:clamp(15px,4.5vw,21px)}.analysis-card{padding:18px 16px;margin-bottom:15px}.analysis-grid{gap:15px;margin-bottom:15px}.analysis-trend{height:210px}.analysis-detail-head{flex-wrap:wrap}.analysis-card-head>strong,.analysis-card-head>b{font-size:15px}.analysis-heat>button{min-height:36px}.file-progress-panel{bottom:calc(90px + env(safe-area-inset-bottom));right:13px;width:calc(100% - 26px);padding:15px;gap:11px}.has-file-progress .toast{bottom:calc(246px + env(safe-area-inset-bottom))}}
@media(max-width:480px){.analysis-category-total{flex-direction:column;text-align:center;gap:12px}.analysis-compare{grid-template-columns:1fr}}
@media(max-width:360px){.home-deck-actions>button{font-size:9.5px;min-width:24px}.home-deck-actions>button>svg{width:15px}.home-account-dots{gap:3px}.analysis-metric>strong{font-size:15px}.analysis-compare b{font-size:14.5px}.analysis-month{min-width:24px}.analysis-bars{gap:2px}.analysis-card{padding:15px 13px}.analysis-heat-labels,.analysis-heat{gap:4px}.analysis-heat>button{font-size:9px}.analysis-payment>b{font-size:12px}.file-progress-icon{width:32px;height:39px}}
@media(prefers-reduced-motion:reduce){.home-account{transform:none;transition:none}.home-accounts.is-shuffling .home-account,.home-accounts.is-swiping-next .home-account,.home-accounts.is-swiping-prev .home-account,.analysis-bars>i,.analysis-donut,.reveal-arrived,.file-progress-panel,.file-progress-icon>i,.file-progress-track.indeterminate>span{animation:none!important}.reveal-waiting{opacity:1;transform:none}.reveal-waiting *{animation-play-state:running!important}.file-progress-track>span{transition:none}}
@media print{.file-progress-panel{display:none!important}.reveal-waiting{opacity:1;transform:none}}

/* V2.3.0: institution identity and compact, progressive transaction lists. */
.home-account{color:var(--card-text,#ffffff)}
.home-account-name small,.home-balance-label,.home-balance-label button,.home-account-totals small{color:var(--card-muted,#ffffffe0)}
.home-card-colour{color:var(--card-text,#fff);border-color:color-mix(in srgb,var(--card-text,#fff) 24%,transparent);background:color-mix(in srgb,var(--card-text,#fff) 7%,transparent)}
.home-account-icon{width:54px;min-width:54px;border:0;background:none}
.brand-logo{width:43px;height:32px;flex:none;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:4px;background:var(--logo-bg,#fff);overflow:hidden;line-height:0;vertical-align:middle}
.brand-logo img{width:100%;height:100%;display:block;object-fit:contain;max-width:100%}
.account-brand-logo{width:54px;height:35px;padding:4px;border-radius:9px}
.brand-monogram{display:grid;place-items:center;width:40px;height:31px;font-size:13px;font-weight:650;border:1px solid currentColor;border-radius:9px}
.account-initial:has(.brand-logo){width:62px;background:transparent;padding:0;border:0}
.tx-icon:has(.brand-logo),.home-row-icon:has(.brand-logo){background:none;padding:0;width:44px;min-width:44px}
.tx-icon .brand-logo,.home-row-icon .brand-logo{width:42px;height:34px}
.ledger-description{display:flex;align-items:center;gap:10px}.ledger-description>strong{min-width:150px}
.transaction-pager{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:22px 0 8px;font-size:12px;color:var(--muted)}
.transaction-pager>div{display:flex;gap:9px;flex-wrap:wrap}.transaction-pager .btn{min-height:43px}
.transaction-pager .btn>svg{transform:rotate(90deg)}
.bank-auto-colour{width:100%;display:flex;gap:12px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--surface2);color:var(--text);text-align:left;margin-top:18px}
.bank-auto-colour.selected{outline:2px solid var(--text);outline-offset:1px}
.bank-auto-colour>span:last-child{font-size:12px;font-weight:550}.bank-auto-colour small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:4px}
.smart-match{display:flex;align-items:center;gap:10px;padding:12px 0 3px;font-size:12px;min-width:0}.smart-match>span{width:43px;display:grid;place-items:center;flex:none}.smart-match>div{min-width:0}.smart-match strong{font-size:12px;font-weight:550}.smart-match small{display:block;margin-top:4px;line-height:1.6;color:var(--muted);font-size:10px;overflow-wrap:anywhere}
.smart-remember{display:flex;align-items:flex-start;gap:8px;font-size:11px!important;color:var(--muted);line-height:1.6;margin-top:10px}.smart-remember[hidden]{display:none}.smart-remember input{width:16px;min-width:16px;height:16px;margin:0}
.smart-library-note{padding:13px 15px;display:flex;align-items:center;gap:10px;font-size:11px;line-height:1.6;color:var(--muted);background:var(--surface2);border-radius:12px;margin-bottom:16px}
@media(max-width:750px){.transaction-pager{align-items:stretch;flex-direction:column;gap:12px;padding-top:17px}.transaction-pager>div .btn{flex:1}.home-account-name strong{font-size:15px}.home-account-icon{width:46px;min-width:46px}.account-brand-logo{width:46px;height:32px}.tx-icon .brand-logo,.home-row-icon .brand-logo{width:38px;height:32px}.smart-remember input{min-height:16px}.ledger-description{min-width:0;width:100%}.ledger-description>strong{min-width:0;overflow-wrap:anywhere}}

/* END EXPERIENCE STYLES */

/* BEGIN PAWKET THEME */
/* Pawket V2.4.0 — black, white and golden orange. */
:root{--brand:#ffaf0b;--brand-hover:#ffbf3f;--brand-ink:#ffc14c;--brand-soft:#302412;--bg:#0c0c0c;--side:#111111;--surface:#181818;--surface2:#222120;--surface3:#2c2a27;--line:#38342d;--text:#fbfaf7;--muted:#b8b2a9;--accent:#ffaf0b;--accent2:#bc7c14;--red:#ff8580;--income:#70d4a7;--gold:#ffc04b;--blue:#e4ba76;--chart:#ffaf0b;--chart-1:#ffaf0b;--chart-2:#e3d7bf;--chart-3:#c67b36;--chart-4:#8c969e;--chart-5:#d8b66f;--chart-6:#a8a39b;--chart-7:#b98b6e;--chart-8:#756955;--shadow:0 12px 35px #00000019;--radius:18px}
:root[data-theme=light]{--brand:#ffaf0b;--brand-hover:#ffbf3f;--brand-ink:#8b4800;--brand-soft:#fff0d3;--bg:#f7f6f3;--side:#ffffff;--surface:#ffffff;--surface2:#f4f2ed;--surface3:#eeebe4;--line:#e4e0d7;--text:#1a1917;--muted:#716a60;--accent:#ffaf0b;--accent2:#c07800;--red:#bb3838;--income:#19784e;--gold:#9b5d00;--blue:#8c6e42;--chart:#df9000;--chart-1:#dc8b00;--chart-2:#222222;--chart-3:#bd6f23;--chart-4:#6d7780;--chart-5:#b89b5c;--chart-6:#918b81;--chart-7:#ac8061;--chart-8:#d2c7b0;--shadow:0 10px 30px #34291808}
.positive{color:var(--income)!important}.negative{color:var(--red)!important}
.btn.primary{background:var(--brand);border-color:var(--brand);color:#17130b;box-shadow:0 4px 14px #e6a00012}
.btn.primary:hover{background:var(--brand-hover);border-color:var(--brand-hover);filter:none}
.btn.primary.danger{background:color-mix(in srgb,var(--red) 10%,var(--surface));border-color:color-mix(in srgb,var(--red) 35%,var(--line));color:var(--red);box-shadow:none}
input:focus,select:focus,textarea:focus{border-color:var(--accent2);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 15%,transparent)}
input[type=checkbox],input[type=radio]{accent-color:#c27b00}
:root[data-theme=light] input[type=date]{color-scheme:light}
.nav.active{background:var(--brand-soft);color:var(--brand-ink);box-shadow:inset 3px 0 var(--brand)}
.nav:hover{background:var(--surface2);color:var(--text)}
.sidebar{border-right-color:var(--line)}
.brand{padding:0 9px 23px}
.pawket-brand{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 11px;border-radius:12px;background:#000000;color:#ffffff;flex:none;line-height:0;max-width:100%;overflow:hidden}
.pawket-brand-symbol{width:42px;height:34px;object-fit:contain;flex:none}
.pawket-brand-wordmark{width:112px;height:25px;object-fit:contain;flex:none}
.sidebar .pawket-brand{width:100%;gap:10px;padding:10px 9px}
.sidebar .pawket-brand-wordmark{width:125px;height:28px}
.mobile-header{min-width:0}
.mobile-header .pawket-brand{padding:6px 8px;gap:6px;border-radius:10px}
.mobile-header .pawket-brand-symbol{width:30px;height:25px}
.mobile-header .pawket-brand-wordmark{width:91px;height:21px}
.topbar{min-height:53px}
.topbar-right .avatar{background:var(--brand-soft);color:var(--brand-ink);border-color:var(--line)}
.profile-circle{color:var(--brand-ink);background:var(--brand-soft)}
.home-empty-account{background:linear-gradient(145deg,#24201a,#080808);border-color:#393025;color:#fff}
.home-empty-account>small,.home-empty-account p{color:#bdb7ad}
.home-empty-account .pawket-empty-symbol{width:92px;height:73px;object-fit:contain}
.home-empty-add{background:var(--brand);color:#17130b}
.home-account-dots button.active>span{background:var(--brand-ink)}
.home-shortcuts>button:hover>span,.more-tile:hover .more-tile-icon{background:var(--brand-soft);color:var(--brand-ink)}
.home-shortcuts>button:focus-visible,.more-tile:focus-visible,.more-hub-head>button:focus-visible{outline-color:var(--brand-ink)}
.item-icon,.insight-icon{color:var(--brand-ink)}
.pill-tabs button.active{background:var(--brand);color:#17130b}
.tag{border-color:var(--line)}
.kpi-featured{background:linear-gradient(140deg,#292016,#171411 60%,#0d0d0d);border-color:#514027}
.kpi-featured .kpi-value{color:#ffc154}.kpi-featured .kpi-name,.kpi-featured .kpi-foot{color:#e5dccd}.kpi-featured .kpi-icon{background:#3a2c19;color:#ffc154}
.banner{background:linear-gradient(120deg,#282018,#141311);border-color:#514027}.banner p{color:#d8cec0}.banner>svg{color:#ffc154}
.analysis-page{--analysis-income:#2f9b70;--analysis-expense:#efa817}
.analysis-metric{--metric-colour:#d89518}.analysis-metric.blue{--metric-colour:#c68c2d}.analysis-metric.violet{--metric-colour:#9d7b47}.analysis-metric.income{--metric-colour:#2f9b70}.analysis-metric.expense{--metric-colour:#efa817}
.analysis-heat>button>i{background:var(--brand)}
.analysis-heat>button.selected,.analysis-page button:focus-visible{outline-color:var(--brand-ink)}
.analysis-activity-link:hover,.bank-file-choice:hover{border-color:var(--accent2);background:var(--brand-soft)}
.analysis-month.selected,.analysis-category-list>button.selected{background:var(--brand-soft);border-color:color-mix(in srgb,var(--brand) 40%,var(--line))}
.file-progress-icon{color:var(--brand-ink);background:var(--brand-soft)}
.file-progress-icon>i{border-top-color:var(--brand)}
.file-progress-track>span{background:var(--brand)}
.file-progress-panel.complete .file-progress-icon{color:var(--income)}.file-progress-panel.complete .file-progress-track>span{background:var(--income)}
.file-progress-panel.error .file-progress-icon{color:var(--red)}
.pwa-install-card{border-top:3px solid var(--brand)}
.pwa-install-head img{background:#000;border:1px solid #252525}
.error{background:color-mix(in srgb,var(--red) 10%,var(--surface));color:var(--red)}
.toast{background:var(--surface);border-left:3px solid var(--brand)}
.auth-screen{background:var(--bg)}
.auth-hero.pawket-auth-hero{background:#000000;padding:38px clamp(30px,5vw,76px);color:#fff;min-height:100dvh;gap:25px}
.pawket-auth-hero>.brand{padding:0;align-self:flex-start}
.pawket-auth-hero .pawket-brand{padding-left:0}
.pawket-auth-story{max-width:480px}
.pawket-auth-logo{display:block;width:min(100%,360px);height:auto;aspect-ratio:1;object-fit:contain;margin:-22px auto 1px}
.pawket-auth-hero h1{font-size:clamp(32px,3.8vw,49px);line-height:1.1;letter-spacing:-1.7px;margin:0 0 15px;font-weight:650}
.pawket-auth-hero p{color:#bcb5aa;font-size:14px;line-height:1.8;margin:0}
.pawket-auth-features{display:flex;gap:17px;flex-wrap:wrap;margin-top:24px;font-size:11px;color:#e4dacf}
.pawket-auth-features span{display:flex;align-items:center;gap:7px}.pawket-auth-features svg{color:#ffaf0b}
.pawket-auth-foot{display:flex;gap:9px;align-items:flex-start;color:#9e978d;font-size:10px;line-height:1.8;max-width:420px}.pawket-auth-foot svg{color:#ffaf0b;flex:none;margin-top:2px}
.auth-form-side{padding:clamp(25px,5vw,65px);display:grid;place-items:center}
.auth-form{max-width:390px}.auth-form h2{font-size:28px;font-weight:650}.auth-form .eyebrow{color:var(--brand-ink)}
.auth-form>.btn.primary{min-height:48px}.auth-form .auth-note{line-height:1.9}
.pawket-auth-mobile-brand{display:none}
.pawket-report-brand{display:flex;align-items:center;gap:12px;margin-bottom:22px}.pawket-report-brand .pawket-brand{padding:6px 10px}.pawket-report-brand>span{color:#8a4b00;font-size:10px;letter-spacing:1px}
@media(max-width:750px){.topbar{min-height:60px}.topbar-right{gap:2px}.topbar-right button{min-width:32px;width:32px}.auth-screen{display:block;min-height:100dvh}.auth-hero.pawket-auth-hero{display:none}.auth-form-side{min-height:100dvh;padding:30px 24px;display:flex;justify-content:center;align-items:center}.pawket-auth-mobile-brand{display:block;margin-bottom:29px}.pawket-auth-mobile-brand .pawket-brand{padding:9px 11px}.auth-form h2{font-size:26px}.bottom-nav{background:#11100e;border-top-color:#29251e;backdrop-filter:none}.bottom-nav button{color:#ada79c}.bottom-nav button.active{color:#ffb62b}.bottom-nav button.active:not(.bottom-add)::after{background:#ffb62b}.bottom-nav .bottom-add{background:#ffaf0b;color:#18130b;border-color:#ffaf0b;box-shadow:0 3px 14px #00000024}.more-hub-head{padding-top:max(2px,env(safe-area-inset-top))}}
@media(max-width:360px){.mobile-header .pawket-brand{padding:5px 6px;gap:4px}.mobile-header .pawket-brand-symbol{width:27px;height:22px}.mobile-header .pawket-brand-wordmark{width:78px;height:18px}.topbar-right button{min-width:31px;width:31px}.topbar-right{gap:1px}}
@media(max-height:760px) and (min-width:751px){.pawket-auth-logo{width:260px}.auth-hero.pawket-auth-hero{padding-block:25px;gap:15px}.pawket-auth-hero h1{font-size:35px}}
@media print{.pawket-report-brand .pawket-brand{print-color-adjust:exact;-webkit-print-color-adjust:exact}.pawket-report-brand>span{color:#2a2a2a}}

/* END PAWKET THEME */

/* BEGIN PAWKET UI */
/* Pawket 2.8 — Native Android Mobile App Edition: non-wrapping currency formatting, upgraded cards & Recent activity, clean More footer, and deep click-to-related navigation. */
:root{--bg:#08090b;--side:#0c0d0f;--surface:#1c1d20;--surface2:#242528;--surface3:#303136;--line:#313238;--text:#fafafa;--muted:#b6b7bd;--brand:#ffaf0b;--brand-ink:#ffb21b;--brand-soft:#2d2414;--accent:#ffa600;--red:#ff7979;--income:#7ad28b;--radius:23px;--chart-1:#ff9e00;--chart-2:#24b3dc;--chart-3:#ed484e;--chart-4:#906bd7;--chart-5:#93a08c;--chart-6:#168c91;--chart-7:#df7c42;--chart-8:#3d566e}
:root[data-theme=light]{--bg:#f3f3f5;--side:#ffffff;--surface:#ffffff;--surface2:#eceef1;--surface3:#e2e4e8;--line:#dbdde1;--text:#17191d;--muted:#636972;--brand-ink:#895000;--brand-soft:#fff0d1;--red:#ca3438;--income:#16812b}
html{overscroll-behavior-y:none;-webkit-text-size-adjust:100%}
.pawket-shell{min-height:100dvh;overflow-x:clip}
.pawket-main{padding:22px clamp(20px,3vw,44px) 84px;min-width:0}
.pawket-main>.page,.pawket-main>.topbar{max-width:1190px;margin-inline:auto}
.pawket-main .topbar{margin-bottom:24px}
.sidebar{background:var(--side);border-color:var(--line);padding-top:26px}
.sidebar .brand{padding:0 10px 16px}
.sidebar-label{font-size:9px;font-weight:650;letter-spacing:1.5px;color:var(--muted);padding-top:23px}
.sidebar .nav{min-height:44px;font-weight:550}
.sidebar .nav.active{background:linear-gradient(110deg,#ffae00,#ff8a00);color:#151006;box-shadow:none}
.sidebar .nav:hover{transform:none}
.pawket-brand{border-radius:0;background:#000;gap:0;padding:5px 0}
.pawket-brand-symbol{display:none}
.sidebar .pawket-brand{padding:12px;justify-content:flex-start;border-radius:14px}
.sidebar .pawket-brand-wordmark{width:139px;height:32px}
.mobile-header .pawket-brand{border-radius:0;padding:0;background:transparent}
.mobile-header .pawket-brand-wordmark{width:112px;height:26px}
.android-back-btn{display:none}
.topbar-right .no-bg{border:0;color:var(--text)}
.lang-pill-badge{display:inline-grid;place-items:center;padding:3px 7px;border-radius:8px;font-size:10px;font-weight:800;letter-spacing:.4px;background:var(--brand-soft);color:var(--brand-ink);border:1px solid color-mix(in srgb,var(--brand) 35%,transparent)}
.topbar-title{color:var(--muted);font-size:12px;font-weight:500}
.btn{min-height:44px;border-radius:14px;font-weight:650}
.btn.primary{background:linear-gradient(120deg,#ffb200,#ff8b00);border:0;color:#201500;box-shadow:0 5px 15px #ff9c0015}
.btn.primary:hover{background:linear-gradient(120deg,#ffbe2b,#ff9c16)}
.btn.primary.danger{background:#ffeded;color:#b22231;border:1px solid #ffd1d5}
button:focus-visible,summary:focus-visible{outline:2px solid var(--brand-ink);outline-offset:4px}
button,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
input,select,textarea{min-height:44px}
input[type=checkbox],input[type=radio]{min-height:0}
.pawket-page-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:6px 0 22px;min-width:0;flex-wrap:wrap}
.pawket-page-head>div:first-child{min-width:0;flex:1 1 200px}
.pawket-page-head h1{font-size:clamp(22px,2.6vw,30px);font-weight:750;letter-spacing:-.8px;margin:0;line-height:1.2;overflow-wrap:anywhere}
.pawket-page-head p{font-size:12px;color:var(--muted);line-height:1.6;margin:6px 0 0;overflow-wrap:anywhere}
.pawket-head-actions{display:flex;align-items:center;gap:8px;flex:none;flex-wrap:wrap;max-width:100%}
.pawket-head-actions>.pawket-period{max-width:none}
.pawket-icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;border:0;border-radius:15px;background:var(--surface2);color:var(--text);position:relative}
.pawket-icon-button.selected{background:var(--brand);color:#1a1202}
.pawket-icon-button>i{position:absolute;top:7px;right:7px;width:6px;height:6px;border-radius:50%;background:var(--brand)}
.pawket-section-label{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 13px;min-width:0;flex-wrap:wrap}
.pawket-section-label h2{font-size:16px;letter-spacing:-.25px}
.pawket-section-label button,.pawket-text-link{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:0;background:none;color:var(--muted);font-size:11px;min-height:38px;padding:6px 0}
.pawket-page-note{font-size:11px;color:var(--muted);line-height:1.8;margin:17px 3px 0}

/* Universal non-wrapping price & currency guard across all views */
.home-row-amount,
.pawket-days .tx-item-right,
.pawket-days .tx-item-right>strong,
.analysis-payment>b,
.analysis-cat-top b,
.analysis-budgets b,
.pawket-budget-row-title>b,
.pawket-day>header>span,
.list-row .item-value,
.pawket-home-legend b,
.tx-group-totals span,
.tx-group-totals strong,
.pawket-tx-card-amount,
.pawket-transaction-detail>strong{
 white-space:nowrap!important;
 overflow-wrap:normal!important;
 word-break:keep-all!important;
 max-width:none!important;
 flex-shrink:0!important;
 font-variant-numeric:tabular-nums;
}

/* Interactive clickable affordances */
.is-clickable{cursor:pointer;transition:transform .16s cubic-bezier(.22,1,.36,1),box-shadow .18s ease,border-color .18s ease,background-color .18s ease}
.is-clickable:hover{border-color:color-mix(in srgb,var(--brand) 48%,var(--line))!important;box-shadow:0 8px 20px #00000012}
.is-clickable:active{transform:scale(.982)}

/* Panels remain light in the dark canvas theme, as in the reference. */
.card:not(.kpi-featured),.pawket-day-list,.home-recent,.modal,.quick-sheet,.file-progress-panel,.pwa-install-card,.toast{--bg:#ffffff;--surface:#ffffff;--surface2:#f3f4f6;--surface3:#e9eaed;--line:#e7e8ec;--text:#17191d;--muted:#626a73;--brand-ink:#955200;--brand-soft:#fff1d8;--income:#12822c;--red:#d82e37;--gold:#8c5300;--blue:#37658a;color:var(--text);background:linear-gradient(155deg,#fff,#f8f8fa);border-color:#e9e9ed;color-scheme:light;box-shadow:0 6px 20px #00000010}
.card input[type=date],.modal input[type=date],.card input[type=month]{color-scheme:light}
.card .positive,.modal .positive,.pawket-day-list .positive,.home-recent .positive{color:var(--income)!important}
.card .negative,.modal .negative,.pawket-day-list .negative,.home-recent .negative{color:var(--red)!important}
.card .btn:not(.primary),.modal .btn:not(.primary){background:var(--surface2);color:var(--text)}
.card .btn.danger,.modal .btn.danger{color:var(--red)}
.status,.status.expense,.status.transfer,.status.valuation{background:var(--surface2);color:var(--muted)}
.item-icon,.insight-icon{background:#fff0d5;color:#9e5b00}
.progress{background:#eceef1;height:8px}.progress>span{background:linear-gradient(90deg,#ffb41a,#ff9000)}
.kpi-value,.metric-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kpi-featured{background:linear-gradient(130deg,#ffbb30,#ff9300);border:0;color:#201400}
.kpi-featured .kpi-value,.kpi-featured .kpi-name,.kpi-featured .kpi-foot{color:#201400}
.kpi-featured .kpi-icon{background:#ffffff50;color:#6f3a00}
.modal-header h2{font-weight:750}.modal{border-radius:25px}.modal-foot .btn{min-width:95px}
.quick-sheet h2,.quick-sheet p{color:var(--text)}
.quick-item{color:var(--text);background:var(--surface2)}
.quick-sheet .quick-item .quick-ico{background:#fff0d5;color:#a85e00}

/* Home */
.home-priority.pawket-home{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:22px;align-items:start;padding:0}
.pawket-greeting{grid-column:1/-1;display:flex;justify-content:space-between;gap:14px;align-items:center;margin:0 0 6px;min-width:0}
.pawket-greeting-user{display:flex;align-items:center;gap:11px;min-width:0;flex:1}
.pawket-greeting-user>div{min-width:0;flex:1}
.pawket-greeting-avatar{width:42px;height:42px;border-radius:50%;border:2px solid #ffae17;background:#000;flex:none;display:inline-grid;place-items:center;overflow:hidden;box-shadow:0 4px 12px #00000025;padding:0;cursor:pointer}
.pawket-greeting-avatar>.pawket-mascot{width:100%;height:100%}
.pawket-greeting h1{font-size:22px;letter-spacing:-.5px;font-weight:750;margin:0 0 3px;overflow-wrap:anywhere}
.pawket-greeting h1>span{display:inline-block;font-size:19px;transform-origin:70% 75%}
.home-enter .pawket-greeting h1>span{animation:pawketWave 1s .2s ease}
.pawket-greeting p{font-size:12px;margin:0;color:var(--muted);overflow-wrap:anywhere}
.pawket-greeting-date{color:var(--brand-ink);background:var(--brand-soft);border:1px solid color-mix(in srgb,var(--brand) 30%,transparent);padding:6px 11px;border-radius:99px;font-size:10.5px;font-weight:700;white-space:nowrap;flex:none;cursor:pointer}
.pawket-home-overview{display:grid;gap:14px;min-width:0}
.pawket-cash-card{position:relative;padding:24px 22px 20px;border-radius:26px;background:linear-gradient(125deg,#ffcf62 0%,#ffb51b 43%,#ff8b00 100%);color:#181207;box-shadow:0 13px 30px #00000018;min-width:0;isolation:isolate;overflow:hidden}
.pawket-cash-card::before{content:'';position:absolute;right:0;top:0;width:54%;height:100%;background:linear-gradient(140deg,transparent 44%,#ffdf8540 44%,transparent 70%);border-radius:inherit;z-index:-1}
.pawket-cash-top{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:650;padding-right:68px;min-height:28px;min-width:0}
.pawket-cash-top>span{min-width:0;overflow-wrap:anywhere}
.pawket-cash-top>button{background:none;color:inherit;border:0;min-width:34px;min-height:34px;display:grid;place-items:center;flex:none}
.pawket-cash-value-btn{display:block;width:100%;background:none;border:0;padding:0;color:inherit;text-align:left;cursor:pointer}
.pawket-cash-value{display:block;font-size:clamp(24px,3.2vw,40px);line-height:1.18;letter-spacing:-1.3px;margin:10px 0 8px;padding-right:64px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pawket-cash-caption{display:block;font-size:10.5px;line-height:1.6;color:#5e3900;max-width:100%;overflow-wrap:anywhere}
.pawket-cash-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:10.5px;margin-top:16px;min-width:0}
.pawket-cash-count-btn{display:inline-flex;align-items:center;gap:6px;font-weight:650;min-width:0;background:none;border:0;padding:4px 0;color:inherit;font-size:10.5px;cursor:pointer}
.pawket-cash-foot>button:last-child{display:inline-flex;align-items:center;gap:4px;background:#fff7d978;border:1px solid #fff6d466;min-height:34px;border-radius:18px;color:#3d2100;padding:6px 12px;font-size:10.5px;font-weight:700;flex:none}
.pawket-mascot{display:inline-grid;place-items:center;background:#000;flex:none;overflow:hidden;border-radius:50%;line-height:0}
.pawket-mascot>img{display:block;width:100%;height:100%;object-fit:contain;padding:6%;max-width:100%}
.pawket-cash-mascot{position:absolute;width:62px;height:62px;right:16px;top:14px;box-shadow:0 4px 12px #00000024;border:2.5px solid #ffe299;transform:rotate(4deg);pointer-events:none}
.pawket-home-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pawket-mini-stat{padding:16px 15px;border-radius:21px;min-width:0;position:relative;overflow:hidden;text-align:left;width:100%;cursor:pointer}
.pawket-mini-stat.income{background:linear-gradient(140deg,#fff,#f0fff0)!important}
.pawket-mini-stat.expense{background:linear-gradient(140deg,#fff,#fff2f0)!important}
.pawket-mini-stat>span{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:650;min-width:0}
.pawket-mini-stat>span>svg{padding:4px;width:26px;height:26px;border-radius:50%;background:#daf8d9;color:#16822d;flex:none}
.pawket-mini-stat.expense>span>svg{background:#ffe0e0;color:#d83232}
.pawket-mini-stat>strong{font-size:clamp(15px,2.1vw,24px);display:block;letter-spacing:-.7px;line-height:1.25;margin:6px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pawket-mini-stat>small{font-size:9.5px;color:var(--muted);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pawket-home-summary{padding:21px 20px;border-radius:25px;min-height:310px;display:flex;flex-direction:column;justify-content:space-between}
.pawket-home-summary>header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}
.pawket-home-summary h2{font-size:15px;font-weight:750;min-width:0}
.pawket-period{min-width:0;display:block;flex:none;max-width:100%}
.pawket-period select,.pawket-period input{border:0;border-radius:22px;background:var(--surface2);color:var(--text);font-size:11px;font-weight:650;padding:7px 12px;min-height:36px;width:auto;max-width:100%}
.pawket-home-breakdown{display:grid;grid-template-columns:136px minmax(0,1fr);align-items:center;gap:16px;min-height:154px}
.pawket-home-ring{width:136px;height:136px;border-radius:50%;border:0;padding:0;display:grid;place-items:center;transform:rotate(0);animation:pawketRing .65s cubic-bezier(.22,1,.36,1) both;margin-inline:auto;cursor:pointer}
.pawket-home-ring>div{border-radius:50%;background:var(--surface);width:98px;height:98px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-align:center;padding:8px}
.pawket-home-ring small{font-size:8.5px;color:var(--muted);line-height:1.2}
.pawket-home-ring strong{font-size:clamp(11.5px,1.4vw,14.5px);font-weight:800;white-space:nowrap;max-width:100%;line-height:1.15}
.pawket-home-legend{display:grid;gap:5px;min-width:0}
.pawket-home-legend>button{display:flex;gap:7px;align-items:center;justify-content:space-between;min-height:30px;text-align:left;background:none;border:0;padding:4px 4px;font-size:11px;color:var(--text);width:100%;min-width:0;border-radius:8px}
.pawket-home-legend>button:hover{background:var(--surface2)}
.pawket-home-legend i{width:8px;height:8px;border-radius:50%;flex:none}
.pawket-home-legend span{flex:1;min-width:0;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pawket-home-legend b{font-size:10.5px;font-weight:750;flex:none;padding-left:4px;white-space:nowrap!important}
.pawket-home-summary>.pawket-text-link{display:flex;justify-content:flex-end;margin-top:14px;width:100%;border-top:1px solid var(--line);padding-top:12px;color:#945300;font-size:11px;font-weight:650}
.pawket-ring-empty{min-height:175px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:10px}
.pawket-ring-empty>svg{color:#e69a11}.pawket-ring-empty strong{font-size:13px}.pawket-ring-empty>span{font-size:11px;color:var(--muted)}
.pawket-home-wallet{min-width:0;padding-top:4px}
.pawket-home .home-accounts{margin:0;gap:12px;border-radius:24px}
.pawket-home .home-account{min-height:224px;padding:20px 21px;border-radius:24px}
.pawket-home .home-account-head{margin-bottom:14px}
.pawket-home .home-account-name strong{font-size:15.5px}.pawket-home .home-account-name small{font-size:10.5px}
.pawket-home .home-account-balance{margin-top:6px;margin-bottom:18px;min-height:44px;flex-wrap:nowrap;white-space:nowrap}
.home-account-balance-btn{background:none;border:0;padding:2px 0;color:inherit;text-align:left;cursor:pointer;width:fit-content;max-width:100%;border-radius:10px}
.home-account-balance-btn:hover{opacity:.92}
.pawket-home .home-balance-number{font-size:clamp(24px,4vw,33px);letter-spacing:-1px;white-space:nowrap}
.pawket-home .home-balance-currency{font-size:16px}
.pawket-home .home-balance-label{margin-top:8px;font-size:11px}
.pawket-home .home-account-totals{gap:12px}
.pawket-home .home-account-totals>div+div,.pawket-home .home-account-totals>button+button{padding-left:12px;border-left:1px solid #ffffff1f}
.home-account-total-btn{background:none;border:0;padding:4px 6px;margin:-4px -6px;border-radius:10px;color:inherit;text-align:left;cursor:pointer;min-width:0}
.home-account-total-btn:hover{background:#ffffff14}
.pawket-home .home-account-totals strong{font-size:13px;white-space:nowrap}.pawket-home .home-account-totals small{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pawket-home .home-account-pager{margin:9px 0 14px;min-height:38px;padding:3px 8px;border-radius:16px;background:color-mix(in srgb,var(--surface) 75%,transparent);border:1px solid color-mix(in srgb,var(--line) 70%,transparent)}

/* Upgraded Quick Action Shortcuts */
.home-shortcuts{gap:10px;margin:0}
.home-shortcuts>button{
 padding:12px 6px;
 min-height:82px;
 border:1px solid color-mix(in srgb,var(--line) 85%,transparent);
 border-radius:20px;
 background:linear-gradient(160deg,var(--surface2),var(--surface));
 color:var(--text);
 box-shadow:0 6px 16px #00000018;
 transition:transform .16s cubic-bezier(.22,1,.36,1),border-color .18s ease,box-shadow .18s ease;
}
:root[data-theme=light] .home-shortcuts>button{
 background:linear-gradient(160deg,#ffffff,#f7f8fa);
 border-color:#e4e6eb;
 box-shadow:0 4px 12px #00000008;
}
.home-shortcuts>button:hover{border-color:color-mix(in srgb,var(--brand) 55%,var(--line));transform:translateY(-2px)}
.home-shortcuts>button:active{transform:scale(.96)}
.home-shortcuts>button>span{
 background:linear-gradient(145deg,#fff3d6,#ffdfa0);
 color:#944f00;
 border:1px solid #f5cf84;
 border-radius:14px;
 width:40px;
 height:40px;
 margin-bottom:5px;
 display:grid;
 place-items:center;
 box-shadow:0 3px 8px #ff990018;
}
.home-shortcuts>button:hover>span,.home-shortcuts>button:active>span{background:linear-gradient(135deg,#ffb829,#ff8b00);color:#1f1400;border-color:#ff9d00}
.home-shortcuts>button>strong{font-size:11px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;letter-spacing:-.1px}

/* Upgraded Recent Activity Card & Non-Wrapping Price Rows */
.home-recent{border-radius:24px;overflow:hidden;min-width:0;margin-top:4px;border:1px solid #e6e8ec}
.home-recent-head{display:flex;align-items:center;justify-content:space-between;padding:17px 18px;border-bottom:1px solid #eceef2;min-height:64px;flex-wrap:wrap;gap:10px;background:linear-gradient(180deg,#ffffff,#fafbfc)}
.home-recent-head h2{font-size:15.5px;font-weight:750;line-height:1.35;display:flex;align-items:center;gap:6px;min-width:0}
.home-recent-head h2>span{font-size:11.5px;font-weight:600;color:#7a5200;background:#fff2d6;padding:3px 9px;border-radius:99px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:175px}
.home-recent-actions{display:flex;align-items:center;gap:8px;flex:none}
.home-recent-row{
 display:flex!important;
 align-items:center;
 justify-content:space-between;
 padding:13px 16px;
 gap:12px;
 min-height:72px;
 background:#ffffff;
 width:100%;
 border:0;
 border-top:1px solid #eef0f4;
 text-align:left;
 color:var(--text);
 cursor:pointer;
 transition:background-color .15s ease,transform .14s ease;
}
.home-recent-row:first-child{border-top:0}
.home-recent-row:nth-child(even){background:#fafbfc}
.home-recent-row:hover{background:#fff8eb}
.home-recent-row:active{background:#fff0d4;transform:scale(.992)}
.home-row-icon{background:#f2f4f7;border:1px solid #e6e8ee;border-radius:13px;width:40px;height:40px;min-width:40px;flex:0 0 40px;display:grid;place-items:center}
.home-row-text{flex:1 1 auto;min-width:0;overflow:hidden;display:grid;gap:3px}
.home-row-text>strong{font-size:13.5px;font-weight:700;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;color:#15181e}
.home-row-text>small{font-size:10.5px;line-height:1.4;color:#646b75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;margin:0}
.home-row-amount{
 flex:0 0 auto!important;
 flex-shrink:0!important;
 font-size:13.5px;
 font-weight:750;
 white-space:nowrap!important;
 overflow-wrap:normal!important;
 word-break:keep-all!important;
 max-width:none!important;
 text-align:right;
 letter-spacing:-.25px;
 padding:4px 8px;
 border-radius:9px;
 background:#f4f5f8;
}
.home-row-amount.positive{background:#e8f8ec;color:#117a27!important}
.home-row-amount.negative{background:#fff1f1;color:#c92a32!important}
.home-move{display:inline-flex;align-items:center;gap:5px;color:#252a31!important;background:#f4f5f8!important;border:1px solid #dfe2e8!important;border-radius:99px!important;padding:6px 11px!important;font-size:11.5px!important;font-weight:650!important;min-height:32px!important}
.home-move:hover{background:#ffecc4!important;border-color:#f0c36d!important;color:#5c3400!important}
.home-see-all{color:#8a4f00!important;font-weight:700!important;font-size:12px!important;min-height:32px!important;padding:6px 8px!important;border-radius:10px!important}
.home-see-all:hover{background:#fff3db!important}
.home-empty-account{min-height:224px;background:#121212}.home-empty-account .pawket-mascot{width:80px;height:65px}

/* Account Card Clickable Body */
.account-card{display:flex;flex-direction:column;justify-content:space-between}
.account-card-main{background:none;border:0;padding:0;color:inherit;text-align:left;width:100%;cursor:pointer;display:block}
.account-card-main:hover .account-balance{color:var(--brand-ink)}

/* Transactions: daily list, swipeable card deck, and swipeable detail modal. */
.pawket-transactions{max-width:950px;margin:auto;min-width:0}
.pawket-view-switch{display:inline-flex;background:var(--surface2);padding:3px;border-radius:14px;border:1px solid var(--line);gap:3px}
.pawket-view-pill{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:var(--muted);padding:6px 11px;border-radius:11px;font-size:11px;font-weight:650;min-height:34px}
.pawket-view-pill.active{background:var(--brand);color:#1d1300;box-shadow:0 2px 8px #00000018}
.pawket-search-bar{display:flex;gap:10px;margin-bottom:14px;align-items:center}
.pawket-search-bar>label{display:flex;align-items:center;gap:8px;flex:1;min-width:0;padding:0 15px;background:#ececee;border-radius:18px;color:#20242a}
.pawket-search-bar input{background:transparent;color:#16191d;border:0;min-width:0;padding:12px 0;font-size:13px;box-shadow:none;min-height:45px}
.pawket-search-bar input::placeholder{color:#60656c;opacity:1}
.pawket-tabs{display:flex;gap:7px;margin:0 0 18px;min-width:0}
.pawket-tabs>button{flex:1;min-width:0;min-height:42px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(130deg,var(--surface2),var(--surface));color:var(--text);font-size:12px;font-weight:650;padding:9px 10px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pawket-tabs>button.active{background:linear-gradient(125deg,#ffb300,#ff9000);border-color:#ffac00;color:#201500;box-shadow:0 4px 15px #ff990015}
.pawket-tx-filters{padding:18px;margin:0 0 17px}
.pawket-tx-filters[hidden],.pawket-analysis-pane[hidden]{display:none!important}
.pawket-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.pawket-filter-grid>label{display:grid;gap:7px;font-size:10px;color:var(--muted);min-width:0}
.pawket-filter-grid select{font-size:12px;padding-inline:9px;min-width:0}
.pawket-filter-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:16px}
.pawket-filter-foot .pill-tabs{padding:3px;border-radius:14px;flex-wrap:wrap}.pawket-filter-foot .pill-tabs button{font-size:10px;min-height:35px}
.pawket-tx-totals{font-size:11px;color:var(--muted);margin:0 0 18px}
.pawket-tx-totals>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 12px;cursor:pointer;min-height:34px;padding:8px 2px}
.pawket-tx-totals summary::-webkit-details-marker{display:none}
.pawket-tx-totals summary>strong{font-size:11px;text-align:right;color:var(--text);white-space:nowrap}
.pawket-totals-body{padding:14px;border:1px solid var(--line);border-radius:15px;display:flex;gap:15px;flex-wrap:wrap;margin:9px 0 0}
.pawket-totals-body>span{display:grid;gap:6px;flex:1;min-width:120px}.pawket-totals-body b{font-size:15px;white-space:nowrap}
.pawket-totals-body p{font-size:10px;margin:0;flex-basis:100%;line-height:1.7}
.pawket-days{display:grid;gap:20px}
.pawket-day{min-width:0}
.pawket-day>header{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:nowrap;gap:10px;margin:0 3px 9px}
.pawket-day h2{font-size:13px;letter-spacing:0;font-weight:650;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pawket-day>header>span{font-size:12px;font-weight:700;color:var(--text);text-align:right;white-space:nowrap!important;flex-shrink:0}
.pawket-day-list{border-radius:22px;overflow:hidden;border:1px solid #e9e9ec}
.pawket-days .tx-item{
 display:flex!important;
 justify-content:space-between;
 align-items:center;
 width:100%;
 border:0;
 border-top:1px solid var(--line);
 text-align:left;
 background:transparent;
 color:var(--text);
 font:inherit;
 min-height:74px;
 padding:13px 16px;
 gap:12px;
 border-radius:0;
}
.pawket-days .tx-item:first-child{border-top:0}
.pawket-days .tx-item:hover{background:#fff8e9}
.pawket-days .tx-item:active{transform:scale(.992);background:#fff0cf}
.pawket-days .tx-item:focus-visible{outline:2px solid #d58a00;outline-offset:-3px}
.tx-item-copy{min-width:0;flex:1;display:grid;gap:3px;overflow:hidden}
.pawket-days .tx-item-left{display:flex;align-items:center;gap:11px;min-width:0;flex:1 1 auto;overflow:hidden}
.pawket-days .tx-icon{width:40px;height:40px;min-width:40px;flex:0 0 40px;border:0;background:#fff0d5;color:#c87900;border-radius:13px}
.pawket-days .tx-icon:has(.brand-logo){background:transparent}
.pawket-days .tx-icon .brand-logo{width:39px;height:35px;padding:3px;border-radius:8px}
.pawket-days .tx-item-title{font-size:13.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;line-height:1.35}
.pawket-days .tx-item-sub{font-size:10.5px;display:flex;flex-wrap:nowrap;gap:5px;line-height:1.4;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;align-items:center}
.pawket-category-dot{width:6px;height:6px;background:#ff9d00;border-radius:50%;flex:none}
.pawket-days .tx-item-right{
 flex:0 0 auto!important;
 flex-shrink:0!important;
 max-width:none!important;
 white-space:nowrap!important;
 min-width:0;
 gap:3px;
 display:grid;
 justify-items:end;
}
.pawket-days .tx-item-right>strong{
 font-size:13.5px;
 font-weight:750;
 white-space:nowrap!important;
 overflow-wrap:normal!important;
 word-break:keep-all!important;
 text-align:right;
}
.pawket-days .tx-item-right>small{display:block;font-size:9.5px;color:var(--muted);font-weight:500;max-width:130px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.transaction-pager{font-size:11px;padding-top:20px;gap:12px}
.transaction-pager .btn{font-size:11px}

/* Transaction Card Page Swipe Deck & Detail Modal */
.pawket-transactions{width:100%;max-width:950px;margin:auto;min-width:0;overflow-x:hidden;box-sizing:border-box}
.pawket-tx-deck-wrap{display:flex!important;flex-direction:column;gap:14px;margin:6px 0 22px;width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;box-sizing:border-box!important}
.pawket-tx-deck-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;width:100%;min-width:0;font-size:11.5px;color:var(--muted);padding:0 2px;box-sizing:border-box}
.pawket-tx-counter{display:inline-flex;align-items:center;gap:6px;color:var(--text);white-space:nowrap}
.pawket-tx-mini-nav{display:inline-flex;align-items:center;gap:6px;min-width:0;margin-left:auto}
.pawket-tx-swipe-hint{font-size:10.5px;white-space:nowrap}
.pawket-deck-step-btn{width:30px;height:30px;min-width:30px;border-radius:10px;border:1px solid var(--line);background:var(--surface2);color:var(--text);display:inline-grid;place-items:center;padding:0}
.pawket-deck-step-btn:hover:not(:disabled){background:var(--brand);color:#1d1300;border-color:var(--brand)}
.pawket-tx-deck-stage{position:relative;width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;perspective:1100px;touch-action:pan-y;user-select:none;cursor:grab;padding:2px 0 8px;box-sizing:border-box}
.pawket-tx-deck-stage:active{cursor:grabbing}
.pawket-tx-swipe-card{width:100%!important;max-width:min(100%,520px)!important;min-width:0!important;padding:22px 20px!important;border-radius:26px;margin:0 auto!important;text-align:center;box-sizing:border-box!important;overflow:hidden!important;box-shadow:0 14px 32px #0000001e,0 6px 0 -2px #ffffffb8,0 11px 0 -5px #ffffff66;transition:transform .26s cubic-bezier(.22,1,.36,1),opacity .26s ease;will-change:transform}
.pawket-tx-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;min-width:0;margin-bottom:12px}
.pawket-tx-card-top>.pawket-detail-logo{margin:0!important;width:44px;height:44px;padding:8px;border-radius:14px;display:inline-grid;place-items:center;flex:0 0 44px}
.pawket-tx-type-badge{text-transform:capitalize;font-size:10.5px;padding:5px 10px;border-radius:99px;flex:0 0 auto;white-space:nowrap}
.pawket-tx-card-title{width:100%;max-width:100%;min-width:0;font-size:clamp(14.5px,4vw,17px);font-weight:750;margin:6px 0 4px;line-height:1.38;overflow-wrap:anywhere!important;word-break:break-word!important;white-space:normal!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pawket-tx-card-amount{font-size:clamp(24px,4.5vw,34px);display:block;margin:6px 0 16px;letter-spacing:-1px;white-space:nowrap}
.pawket-tx-card-meta{width:100%;max-width:100%;min-width:0;margin:0 0 18px;text-align:left;border-top:1px solid var(--line);box-sizing:border-box}
.pawket-tx-card-meta>div{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;min-width:0;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px;box-sizing:border-box}
.pawket-tx-card-meta dt{flex:0 0 auto;color:var(--muted);white-space:nowrap}
.pawket-tx-card-meta dd{flex:1 1 0%;min-width:0!important;max-width:68%;margin:0;font-weight:600;text-align:right;display:flex;justify-content:flex-end;overflow:hidden}
.pawket-tx-card-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;width:100%;min-width:0}
.pawket-tx-card-actions>.btn{flex:1 1 130px;min-width:0;max-width:100%}
.pawket-tx-deck-controls{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;align-items:center;gap:8px;max-width:min(100%,520px)!important;margin:0 auto;width:100%!important;min-width:0!important;box-sizing:border-box}
.pawket-tx-deck-controls>.btn{min-width:0!important;width:100%!important;max-width:100%!important;padding:8px 10px;font-size:11.5px;overflow:hidden;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:5px}
.pawket-tx-deck-controls>.btn>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:0 1 auto}
.pawket-tx-deck-controls>.btn>svg{flex:0 0 auto}
.pawket-tx-deck-dots{display:flex;gap:5px;align-items:center;justify-content:center;flex:0 0 auto}
.pawket-tx-deck-dots>i{width:6px;height:6px;border-radius:99px;background:var(--line);transition:width .2s ease,background-color .2s ease}
.pawket-tx-deck-dots>i.active{width:18px;background:var(--brand)}
.pawket-transaction-detail{width:100%;max-width:100%;min-width:0;overflow:hidden;text-align:center;touch-action:pan-y;user-select:none;transition:transform .24s cubic-bezier(.22,1,.36,1);box-sizing:border-box}
.pawket-detail-swiper-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-width:0;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.pawket-detail-counter{font-size:11px;color:var(--muted);font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pawket-detail-logo{display:inline-flex;margin:0 auto 14px;background:var(--surface2);border-radius:16px;padding:12px;color:#c47800}
.pawket-transaction-detail>h3{width:100%;max-width:100%;min-width:0;font-size:15.5px;overflow-wrap:anywhere!important;word-break:break-word!important;white-space:normal!important;line-height:1.4}
.pawket-transaction-detail>strong{font-size:28px;display:block;margin:7px 0 20px;white-space:nowrap}
.pawket-transaction-detail dl{width:100%;max-width:100%;min-width:0;margin:0 0 20px;text-align:left;box-sizing:border-box}
.pawket-transaction-detail dl>div{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;min-width:0;padding:10px 0;border-top:1px solid var(--line);font-size:12px;box-sizing:border-box}
.pawket-transaction-detail dt{flex:0 0 auto;color:var(--muted);white-space:nowrap}
.pawket-transaction-detail dd{flex:1 1 0%;min-width:0!important;max-width:68%;margin:0;text-align:right;display:flex;justify-content:flex-end;overflow:hidden;font-weight:550}
.detail-link-btn{display:inline-flex;align-items:center;justify-content:flex-end;gap:4px;max-width:100%;min-width:0;background:#fff4de;color:#8c4d00;border:1px solid #f2d29b;border-radius:99px;padding:4px 10px;font-size:11.5px;font-weight:650;cursor:pointer;overflow:hidden;white-space:nowrap}
.detail-link-btn>span,.pawket-meta-val{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;display:block}
.detail-link-btn>svg{flex:0 0 auto}
.detail-link-btn:hover{background:#ffe5b4;border-color:#e5b25b}
.pawket-detail-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;width:100%;min-width:0}
.pawket-detail-actions>.btn{flex:1 1 140px;min-width:0}
.swipe-from-right{animation:txSlideFromRight .28s cubic-bezier(.22,1,.36,1) both}
.swipe-from-left{animation:txSlideFromLeft .28s cubic-bezier(.22,1,.36,1) both}
@keyframes txSlideFromRight{from{opacity:.25;transform:translateX(36px) scale(.97)}to{opacity:1;transform:translateX(0) scale(1)}}
@keyframes txSlideFromLeft{from{opacity:.25;transform:translateX(-36px) scale(.97)}to{opacity:1;transform:translateX(0) scale(1)}}

/* Redesigned Analytics Hero & Cards */
.analysis-page{--analysis-income:#2bba84;--analysis-expense:#ffa000}
.analysis-filters{gap:10px;margin:0 0 14px}
.analysis-filters select{background:var(--surface2);border:0;border-radius:20px;min-height:42px}
.analysis-filters>label{font-size:10px}
.analysis-scope{margin-bottom:16px}
.pawket-analysis-tabs{margin-bottom:18px}
.pawket-analysis-filter{margin:-4px 3px 16px;color:var(--muted);font-size:11px}
.pawket-analysis-filter>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;cursor:pointer;min-height:30px}
.pawket-analysis-filter>summary>span{min-width:0;display:flex;align-items:center;gap:6px;line-height:1.6}
.pawket-analysis-filter>summary::-webkit-details-marker{display:none}
.pawket-analysis-filter[open]{padding:14px;border:1px solid var(--line);border-radius:17px;margin-inline:0;background:var(--surface)}
.pawket-analysis-filter[open]>summary{margin-bottom:14px}
.pawket-analysis-filter[open]>summary>svg{transform:rotate(90deg)}
.pawket-analysis-filter .analysis-filters{grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr) auto;align-items:end;margin:0}
.pawket-analysis-filter>p{font-size:10px;margin:12px 0 0;line-height:1.7}
.pawket-analysis-hero{padding:24px 23px 22px;margin-bottom:20px;border-radius:26px;position:relative;overflow:hidden}
.pawket-analysis-hero::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ffb71d,#ff8500,#2bba84)}
.pawket-analysis-hero-head{display:flex;gap:13px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}
.pawket-analysis-badge{width:44px;height:44px;flex:none;display:grid;place-items:center;background:linear-gradient(130deg,#ffb71d,#ff8500);border-radius:14px;color:#fff;box-shadow:0 6px 16px #ff950028}
.pawket-analysis-title-block{min-width:0;flex:1 1 180px}
.pawket-analysis-eyebrow-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}
.pawket-analysis-hero h2{font-size:13px;font-weight:700;line-height:1.4;margin:0}
.pawket-scope-pill{font-size:10px;font-weight:650;padding:3px 9px;border-radius:99px;background:#fff1d6;color:#995400}
.pawket-analysis-hero-head strong{display:block;font-size:clamp(25px,3.4vw,37px);line-height:1.2;letter-spacing:-1px;white-space:nowrap}
.pawket-spending-change{display:inline-flex;gap:5px;align-items:center;justify-content:center;padding:7px 12px;border-radius:20px;width:fit-content;max-width:100%;font-size:10.5px;font-weight:650;line-height:1.4;align-self:center}
.pawket-spending-change.good{background:#e0f8e2;color:#18742a}.pawket-spending-change.up{background:#fff0de;color:#9e5200}.pawket-spending-change.neutral{background:#eef0f3;color:#636b73}
.pawket-analysis-pulse{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0 14px;padding:13px;background:var(--surface2);border-radius:18px}
.pawket-pulse-item{min-width:0;display:grid;gap:4px;background:none;border:0;padding:4px;text-align:left;color:var(--text);border-radius:10px}
.pawket-pulse-item+.pawket-pulse-item{padding-left:10px;border-left:1px solid var(--line);border-radius:0}
.pawket-pulse-item small{font-size:9.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pawket-pulse-item strong{font-size:clamp(12px,1.6vw,15.5px);font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pawket-flow-ratio{margin:0 0 16px}
.pawket-flow-bar{height:8px;border-radius:99px;background:var(--surface2);display:flex;overflow:hidden;gap:2px}
.pawket-flow-bar .flow-inc{background:#2bba84;height:100%;border-radius:99px 0 0 99px;transition:width .35s ease}
.pawket-flow-bar .flow-exp{background:#ff9900;height:100%;border-radius:0 99px 99px 0;transition:width .35s ease}
.pawket-flow-labels{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--muted);margin-top:6px;font-weight:600}
.pawket-flow-labels>span{display:inline-flex;align-items:center;gap:5px}
.flow-dot{width:7px;height:7px;border-radius:50%;display:inline-block}
.flow-dot.inc{background:#2bba84}.flow-dot.exp{background:#ff9900}
.pawket-spending-chart{display:grid;grid-template-columns:32px minmax(0,1fr);gap:9px;height:224px;margin-top:18px}
.pawket-chart-axis{display:flex;flex-direction:column;justify-content:space-between;padding:18px 0 28px;font-size:9px;color:#6f7681;text-align:right}
.pawket-chart-bars{display:flex;gap:8px;position:relative;min-width:0;padding-top:18px;background:repeating-linear-gradient(to top,transparent 0 calc(25% - 1px),#ededf1 calc(25% - 1px) 25%);background-size:100% calc(100% - 46px);background-repeat:no-repeat;background-position:0 18px}
.pawket-chart-bars>button{min-width:0;flex:1;display:flex;flex-direction:column;align-items:center;padding:0;gap:6px;background:none;border:0;color:#5f6670;border-radius:8px 8px 0 0;position:relative}
.pawket-bar-val{font-style:normal;font-size:8.5px;font-weight:700;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;opacity:.75;transition:opacity .2s,color .2s}
.pawket-chart-bars>button.selected .pawket-bar-val,.pawket-chart-bars>button:hover .pawket-bar-val{opacity:1;color:#b86200}
.pawket-chart-bars>button>span{width:100%;flex:1;display:flex;align-items:flex-end;justify-content:center;min-height:0}
.pawket-chart-bars i{display:block;width:min(78%,40px);height:var(--expense-height);min-height:4px;border-radius:8px 8px 2px 2px;background:linear-gradient(180deg,#ffbf36,#ff8b00);transform-origin:bottom;animation:analysisBarIn .65s cubic-bezier(.22,1,.36,1) both}
.pawket-chart-bars>button.selected i{background:linear-gradient(180deg,#ffbc1d,#eb7500);box-shadow:0 4px 12px #ff900038}
.pawket-chart-bars>button.selected small{font-weight:750;color:#16191e}
.pawket-chart-bars>button>small{font-size:10px;height:18px}
.pawket-chart-caption{color:var(--muted);font-size:9.5px;line-height:1.6;text-align:center;margin:11px 0 14px}
.pawket-coach{display:flex;align-items:center;gap:14px;padding:15px 16px;border:1px solid #eadfcb;border-radius:20px;background:linear-gradient(130deg,#fffdf6,#fff0dc);margin-top:14px}
.pawket-coach .pawket-mascot{width:64px;height:64px;border-radius:16px;transform:rotate(-4deg)}
.pawket-coach>div{min-width:0;flex:1}.pawket-coach strong{font-size:12px;line-height:1.5;display:block}.pawket-coach p{font-size:10.5px;color:#756546;line-height:1.65;margin:4px 0 0}
.analysis-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.analysis-metric{border-top:0;border-radius:20px;padding:17px 16px;gap:8px}
.analysis-metric>strong{font-weight:750}.analysis-metric>span{font-size:11px}
.analysis-card{border-radius:24px;padding:22px}.analysis-card h2{font-weight:700}.analysis-card-head{margin-bottom:18px}
.analysis-month.selected,.analysis-category-list>button.selected{background:#fff0d4;border-color:#e9bf77}
.analysis-bars>.analysis-expense{background:linear-gradient(0deg,#ff8a00,#ffbe32)}
.analysis-category-list>button{border-radius:14px}
.analysis-donut{background-color:#fff}.analysis-heat>button.selected{outline-color:#bd7500}
.analysis-extra{margin-top:20px}.analysis-extra summary{font-weight:650}
.analysis-note{font-size:10px}

/* Import */
.pawket-bank-upload{max-width:680px;margin:0 auto 22px;padding:28px 25px 24px;border-radius:27px;text-align:center}
.pawket-import-art{position:relative;width:104px;height:109px;display:grid;place-items:center;margin:0 auto 20px;background:#f0f2f4;border:1px solid #e0e3e7;border-radius:18px;color:#86909a}
.pawket-import-art>b{position:absolute;left:-10px;bottom:13px;background:linear-gradient(130deg,#ffaf00,#ff7b0b);padding:7px 10px;color:#311b00;box-shadow:0 4px 7px #d38b0020;border-radius:8px;font-size:15px;letter-spacing:.2px}
.pawket-bank-upload .bank-upload-head{display:block;margin-bottom:20px}.pawket-bank-upload .bank-upload-head h2{font-size:20px;line-height:1.4;letter-spacing:-.5px}.pawket-bank-upload .bank-upload-head p{font-size:12px;line-height:1.7}
.pawket-bank-upload>.field{text-align:left;margin-bottom:18px;gap:8px;font-size:11px;color:var(--muted)}
.pawket-bank-upload .bank-file-choice{border:0;background:linear-gradient(120deg,#ffb000,#ff8a00);color:#201500;min-height:92px;padding:18px 20px;display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;column-gap:10px;row-gap:4px;text-align:left;border-radius:20px;position:relative}
.pawket-bank-upload .bank-file-choice>span{background:none;color:inherit;grid-row:1/3;padding:0;width:33px;height:40px}
.pawket-bank-upload .bank-file-choice>strong{font-size:16.5px;overflow-wrap:anywhere;min-width:0;line-height:1.35}
.pawket-bank-upload .bank-file-choice>small{font-size:10.5px;color:#5e3500;line-height:1.6}
.pawket-bank-upload .bank-file-choice:focus-within{outline:2px solid #9c5a00;outline-offset:4px}
.pawket-bank-upload .bank-file-choice:hover{background:linear-gradient(120deg,#ffbb22,#ff960d)}
.pawket-bank-upload .bank-auto-note{justify-content:center;text-align:center;font-size:10.5px;margin:15px 0 22px;line-height:1.7}
.pawket-import-institutions{text-align:left;padding:18px 17px;border:1px solid #e4e6e9;border-radius:18px;background:#fff;box-shadow:0 2px 8px #00000006}
.pawket-import-institutions h3{font-size:12px;font-weight:750;margin:0 0 14px}
.pawket-import-institutions>div:first-of-type{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:center;justify-items:center}
.pawket-import-institutions .brand-logo{width:100%;max-width:72px;height:34px;border-radius:7px;padding:4px}
.pawket-import-bank-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;justify-content:center}
.pawket-import-bank-tags .tag{font-size:9.5px;padding:4px 8px;border-radius:99px;background:#f4f5f7;border-color:#e2e4e8;color:#495057}
.pawket-import-institutions p{font-size:10px;line-height:1.65;color:var(--muted);margin:14px 0 0;text-align:center}
.pawket-import-history{width:100%;display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #e4e6e9;border-radius:15px;padding:14px 13px;color:var(--text);font-size:12px;font-weight:650;margin-top:15px;min-height:49px}
.pawket-import-history>svg:last-child{margin-left:auto;color:var(--muted)}
.bank-import-summary,.bank-review{max-width:1000px;margin-inline:auto}
.bank-review-row{border-color:var(--line)}

/* Categories and budgets */
.pawket-budgets,.pawket-categories{max-width:800px;margin:auto}
.pawket-category-list{padding:0 18px;border-radius:25px;overflow:hidden}
.pawket-category-line{display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--line);min-width:0}
.pawket-category-row{display:flex;align-items:center;gap:13px;width:100%;flex:1;min-width:0;padding:14px 0;min-height:70px;border:0;background:none;text-align:left;color:var(--text)}
.pawket-category-row>strong{font-size:13px;font-weight:650;flex:1;min-width:0;line-height:1.45;overflow-wrap:anywhere}
.pawket-category-row>strong>small{display:block;font-size:9px;color:var(--muted);font-weight:400;margin-top:3px}
.pawket-category-row>svg{color:#8c949d;flex:none}
.pawket-category-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#ffedc3;color:#e48b00;flex:none}
.tone-basket,.tone-bolt{background:#ffedb9;color:#e08b00}.tone-bag,.tone-heart,.tone-paw{background:#ffe1df;color:#ed4849}.tone-car,.tone-fuel{background:#ffdfbe;color:#ee7d00}.tone-book{background:#e0edff;color:#2677c7}.tone-arrowdown{background:#dff5e1;color:#208537}.tone-activity{background:#ece2ff;color:#8154bd}
.pawket-category-dot.tone-basket{background:#ff9d00}.pawket-category-dot.tone-car{background:#309ada}.pawket-category-dot.tone-heart{background:#e34a62}.pawket-category-dot.tone-arrowdown{background:#2ca442}
.pawket-category-remove{width:34px;min-width:34px;height:40px;background:none;color:#a04b4b;border:0;display:grid;place-items:center}
.pawket-category-add{width:100%;min-height:66px;display:flex;align-items:center;gap:12px;color:#9c5b00;border:0;background:none;font-size:12px;text-align:left;font-weight:650}
.pawket-rules{padding:20px;margin-top:20px}.pawket-rules>summary{cursor:pointer;font-size:13px;font-weight:650;display:flex;justify-content:space-between;gap:15px}.pawket-rules>summary>span{color:var(--muted)}.pawket-rules>p{font-size:11px;color:var(--muted);margin:17px 0;line-height:1.8}
.pawket-rule{display:flex;gap:15px;justify-content:space-between;align-items:center;padding:14px 0;border-top:1px solid var(--line)}.pawket-rule>div{min-width:0}.pawket-rule strong{font-size:12px;overflow-wrap:anywhere}.pawket-rule small{display:block;font-size:10px;color:var(--muted);margin-top:5px}
.pawket-budget-total{padding:23px;border-radius:24px;margin-bottom:22px}
.pawket-budget-total>header{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:13px;font-weight:650}
.pawket-budget-total>header>.pawket-icon-button{width:36px;height:36px;border-radius:13px;background:#ffe8c3;color:#a96400}
.pawket-budget-total>strong{display:block;font-size:32px;letter-spacing:-1px;line-height:1.2;white-space:nowrap;margin:5px 0 20px}
.pawket-budget-numbers{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:10.5px;line-height:1.7;color:var(--muted)}.pawket-budget-numbers b{font-weight:650;color:var(--text);white-space:nowrap}
.pawket-budget-progress{display:flex;align-items:center;gap:12px;margin-top:12px}.pawket-budget-progress>.progress{margin:0;flex:1;height:11px}.pawket-budget-progress>b{font-size:11px;color:var(--muted)}
.pawket-budget-list{padding:21px 21px 8px}.pawket-budget-list>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:5px}.pawket-budget-list h2{font-size:14px;font-weight:750}
.pawket-budget-row{display:block;padding:16px 0 14px;border-top:1px solid var(--line)}.pawket-budget-row:first-of-type{border-top:0}
.pawket-budget-row-hit{display:flex;align-items:flex-start;gap:13px;width:100%;background:none;border:0;padding:4px;margin:-4px;border-radius:14px;text-align:left;color:var(--text);cursor:pointer}
.pawket-budget-row-hit:hover{background:#fff8eb}
.pawket-budget-row-body{flex:1;min-width:0}
.pawket-budget-row-title{display:flex;justify-content:space-between;align-items:baseline;gap:10px;min-width:0;flex-wrap:nowrap}.pawket-budget-row-title>strong{font-size:13px;line-height:1.4;min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pawket-budget-row-title>b{font-size:12.5px;text-align:right;white-space:nowrap!important;flex-shrink:0!important}
.pawket-budget-actual{font-size:11px;color:#9f5f00;margin-top:4px;display:block;line-height:1.5}
.pawket-budget-row-meter{display:flex;gap:14px;align-items:center}.pawket-budget-row-meter>.progress{flex:1;height:8px;margin:7px 0}.pawket-budget-row-meter>small{color:var(--muted);font-size:10px;text-align:right;min-width:34px;white-space:nowrap}
.pawket-budget-row-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-left:55px;margin-top:4px}
.pawket-budget-view-tx{border:0;background:none;padding:4px 0;font-size:10.5px;font-weight:650;color:#9c5800;display:inline-flex;align-items:center;gap:3px;cursor:pointer}
.pawket-remove-budget{border:0;background:none;padding:4px 0;min-height:26px;font-size:10px;color:var(--muted);cursor:pointer}

/* More: Restored Old Version (V2.4) Icon-Grid Hub + Clean V2.8 Footer Card */
.main-more{background:var(--bg)}
.pawket-more{max-width:860px;margin:auto;padding-top:4px;padding-bottom:18px}
.pawket-more .more-hub-head{margin-bottom:18px;align-items:flex-start}
.pawket-more .more-hub-head h1{font-size:clamp(24px,3vw,32px);font-weight:750;color:var(--text)}
.pawket-more .more-hub-head .subtitle{font-size:12px;margin-top:4px}
.pawket-more .more-hub-head>button{background:var(--surface2);color:var(--text);border:1px solid var(--line);border-radius:14px;width:44px;height:44px}
.pawket-more .more-hub-head>button:hover{background:var(--brand);color:#1d1300;border-color:var(--brand)}
.pawket-profile{display:flex;align-items:center;gap:14px;width:100%;padding:16px 18px;margin-bottom:18px;border-radius:22px;text-align:left}
.pawket-profile-avatar{width:56px;height:56px;border:2px solid #ffae17;background:#000;flex:none}
.pawket-profile>span:nth-child(2){display:grid;gap:5px;min-width:0;flex:1}
.pawket-profile strong{font-size:16px;overflow-wrap:anywhere}
.pawket-profile small{font-size:11px;color:var(--muted)}
.pawket-profile>svg{color:var(--muted);flex:none}
.pawket-more .more-group{padding:20px 18px;margin-bottom:16px;border-radius:24px}
.pawket-more .more-group>h2{color:#9a5700;font-size:10.5px;font-weight:750;text-transform:uppercase;letter-spacing:1.1px;margin:0 0 18px}
.pawket-more .more-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 12px;max-width:none}
.pawket-more .more-tile{padding:6px 4px;border-radius:16px;gap:9px}
.pawket-more .more-tile-icon{width:62px;height:62px;border-radius:20px;background:linear-gradient(145deg,#fff5df,#ffe6b8);color:#9e5600;border:1px solid #f5d69b;box-shadow:0 4px 12px #d88b0012;display:grid;place-items:center;transition:transform .2s cubic-bezier(.22,1,.36,1),background .2s ease,color .2s ease,box-shadow .2s ease}
.pawket-more .more-tile:hover .more-tile-icon,.pawket-more .more-tile:active .more-tile-icon{background:linear-gradient(135deg,#ffb829,#ff8b00);color:#1f1400;border-color:#ff9d00;transform:translateY(-3px);box-shadow:0 8px 18px #ff95002e}
.pawket-more .more-tile-label{font-size:11.5px;font-weight:600;line-height:1.35;color:var(--text);min-height:31px;max-width:100%;overflow-wrap:break-word;word-break:break-word}

/* Fixed More Footer Card */
.pawket-more-footer{
 margin-top:20px;
 padding:20px 18px 18px;
 border-radius:24px;
 display:grid;
 gap:14px;
 border:1px solid #eadbc2!important;
 background:linear-gradient(145deg,#fffdf8,#fff4df)!important;
}
.pawket-more-footer-top{
 display:flex;
 align-items:center;
 gap:14px;
 min-width:0;
}
.pawket-more-footer-mascot,.pawket-more-footer-logo{
 width:58px;
 height:58px;
 border-radius:18px;
 border:2px solid #ffbd38;
 box-shadow:0 6px 14px #0000001c;
 flex:none;
}
.pawket-more-footer-copy,.pawket-more-footer-top>div{
 min-width:0;
 flex:1;
 display:grid;
 gap:3px;
}
.pawket-more-footer-copy strong,.pawket-more-footer-top strong{display:block;
 font-size:14.5px;
 font-weight:750;
 color:#241600;
 line-height:1.3;
}
.pawket-more-footer-copy span,.pawket-more-footer-top small{display:block;
 font-size:11px;
 color:#6e5226;
 line-height:1.5;
}
.pawket-more-footer-actions,.pawket-more-footer-links{
 display:flex;
 flex-wrap:wrap;
 gap:8px;
 padding-top:12px;
 border-top:1px solid #efe2cb;
}
.pawket-more-footer-actions>button,.pawket-more-footer-links>button{
 flex:1 1 auto;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 gap:6px;
 min-height:38px;
 padding:7px 12px;
 border-radius:12px;
 border:1px solid #e6d2b0;
 background:#ffffff;
 color:#3a2400;
 font-size:11px;
 font-weight:650;
}
.pawket-more-footer-actions>button:hover,.pawket-more-footer-links>button:hover{
 background:#ffefc9;
 border-color:#ebb860;
}
.pawket-more-version{
 font-size:10px;
 text-align:center;
 letter-spacing:.2px;
 color:#7c633b;
 margin:2px 0 0;
}

/* Saved Receipts Clickable Rows */
.receipt-history .list-row{width:100%;background:none;border:0;border-top:1px solid var(--line);text-align:left;color:var(--text);cursor:pointer}
.receipt-history .list-row:first-of-type{border-top:0}
.receipt-history .list-row:hover{background:#fff8eb}

/* Motion never blocks startup or changes the values displayed. */
.route-enter .pawket-cash-card,.route-enter .pawket-home-summary,.route-enter .pawket-day{animation:pawketArrive .35s cubic-bezier(.22,1,.36,1) both}
.pawket-day:nth-child(2){animation-delay:45ms}.pawket-day:nth-child(3){animation-delay:90ms}
@keyframes pawketArrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes pawketRing{from{opacity:.5;transform:scale(.94) rotate(-20deg)}to{opacity:1;transform:scale(1) rotate(0)}}
@keyframes pawketWave{0%,100%{transform:rotate(0)}25%,75%{transform:rotate(18deg)}50%{transform:rotate(-8deg)}}
@media(min-width:1101px){.pawket-analysis-hero{max-width:860px;margin-inline:auto}.pawket-spending-chart{height:250px}.pawket-home-summary{height:100%}.pawket-home-wallet{grid-column:1}.home-recent{grid-column:2}}
@media(max-width:1100px){.home-priority.pawket-home{grid-template-columns:minmax(0,1fr)}.pawket-greeting,.pawket-home-summary{grid-column:auto}.pawket-home-breakdown{grid-template-columns:145px minmax(0,1fr);gap:22px}.pawket-home-ring{width:145px;height:145px}.pawket-home-ring>div{width:105px;height:105px}.pawket-home-summary{min-height:0}.pawket-home-overview{gap:12px}.pawket-home-legend>button{font-size:11.5px;min-height:31px}.pawket-home-legend b{font-size:11px}.analysis-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.pawket-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ============================================================================
   NATIVE ANDROID MOBILE APP UI/UX LAYER (<= 750px)
   ============================================================================ */
@media(max-width:750px){
 .pawket-main{
  margin:0;
  width:100%;
  padding:0 14px calc(112px + env(safe-area-inset-bottom));
  min-height:100dvh;
  max-width:none;
 }
 /* Native Android Sticky Top App Bar */
 .pawket-main .topbar.android-topbar{
  position:sticky;
  top:0;
  margin:0 -14px 14px;
  padding:max(10px,env(safe-area-inset-top)) 14px 10px;
  min-height:58px;
  border-bottom:1px solid color-mix(in srgb,var(--line) 55%,transparent);
  background:color-mix(in srgb,var(--bg) 92%,transparent);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  z-index:35;
  display:flex;
  align-items:center;
  justify-content:space-between;
 }
 .pawket-main .topbar-left{display:none}
 .pawket-main .mobile-header{display:flex;align-items:center;gap:8px;min-width:0;flex:1}
 .pawket-main.is-sub-route .mobile-header .pawket-brand{display:none}
 .pawket-main.is-sub-route .android-back-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:none;
  border:0;
  color:var(--text);
  font-size:16px;
  font-weight:750;
  letter-spacing:-.3px;
  padding:6px 10px 6px 2px;
  border-radius:12px;
  min-width:0;
  max-width:100%;
 }
 .pawket-main.is-sub-route .android-back-btn>span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
 }
 .pawket-main.is-sub-route .android-back-btn:active{background:var(--surface2)}
 .pawket-main .topbar-right{gap:3px;flex:none}
 .pawket-main .topbar-right .btn{width:38px;min-width:38px;height:38px;padding:0;border-radius:50%}
 .pawket-main .topbar-right .btn:active{background:var(--surface2);transform:scale(.92)}

 /* Page Headings & Native Android Action Bar */
 .pawket-main .pawket-page-head{margin:2px 2px 16px;gap:10px}
 .pawket-page-head h1{font-size:22px}.pawket-page-head p{font-size:11.5px}
 .pawket-main .page-head{margin-bottom:16px;gap:12px}
 .pawket-main .page-head h1{font-size:22px}
 .pawket-main .page-head .subtitle{font-size:11.5px}

 /* Native Android Super-App Home Ordering & Carousel Peek */
 .home-priority.pawket-home{display:flex;flex-direction:column;gap:16px}
 .home-priority.pawket-home>*{width:100%}
 .pawket-greeting{order:1;margin:0 2px 2px;align-items:center;gap:10px}
 .pawket-greeting-avatar{width:38px;height:38px}
 .pawket-greeting h1{font-size:18px;line-height:1.3;margin-bottom:1px;letter-spacing:-.4px}
 .pawket-greeting p{font-size:11px;line-height:1.4}
 .pawket-greeting-date{font-size:10px;padding:5px 10px}
 .pawket-home-overview{order:2;gap:11px}
 .pawket-home-wallet{order:3;padding-top:0}
 .home-recent{order:4;margin-top:0}
 .pawket-home-summary{order:5;padding:18px 16px 12px;border-radius:24px}

 .pawket-cash-card{padding:20px 18px 17px;border-radius:24px;box-shadow:0 10px 26px #ff950022}
 .pawket-cash-top{font-size:13px;padding-right:60px}
 .pawket-cash-value{font-size:clamp(22px,7vw,32px);margin:8px 0;letter-spacing:-1px;padding-right:58px}
 .pawket-cash-caption{font-size:10px;max-width:100%}
 .pawket-cash-mascot{width:54px;height:54px;top:14px;right:14px}
 .pawket-cash-foot{margin-top:14px;font-size:10px;gap:8px}.pawket-cash-foot>button:last-child{font-size:10px;min-height:32px;padding-inline:10px}
 .pawket-home-stats{gap:10px}.pawket-mini-stat{padding:14px 13px;border-radius:20px}
 .pawket-mini-stat>span{font-size:10.5px;gap:6px}.pawket-mini-stat>span>svg{width:24px;height:24px}
 .pawket-mini-stat>strong{font-size:clamp(15px,4.6vw,21px);margin:5px 0 3px;letter-spacing:-.5px}.pawket-mini-stat>small{font-size:9px}

 /* Peek-a-boo Digital Card Carousel on Mobile */
 .pawket-home .home-accounts.has-multiple-cards{
  padding-inline:2px 18px;
  gap:11px;
 }
 .pawket-home .home-accounts.has-multiple-cards .home-account{
  flex:0 0 92%;
  scroll-snap-align:center;
 }
 .pawket-home .home-account{min-height:212px;padding:18px 19px;border-radius:24px}
 .pawket-home .home-balance-number{font-size:clamp(22px,6.8vw,31px)}.pawket-home .home-account-balance{margin-bottom:15px}
 .pawket-home .home-account-name strong{font-size:15px}.pawket-home .home-balance-label{margin-top:8px}
 .home-shortcuts.android-quick-actions{gap:9px}
 .home-shortcuts.android-quick-actions>button{min-height:78px;border-radius:20px;padding:10px 4px}
 .home-shortcuts.android-quick-actions>button>span{width:38px;height:38px;border-radius:14px}
 .home-shortcuts.android-quick-actions>button>strong{font-size:10.5px}

 .pawket-home-summary>header{margin-bottom:16px;gap:8px}.pawket-home-summary h2{font-size:14.5px}
 .pawket-period select,.pawket-period input{font-size:11px;padding:7px 10px;min-height:34px}
 .pawket-home-breakdown{grid-template-columns:124px minmax(0,1fr);gap:14px;min-height:136px}
 .pawket-home-ring{width:124px;height:124px}.pawket-home-ring>div{width:90px;height:90px}.pawket-home-ring strong{font-size:12px}.pawket-home-ring small{font-size:8px}
 .pawket-home-legend>button{font-size:10.5px;gap:6px;min-height:28px}.pawket-home-legend b{font-size:10px}
 .pawket-home-summary>.pawket-text-link{margin-top:14px;font-size:10.5px;min-height:36px}

 .home-recent-head{padding:15px 15px;gap:8px;flex-wrap:wrap}.home-recent-head h2{font-size:14.5px}.home-recent-head h2>span{font-size:11px;max-width:140px}
 .home-recent-row{padding:12px 14px;gap:10px;min-height:68px}
 .home-row-icon{width:38px;height:38px;min-width:38px;flex:0 0 38px}
 .home-row-text>strong{font-size:13px}.home-row-text>small{font-size:10px}
 .home-row-amount{font-size:13px;padding:4px 7px}

 /* Material You (Android 15) Bottom Navigation Bar — Flush & Non-Overlapping */
 .bottom-nav.android-bottom-nav{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  align-items:center;
  background:color-mix(in srgb,#090a0d 96%,transparent);
  border:0;
  border-top:1px solid #ffffff16;
  height:calc(70px + env(safe-area-inset-bottom));
  min-height:70px;
  padding:6px 8px calc(6px + env(safe-area-inset-bottom));
  z-index:50;
  backdrop-filter:blur(22px);
  -webkit-backdrop-filter:blur(22px);
  box-shadow:0 -8px 24px #00000040;
  overflow:hidden;
 }
 :root[data-theme=light] .bottom-nav.android-bottom-nav{
  background:color-mix(in srgb,#ffffff 96%,transparent);
  border-top-color:#e2e4e8;
  box-shadow:0 -6px 20px #00000010;
 }
 .bottom-nav.android-bottom-nav button{
  width:100%;
  min-width:0;
  min-height:50px;
  gap:3px;
  font-size:10px;
  font-weight:600;
  color:#a2a6b0;
  padding:2px 2px;
  background:none;
  border:0;
  line-height:1.15;
  display:grid;
  place-items:center;
 }
 :root[data-theme=light] .bottom-nav.android-bottom-nav button{color:#5e646e}
 .bottom-nav.android-bottom-nav button .android-nav-pill{
  display:grid;
  place-items:center;
  width:50px;
  height:28px;
  border-radius:99px;
  transition:background-color .22s cubic-bezier(.22,1,.36,1),transform .18s ease,color .2s ease;
 }
 .bottom-nav.android-bottom-nav button .android-nav-pill>svg{width:19px;height:19px}
 .bottom-nav.android-bottom-nav button>span:not(.sr-only):not(.android-nav-pill){
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
 }
 .bottom-nav.android-bottom-nav button.active{color:#ffb41f;font-weight:750}
 :root[data-theme=light] .bottom-nav.android-bottom-nav button.active{color:#945100}
 .bottom-nav.android-bottom-nav button.active .android-nav-pill{
  background:color-mix(in srgb,#ffaf0b 20%,transparent);
  color:#ffb41f;
 }
 :root[data-theme=light] .bottom-nav.android-bottom-nav button.active .android-nav-pill{
  background:#ffe8be;
  color:#8f4e00;
 }
 .bottom-nav.android-bottom-nav button.active:not(.bottom-add)::after{display:none}
 .bottom-nav.android-bottom-nav button.bottom-add{
  background:linear-gradient(140deg,#ffbd2a,#ff8500);
  color:#201500;
  min-height:46px;
  min-width:46px;
  width:46px;
  height:46px;
  border-radius:15px;
  justify-self:center;
  align-self:center!important;
  margin-top:0!important;
  border:0!important;
  box-shadow:0 4px 14px #ff910038;
  transform:none!important;
  position:relative;
  top:0;
  display:grid;
  place-items:center;
  animation:none!important;
 }
 .bottom-nav.android-bottom-nav button.bottom-add>svg{width:23px;height:23px}
 .bottom-nav.android-bottom-nav button.bottom-add:active{transform:scale(.92)!important}

 /* Transactions & Segmented View Switcher on Mobile */
 .pawket-view-switch{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:4px;border-radius:16px}
 .pawket-view-pill{justify-content:center;padding:8px 6px;font-size:11px;border-radius:12px}
 .pawket-head-actions:has(.pawket-view-switch){width:100%;justify-content:space-between}
 .pawket-head-actions:has(.pawket-view-switch)>.pawket-view-switch{flex:1}
 .pawket-search-bar{gap:9px}.pawket-search-bar>label{padding-inline:12px;border-radius:16px}.pawket-search-bar input{font-size:16px;padding:10px 0;min-height:44px}
 .pawket-tabs{gap:6px;margin-bottom:16px}.pawket-tabs>button{font-size:11.5px;min-height:40px;padding:8px 6px;border-radius:18px}
 .pawket-tx-totals{margin-bottom:14px}.pawket-tx-totals>summary{font-size:10.5px;gap:8px}.pawket-tx-totals summary>strong{font-size:11px}
 .pawket-days{gap:18px}.pawket-day>header{margin-bottom:8px}.pawket-day h2{font-size:12px}.pawket-day>header>span{font-size:11px}
 .pawket-day-list{border-radius:20px}.pawket-days .tx-item{padding:12px 13px;gap:10px;min-height:70px}.pawket-days .tx-item-left{gap:9px}.pawket-days .tx-item-title{font-size:13px}.pawket-days .tx-item-sub{font-size:10px}.pawket-days .tx-item-right>strong{font-size:13px}.pawket-days .tx-item-right>small{font-size:9px}.pawket-days .tx-icon{width:36px;height:36px;min-width:36px;flex:0 0 36px}.pawket-days .tx-icon .brand-logo{width:35px;height:32px}
 .pawket-filter-grid select,.pawket-filter-grid input,.modal input,.modal select,.bank-review-fields select{font-size:16px}
 .pawket-tx-filters{padding:15px}.pawket-filter-grid{gap:12px 10px}
 .pawket-tx-deck-wrap{gap:12px;margin:4px 0 18px;width:100%!important;max-width:100%!important;overflow:hidden!important}
 .pawket-tx-deck-bar{gap:6px;flex-wrap:nowrap}
 .pawket-tx-swipe-hint{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .pawket-tx-swipe-card{width:100%!important;max-width:100%!important;padding:18px 15px!important;border-radius:22px;overflow:hidden!important}
 .pawket-tx-card-title{font-size:15px;line-height:1.35}
 .pawket-tx-card-amount{font-size:clamp(22px,6.8vw,30px);margin:4px 0 14px}
 .pawket-tx-card-meta>div,.pawket-transaction-detail dl>div{padding:9px 0;gap:8px;font-size:11.5px}
 .pawket-tx-card-meta dd,.pawket-transaction-detail dd{max-width:65%;min-width:0!important}
 .detail-link-btn{font-size:11px;padding:4px 8px;max-width:100%}
 .pawket-tx-deck-controls{width:100%!important;max-width:100%!important;gap:6px}
 .pawket-tx-deck-controls>.btn{padding:8px 8px;font-size:11px;min-height:40px}

 /* Analytics on Mobile */
 .pawket-analysis-filter .analysis-filters{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.pawket-analysis-filter .analysis-filters>.btn{grid-column:1/-1;font-size:11px;min-height:38px}
 .pawket-analysis-hero{padding:19px 16px 17px;border-radius:24px;margin-bottom:16px}.pawket-analysis-hero-head{gap:10px}.pawket-analysis-badge{width:39px;height:39px;border-radius:12px}.pawket-analysis-hero-head strong{font-size:clamp(22px,7vw,31px)}.pawket-analysis-hero h2{font-size:12px}
 .pawket-analysis-pulse{padding:11px 10px;gap:8px}.pawket-pulse-item strong{font-size:12px}
 .pawket-spending-change{font-size:9.5px;padding:6px 10px}.pawket-spending-chart{height:200px;gap:7px;margin-top:16px}.pawket-chart-bars{gap:6px}.pawket-chart-bars i{border-radius:6px 6px 2px 2px}.pawket-chart-caption{font-size:8.5px;margin:10px 0 12px}
 .pawket-coach{padding:13px 12px;gap:10px;margin-top:14px}.pawket-coach .pawket-mascot{width:56px;height:56px;border-radius:14px}.pawket-coach strong{font-size:11.5px}.pawket-coach p{font-size:9.5px}
 .analysis-metric{padding:15px 13px;border-radius:19px}.analysis-metric>strong{font-size:clamp(15px,4.5vw,21px)}.analysis-metric>span{font-size:10px}.analysis-card{padding:18px 15px}.analysis-grid{gap:15px}.analysis-card-head h2{font-size:15.5px}.analysis-card-head p{font-size:10px}.analysis-detail-head{flex-wrap:wrap}

 /* Import, Categories, Budgets & More Hub on Mobile */
 .pawket-bank-upload{padding:22px 16px 18px;border-radius:25px}.pawket-bank-upload .bank-upload-head h2{font-size:18px}.pawket-bank-upload .bank-upload-head p{font-size:11px}.pawket-bank-upload>.field select{font-size:16px}.pawket-bank-upload .bank-file-choice{padding:16px 14px;min-height:86px;grid-template-columns:30px minmax(0,1fr)}.pawket-bank-upload .bank-file-choice>strong{font-size:16px}.pawket-bank-upload .bank-file-choice>small{font-size:9.5px}.pawket-bank-upload .bank-auto-note{font-size:9.5px;gap:5px}
 .pawket-import-institutions{padding:15px 12px}.pawket-import-institutions>div:first-of-type{gap:10px 8px}.pawket-import-institutions .brand-logo{height:31px}.pawket-import-institutions p{font-size:9.5px}
 .pawket-category-list{padding-inline:14px}.pawket-category-row{gap:11px;min-height:64px;padding:11px 0}.pawket-category-row>strong{font-size:12.5px}.pawket-category-icon{width:38px;height:38px;border-radius:12px}.pawket-category-icon>svg{width:21px;height:21px}
 .pawket-budget-total{padding:18px 16px}.pawket-budget-total>strong{font-size:28px;margin-bottom:16px}.pawket-budget-numbers{font-size:10px;gap:7px}.pawket-budget-list{padding:17px 15px 8px}.pawket-budget-list h2{font-size:13.5px}.pawket-budget-row{padding:15px 0 12px}.pawket-budget-row-title>strong,.pawket-budget-row-title>b{font-size:12px}.pawket-budget-actual{font-size:10px}.pawket-budget-row-meter>small{font-size:9.5px}.pawket-budget-row-actions{padding-left:49px}
 .pawket-profile{padding:14px 15px;gap:12px}.pawket-profile-avatar{width:50px;height:50px}.pawket-profile strong{font-size:15px}.pawket-profile small{font-size:10px}
 .pawket-more{padding-bottom:24px}
 .pawket-more .more-group{padding:17px 13px;border-radius:22px}
 .pawket-more .more-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 6px}
 .pawket-more .more-tile-icon{width:52px;height:52px;border-radius:17px}
 .pawket-more .more-tile-icon svg{width:23px;height:23px}
 .pawket-more .more-tile-label{font-size:10.5px;line-height:1.28}
 .pawket-more-footer{padding:16px 14px 15px;border-radius:22px;margin-top:16px;gap:12px}
 .pawket-more-footer-mascot{width:50px;height:50px;border-radius:15px}
 .pawket-more-footer-copy strong{font-size:13.5px}
 .pawket-more-footer-copy span{font-size:10.5px}

 /* Native Android Bottom Sheets (.modal & .quick-sheet) */
 .modal-overlay,.quick-overlay{align-items:flex-end;padding:0}
 .modal,.quick-sheet{
  border-radius:28px;
  padding-bottom:calc(28px + env(safe-area-inset-bottom, 0px))!important;
  box-shadow:0 -18px 50px #00000045;
  will-change:transform;
 }
 .modal-handle,.quick-handle{
  display:block;
  width:44px;
  height:5px;
  border-radius:99px;
  background:#cfd3da;
  margin:12px auto 4px;
  cursor:grab;
 }
 .file-progress-panel{bottom:calc(88px + env(safe-area-inset-bottom))}.toast{bottom:calc(92px + env(safe-area-inset-bottom))}
 /* Fix table mobile card overlapping when table has 7 columns (Investments / Ledger) */
 .tx-mobile-cards tr{display:flex;flex-direction:column;gap:6px;padding:14px}
 .tx-mobile-cards td{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;font-size:12px!important}
}
@media(max-width:560px){
 .form-grid{grid-template-columns:1fr}
 .field.full{grid-column:auto}
}
@media(max-width:420px){
 .pawket-home-breakdown{grid-template-columns:1fr;justify-items:center;text-align:center;gap:14px}
 .pawket-home-legend{width:100%}
 .pawket-import-institutions>div:first-of-type{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:360px){
 .pawket-main{padding-inline:11px}.pawket-main .topbar.android-topbar{margin-inline:-11px;padding-inline:11px}
 .pawket-cash-top{font-size:12px;padding-right:52px}.pawket-cash-value{font-size:21px;padding-right:50px}.pawket-cash-mascot{width:46px;height:46px}
 .pawket-tabs>button{font-size:10.5px;padding-inline:5px}.pawket-day>header>span{font-size:10.5px}.pawket-days .tx-item-title,.pawket-days .tx-item-right>strong{font-size:12px}.pawket-days .tx-item-left{gap:8px}.pawket-home-stats{gap:8px}.pawket-mini-stat{padding-inline:10px}.pawket-mini-stat>strong{font-size:14.5px}.pawket-budget-row-title>strong,.pawket-budget-row-title>b{font-size:11.5px}.pawket-coach{gap:8px}.pawket-coach .pawket-mascot{width:48px;height:48px}.pawket-filter-foot{align-items:stretch}.pawket-filter-foot>div{max-width:100%}
 .home-row-text>strong,.home-row-amount{font-size:12px}
 .pawket-more .more-tile-icon{width:48px;height:48px;border-radius:16px}
 .pawket-more .more-tile-label{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.pawket-cash-card,.pawket-home-summary,.pawket-day,.pawket-home-ring,.pawket-greeting h1>span,.pawket-chart-bars i,.swipe-from-right,.swipe-from-left{animation:none!important;transform:none}.pawket-cash-mascot{transform:none}}
@media print{.pawket-main .pawket-page-head,.pawket-main>.topbar,.pawket-main>.page>.guest-session-note{display:none!important}.pawket-main{padding:0;margin:0;width:100%}.pawket-main>.page{max-width:none}.pawket-main>.page>.print-only{display:block!important;background:#fff;color:#111}}


/* V2.9.0 Auto-Changelog, Auth Tabs & Guest Mode Banner */
.guest-session-note{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:11px 15px;border-radius:16px;background:rgba(255,175,11,.13);border:1px solid rgba(255,175,11,.35);color:var(--text);font-size:12.5px;font-weight:700;margin-bottom:14px}
.guest-session-note>span{display:inline-flex;align-items:center;gap:7px}
.guest-session-actions{display:flex;align-items:center;gap:8px}
.auth-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;border-radius:14px;background:var(--bg-soft,#f3f4f6);border:1px solid var(--line);margin-bottom:18px}
[data-theme="dark"] .auth-mode-tabs{background:#181b22}
.auth-mode-tabs>button{border:0;border-radius:10px;padding:10px 12px;font-weight:800;font-size:13px;background:transparent;color:var(--muted);cursor:pointer;transition:all .16s ease}
.auth-mode-tabs>button.active{background:var(--brand,#ffaf0b);color:#171717;box-shadow:0 4px 12px rgba(255,175,11,.28)}
.auth-guest-divider{display:flex;align-items:center;gap:10px;margin:18px 0 14px;color:var(--muted);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.auth-guest-divider::before,.auth-guest-divider::after{content:"";flex:1;height:1px;background:var(--line)}
.auth-guest-btn{width:100%;justify-content:center;gap:8px;font-weight:800;border:1.5px dashed rgba(255,175,11,.55)!important;background:rgba(255,175,11,.08)!important}
.auth-migrate-check{display:flex;align-items:flex-start;gap:9px;margin-top:12px;padding:10px 12px;border-radius:12px;background:rgba(255,175,11,.1);border:1px solid rgba(255,175,11,.3);font-size:12px;line-height:1.4;color:var(--text)}
.auth-migrate-check input{margin-top:2px;accent-color:var(--brand,#ffaf0b)}
.pawket-changelog-wrap{display:grid;gap:14px;text-align:left}
.pawket-changelog-hero{padding:14px 16px;border-radius:18px;background:linear-gradient(135deg,#171717 0%,#262626 100%);color:#fff;border:1px solid rgba(255,175,11,.32)}
.pawket-changelog-hero-main{display:flex;align-items:center;gap:14px}
.pawket-changelog-mascot{width:54px;height:54px;border-radius:15px;background:#ffaf0b22;display:grid;place-items:center;flex-shrink:0}
.pawket-changelog-mascot img{width:42px;height:auto}
.pawket-version-pill{display:inline-block;padding:3px 9px;border-radius:99px;background:#ffaf0b;color:#171717;font-size:11px;font-weight:900;letter-spacing:.03em;margin-bottom:4px}
.pawket-changelog-hero h3{margin:0;font-size:17px;color:#fff}
.pawket-changelog-hero p{margin:4px 0 0;font-size:12px;color:#d6d9e0;line-height:1.4}
.pawket-changelog-list{display:grid;gap:11px;max-height:370px;overflow-y:auto;padding-right:2px}
.pawket-changelog-entry{padding:13px 15px;border-radius:16px;background:var(--bg-soft,#f7f7f9);border:1px solid var(--line)}
[data-theme="dark"] .pawket-changelog-entry{background:#171a21}
.pawket-changelog-entry.is-latest{border-color:#ffaf0b;background:rgba(255,175,11,.08)}
.pawket-changelog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.pawket-changelog-head>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pawket-changelog-ver{display:inline-block;padding:2px 8px;border-radius:8px;background:#171717;color:#ffaf0b;font-weight:900;font-size:11px;font-family:var(--mono)}
.pawket-changelog-head strong{font-size:13px;color:var(--text)}
.pawket-changelog-head small{font-size:11px;color:var(--muted);font-weight:700}
.pawket-changelog-entry ul{margin:0;padding-left:18px;display:grid;gap:5px;font-size:12px;line-height:1.45;color:var(--text)}


/* V2.9.1 iPhone Safari Support, Top Import Bar, Bottom Sheet Gap Fix & Micro-Animations */
html{
 -webkit-text-size-adjust:100%;
 text-size-adjust:100%;
}
.shell,.auth-screen,.auth-form-side{
 min-height:100vh;
 min-height:100dvh;
 min-height:-webkit-fill-available;
}
.home-accounts,.modal-body,.table-wrap,.pawket-changelog-list,.analysis-category-list{
 -webkit-overflow-scrolling:touch;
}
button,a,label,select,input,[data-action],[data-route]{
 touch-action:manipulation;
}
/* Top Import Statement Action Bar directly below Upload PDF/CSV */
.bank-import-actions-top{
 display:flex;
 align-items:center;
 gap:10px;
 width:100%;
 margin-top:12px;
 margin-bottom:4px;
 animation:pawketPopIn .32s cubic-bezier(.22,1,.36,1) both;
}
.bank-import-actions-top>.bank-commit-btn{
 flex:1;
 min-height:48px;
 font-size:14px;
 font-weight:800;
 border-radius:16px;
 box-shadow:0 8px 22px rgba(255,175,11,.26);
}
.bank-import-actions-top>.btn:not(.bank-commit-btn){
 min-height:48px;
 border-radius:16px;
 padding-inline:16px;
}

/* Fix Quick Add & Modal Bottom Sheet Spacing & Gaps */
.quick-sheet{
 padding:16px 20px calc(30px + env(safe-area-inset-bottom, 0px))!important;
 animation:pawketSheetSpring .34s cubic-bezier(.18,1.08,.32,1) both!important;
}
.quick-head{
 margin-bottom:2px;
}
.quick-grid{
 gap:10px!important;
 margin:18px 0 16px!important;
}
.quick-grid>button{
 min-height:78px;
 border-radius:18px!important;
 transition:transform .2s cubic-bezier(.22,1,.36,1),background-color .18s ease,border-color .18s ease,box-shadow .2s ease!important;
 animation:pawketPopIn .34s cubic-bezier(.22,1,.36,1) backwards;
}
.quick-grid>button:nth-child(1){animation-delay:25ms}
.quick-grid>button:nth-child(2){animation-delay:55ms}
.quick-grid>button:nth-child(3){animation-delay:85ms}
.quick-grid>button:nth-child(4){animation-delay:115ms}
.quick-bills{
 min-height:48px;
 padding:13px 16px!important;
 border-radius:16px!important;
 margin-top:11px!important;
 transition:transform .2s cubic-bezier(.22,1,.36,1),background-color .18s ease,border-color .18s ease!important;
 animation:pawketPopIn .34s cubic-bezier(.22,1,.36,1) backwards;
}
.quick-sheet>.quick-bills:nth-of-type(1){animation-delay:135ms}
.quick-sheet>.quick-bills:nth-of-type(2){animation-delay:165ms}
.quick-sheet>.quick-bills:nth-of-type(3){animation-delay:195ms;margin-bottom:4px!important}

@media(max-width:750px){
 .quick-overlay,.modal-overlay{
  padding:12px 10px calc(16px + env(safe-area-inset-bottom, 0px))!important;
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
 }
 .quick-sheet,.modal{
  border-radius:26px!important;
  width:100%!important;
  max-width:520px!important;
  margin:0 auto!important;
 }
 .quick-sheet{
  padding:16px 18px calc(26px + env(safe-area-inset-bottom, 0px))!important;
 }
 .modal{
  padding-bottom:calc(18px + env(safe-area-inset-bottom, 0px))!important;
 }
 .modal-foot{
  padding:14px 18px calc(18px + env(safe-area-inset-bottom, 0px))!important;
  border-radius:0 0 26px 26px;
 }
 .pawket-main{
  padding-bottom:calc(116px + env(safe-area-inset-bottom, 0px))!important;
 }
}

/* Micro-Animations across Cards, Buttons, Icons & Navigation */
@keyframes pawketSheetSpring{
 0%{opacity:0;transform:translate3d(0,48px,0) scale(.97)}
 100%{opacity:1;transform:translate3d(0,0,0) scale(1)}
}
@keyframes pawketPopIn{
 0%{opacity:0;transform:translate3d(0,12px,0) scale(.96)}
 100%{opacity:1;transform:translate3d(0,0,0) scale(1)}
}
@keyframes pawketFloat{
 0%,100%{transform:translate3d(0,0,0)}
 50%{transform:translate3d(0,-3.5px,0)}
}
@keyframes pawketNavPillSpring{
 0%{transform:scaleX(.65) scaleY(.85);opacity:.5}
 70%{transform:scaleX(1.06) scaleY(1.02);opacity:1}
 100%{transform:scaleX(1) scaleY(1);opacity:1}
}
@keyframes pawketIconLift{
 0%{transform:scale(1)}
 45%{transform:scale(1.16) translateY(-2px)}
 100%{transform:scale(1)}
}

.pawket-greeting-avatar .pawket-mascot img,
.pawket-more-footer-logo img,
.pawket-changelog-mascot img{
 animation:pawketFloat 3.6s ease-in-out infinite;
}
.more-tile{
 animation:pawketPopIn .34s cubic-bezier(.22,1,.36,1) backwards;
 animation-delay:calc(var(--tile-order,0)*22ms);
 transition:transform .2s cubic-bezier(.22,1,.36,1),background-color .18s ease!important;
}
.more-tile:active,.quick-grid>button:active,.quick-bills:active,.pawket-mini-stat:active,.home-shortcuts>button:active{
 transform:scale(.94)!important;
}
.more-tile:hover .more-tile-icon svg,
.home-shortcuts>button:hover svg,
.quick-grid>button:hover svg{
 animation:pawketIconLift .38s cubic-bezier(.22,1,.36,1);
}
.bottom-nav.android-bottom-nav button.active .android-nav-pill{
 animation:pawketNavPillSpring .32s cubic-bezier(.22,1,.36,1) both;
}
.pawket-days .tx-item,.bank-review-row{
 animation:pawketPopIn .28s cubic-bezier(.22,1,.36,1) both;
 transition:transform .18s cubic-bezier(.22,1,.36,1),background-color .18s ease,border-color .18s ease;
}
.pawket-days .tx-item:active{
 transform:scale(.985);
}
@media(prefers-reduced-motion:reduce){
 .quick-sheet,.quick-grid>button,.quick-bills,.more-tile,.pawket-days .tx-item,.bank-review-row,.bank-import-actions-top,.bottom-nav.android-bottom-nav button.active .android-nav-pill,.pawket-greeting-avatar .pawket-mascot img,.pawket-more-footer-logo img,.pawket-changelog-mascot img{
  animation:none!important;
 }
}

/* V2.9.5: fixed 3:2 reference proportions, scalable contents and bank colours. */
.pawket-home .home-accounts{
 align-items:flex-start;
 perspective:none;
}
.pawket-home .home-accounts.has-multiple-cards .home-account{
 scroll-snap-align:start;
}
.pawket-home .home-account,
.home-account.mh-style-card{
 position:relative;
 container-type:inline-size;
 aspect-ratio:3 / 2;
 height:auto;
 min-height:0;
 max-height:none;
 padding:0;
 border-radius:6.6% / 10%;
 background:linear-gradient(135deg,var(--card-a,#272727),var(--card-b,#0d0d0d));
 color:var(--card-text,#fff);
 border:1px solid color-mix(in srgb,var(--card-text,#fff) 17%,transparent);
 box-shadow:0 12px 28px #00000030,inset 0 1px 0 #ffffff10;
 overflow:hidden;
 isolation:isolate;
 flex-shrink:0;
}
.pawket-home .home-account::before{
 content:'';
 position:absolute;
 inset:auto;
 width:76%;
 height:auto;
 aspect-ratio:1;
 border-radius:50%;
 right:-35%;
 top:14%;
 background:var(--card-b,#0d0d0d);
 border:1px solid color-mix(in srgb,var(--card-text,#fff) 8%,transparent);
 box-shadow:0 0 0 7cqw color-mix(in srgb,var(--card-text,#fff) 3.5%,transparent),
            0 0 0 14cqw color-mix(in srgb,var(--card-text,#fff) 2.5%,transparent);
 pointer-events:none;
 z-index:0;
}
.pawket-home .home-account::after{display:none}
.pawket-home .home-account>*{position:absolute;z-index:1}
.pawket-home .home-account-head{
 inset:8.5% 6% auto;
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:3cqw;
 margin:0;
}
.pawket-home .home-account-name{
 display:flex;
 align-items:center;
 gap:3cqw;
 min-width:0;
 max-width:none;
 flex:1;
 color:inherit;
}
.pawket-home .home-account-icon{
 width:12cqw;
 min-width:12cqw;
 height:12cqw;
 border-radius:3.4cqw;
 background:color-mix(in srgb,var(--card-text,#fff) 8%,transparent);
 border:1px solid color-mix(in srgb,var(--card-text,#fff) 20%,transparent);
 color:inherit;
 flex:none;
 display:grid;
 place-items:center;
}
.pawket-home .home-account-icon>svg{width:5.8cqw;height:5.8cqw;color:inherit}
.pawket-home .home-account-name strong{
 font-size:4.5cqw;
 font-weight:750;
 color:inherit;
 letter-spacing:-.01em;
 line-height:1.25;
 text-shadow:none;
}
.pawket-home .home-account-name small{
 font-size:3.3cqw;
 font-weight:500;
 color:var(--card-muted,#ffffffe0);
 letter-spacing:0;
 text-transform:none;
 line-height:1.4;
 margin-top:1cqw;
 opacity:1;
}
.pawket-home .home-card-brand-tag{
 width:auto;
 height:auto;
 min-height:32px;
 padding:4px 0 4px 1cqw;
 background:transparent;
 border:0;
 border-radius:6px;
 color:inherit;
 font-size:2.7cqw;
 font-weight:800;
 letter-spacing:.3cqw;
 text-transform:uppercase;
 backdrop-filter:none;
 -webkit-backdrop-filter:none;
}
.pawket-home .home-card-brand-tag:hover{background:transparent;transform:none;opacity:.8}
.pawket-home .home-card-colour:focus-visible{outline-color:var(--card-text,#fff)}
.pawket-home .home-card-chip-row{inset:38% 6% auto;margin:0;display:block}
.pawket-home .home-balance-label{
 display:inline-flex;
 align-items:center;
 gap:2cqw;
 font-size:3.4cqw;
 font-weight:500;
 color:var(--card-muted,#ffffffe0);
 letter-spacing:0;
 text-transform:none;
 line-height:1.4;
 margin:0;
 text-shadow:none;
}
.pawket-home .home-balance-label button{
 display:grid;
 place-items:center;
 color:inherit;
 width:7cqw;
 height:6cqw;
 padding:0;
}
.pawket-home .home-balance-label button svg{width:4.3cqw;height:4.3cqw}
.pawket-home .home-account-balance-btn{
 inset:50% 6% auto;
 width:88%;
 max-width:88%;
 display:flex;
 align-items:baseline;
 gap:1.8cqw;
 min-height:0;
 padding:0;
 margin:0;
 background:transparent;
 border:0;
 box-shadow:none;
 color:inherit;
 line-height:1.15;
 white-space:nowrap;
}
.pawket-home .home-balance-currency,
.pawket-home .home-balance-number{
 font-size:8.4cqw;
 font-weight:800;
 line-height:1.15;
 letter-spacing:-.18cqw;
 color:inherit;
 -webkit-text-stroke:0;
 text-shadow:none;
 font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.pawket-home .home-account-balance:has(.home-balance-long) .home-balance-currency,
.pawket-home .home-balance-number.home-balance-long{font-size:5.8cqw}
.pawket-home .home-account-totals{
 inset:auto 6% 10%;
 width:88%;
 max-width:none;
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:0;
 margin:0;
 padding:0;
 background:transparent;
 border:0;
 border-radius:0;
 box-shadow:none;
 backdrop-filter:none;
 -webkit-backdrop-filter:none;
}
.pawket-home .home-account-totals>button+button{
 padding-left:4cqw;
 border-left:1px solid color-mix(in srgb,var(--card-text,#fff) 20%,transparent);
}
.pawket-home .home-account-total-btn{
 display:grid;
 gap:1.7cqw;
 min-width:0;
 margin:0;
 padding:0 2cqw 0 0;
 background:transparent;
 border:0;
 border-radius:0;
 box-shadow:none;
 color:inherit;
 text-align:left;
}
.pawket-home .home-account-totals small{
 font-size:3.1cqw;
 font-weight:500;
 line-height:1.4;
 color:var(--card-muted,#ffffffe0);
 letter-spacing:0;
 margin:0;
}
.pawket-home .home-account-totals strong{
 font-size:3.9cqw;
 font-weight:750;
 line-height:1.25;
 color:inherit;
 letter-spacing:-.04cqw;
 text-shadow:none;
 white-space:nowrap;
}
.pawket-home .home-account-totals strong.home-total-long{font-size:2.8cqw}
.pawket-home .home-card-serial{
 inset:auto 6% 3.5% auto;
 font-size:2.25cqw;
 line-height:1;
 font-weight:500;
 letter-spacing:.25cqw;
 color:var(--card-muted,#ffffffe0);
 opacity:.7;
 pointer-events:none;
 white-space:nowrap;
}
.card-colour-heading{font-size:12px;margin:20px 0 0;color:var(--text)}
.card-colour-heading+.card-colour-picker{margin-top:12px}
.bank-auto-colour>.bank-colour-swatch{
 width:42px;height:29px;flex:none;border-radius:7px;
 background:linear-gradient(135deg,var(--card-a),var(--card-b));
 border:1px solid var(--line);
}

/* V2.10.0: responsive account access and distinct Guest / Demo entry points. */
.auth-v3{
 --auth-panel:#15171b;--auth-input:#1c1f24;--auth-line:#2c3037;--auth-ink:#f6f7f9;--auth-muted:#a0a5ae;
 min-height:100vh;min-height:100svh;display:flex;flex-direction:column;
 padding:24px clamp(20px,4vw,64px);color:var(--auth-ink);
 background:radial-gradient(ellipse at 14% 38%,#ffaf0b0c,transparent 48%),#0b0d10;
}
[data-theme=light] .auth-v3{--auth-panel:#fff;--auth-input:#f6f7f9;--auth-line:#e3e6eb;--auth-ink:#1b2028;--auth-muted:#68717e;background:radial-gradient(ellipse at 14% 38%,#ffbd4722,transparent 52%),#f6f7f9}
.auth-v3-header,.auth-v3-footer{width:100%;max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px}
.auth-v3-header .pawket-brand{padding:0;background:none;border:0;gap:6px}
.auth-v3-header .pawket-brand-symbol{width:37px;height:30px}
.auth-v3-header .pawket-brand-wordmark{width:128px;height:29px}
[data-theme=light] .auth-v3-header .pawket-brand{background:#080808;padding:8px 13px;border-radius:14px}
.auth-v3-tools{display:flex;align-items:center;gap:8px;flex:none}
.auth-v3-tools button{width:36px;height:36px;border-radius:11px;border:1px solid var(--auth-line);background:var(--auth-panel);color:var(--auth-ink);display:grid;place-items:center;font-size:11px;font-weight:750;padding:0}
.auth-v3 button:focus-visible{outline:2px solid #ffaf0b;outline-offset:3px}
.auth-v3-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,6vw,96px);align-items:center;width:100%;max-width:1060px;flex:1;margin:32px auto}
.auth-v3-story{padding:28px 0;min-width:0}
.auth-v3-eyebrow{font-size:10px;font-weight:750;letter-spacing:2px;color:#d89824}
.auth-v3-story h1{font-size:clamp(42px,4.7vw,65px);line-height:1.06;font-weight:750;letter-spacing:-2.7px;margin:18px 0}
.auth-v3-story>p{font-size:15px;line-height:1.85;color:var(--auth-muted);margin:0;max-width:390px}
.auth-v3-preview{height:270px;position:relative;margin:34px 0 18px;isolation:isolate}
.auth-preview-orbit{position:absolute;width:250px;height:250px;border:1px solid #ffaf0b22;border-radius:50%;top:-8px;left:30%;box-shadow:0 0 0 30px #ffaf0b05,0 0 0 60px #ffaf0b03;z-index:-1}
.auth-preview-card{position:absolute;inset:12px auto auto 0;width:92%;aspect-ratio:1.6;max-width:365px;border:1px solid #ffcf6355;border-radius:23px;padding:25px 27px;background:radial-gradient(circle at 110% 130%,#c58b1240 0 40%,transparent 40% 47%,#ffc23e08 47% 54%,transparent 54%),linear-gradient(135deg,#29261e,#111114 82%);color:#fff;box-shadow:0 20px 48px #0003;transform:rotate(-5deg);overflow:hidden}
.auth-preview-card>div{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;color:#f8f1df;font-size:10px;font-weight:750;letter-spacing:2px}
.auth-preview-card>div>span{display:flex;align-items:center;gap:9px}
.auth-preview-card>small{display:block;font-size:10px;color:#bdb9b0;margin-bottom:5px}
.auth-preview-card>strong{display:block;font-size:31px;letter-spacing:-1px}
.auth-preview-card footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:20px;font-size:9px;color:#b5b0a7}
.auth-preview-card footer small{font-size:8px;color:#ffd275}
.auth-preview-chip{position:absolute;right:0;bottom:12px;display:flex;align-items:center;gap:10px;padding:13px 16px;border:1px solid var(--auth-line);border-radius:16px;background:var(--auth-panel);box-shadow:0 12px 36px #0002;font-size:11px;font-weight:650}
.auth-preview-chip>svg{color:#e7a121}
.auth-preview-chip .pawket-mascot{width:36px;height:30px;margin-left:4px}
.auth-v3-benefits{display:flex;gap:14px;flex-wrap:wrap;font-size:10px;color:var(--auth-muted);line-height:1.5}
.auth-v3-benefits span{display:flex;align-items:center;gap:6px}
.auth-v3-benefits svg{color:#db9827}
.auth-v3-card{background:var(--auth-panel);border:1px solid var(--auth-line);border-radius:28px;padding:28px;box-shadow:0 18px 70px #00000018;min-width:0;max-width:460px;width:100%;justify-self:center}
.auth-v3 .auth-mode-tabs{background:var(--auth-input);border:1px solid var(--auth-line);padding:4px;border-radius:13px;margin:0 0 24px;gap:5px}
.auth-v3 .auth-mode-tabs>button{padding:10px 8px;min-height:42px;color:var(--auth-muted);border-radius:9px;font-size:12px;font-weight:700;transition:background-color .18s,color .18s}
.auth-v3 .auth-mode-tabs>button.active{background:#ffb51b;color:#251900;box-shadow:0 2px 8px #ffaf0b15}
.auth-v3-title{margin-bottom:22px}
.auth-v3-kicker{display:flex;align-items:center;gap:9px;font-size:9px;font-weight:700;letter-spacing:1.2px;color:var(--auth-muted)}
.auth-v3-kicker .pawket-mascot{width:30px;height:24px;flex:none}
.auth-v3-title h2{font-size:clamp(23px,2.2vw,28px);font-weight:750;letter-spacing:-.8px;margin:12px 0 7px;line-height:1.2;color:var(--auth-ink)}
.auth-v3-title p{font-size:12px;line-height:1.6;margin:0;color:var(--auth-muted)}
.auth-v3-form{display:grid;gap:16px}
.auth-v3-field{display:grid;gap:7px;min-width:0}
.auth-v3-field>label{font-size:11px;font-weight:650;line-height:1.4;color:var(--auth-ink)}
.auth-v3-field input{width:100%;min-width:0;min-height:48px;padding:12px 14px;border:1px solid var(--auth-line);border-radius:12px;color:var(--auth-ink);background:var(--auth-input);font-size:14px;line-height:1.4;box-shadow:none}
.auth-v3-field input::placeholder{color:var(--auth-muted);opacity:.8}
.auth-v3-field input:focus{border-color:#cf9628;box-shadow:0 0 0 3px #ffb51b15}
.auth-v3-field>small{color:var(--auth-muted);font-size:10px;line-height:1.5}
.auth-password-input{position:relative;min-width:0}
.auth-password-input input{padding-right:48px}
.auth-password-input button{position:absolute;inset:3px 3px 3px auto;width:42px;border:0;border-radius:10px;background:none;display:grid;place-items:center;color:var(--auth-muted);padding:0}
.auth-password-input button:hover{color:var(--auth-ink);background:color-mix(in srgb,var(--auth-ink) 5%,transparent)}
.auth-v3-submit{width:100%;border:0;background:linear-gradient(110deg,#ffc13a,#ffab0b);color:#251900;min-height:48px;display:flex;justify-content:space-between;padding:12px 16px;border-radius:12px;font-size:13px;font-weight:750;margin:2px 0 0;box-shadow:0 6px 20px #ffa60014}
.auth-v3 .error:not([hidden]){display:block;margin:0;font-size:12px;line-height:1.6;color:#ffb2a6;background:#c33b2b15;border:1px solid #b83d2d50;border-radius:11px;padding:11px 13px}
[data-theme=light] .auth-v3 .error:not([hidden]){color:#a51e19}
.auth-v3 .error[hidden]{display:none!important}
.auth-v3 .auth-migrate-check{margin:0;font-size:11px;line-height:1.6;color:var(--auth-ink);background:#ffaf0b0c;border-color:#ffaf0b30;align-items:center}
.auth-v3 .auth-migrate-check input{width:16px;min-width:16px;height:16px;min-height:0}
.auth-demo-signup-note{font-size:11px;color:var(--auth-muted);line-height:1.65;display:flex;align-items:flex-start;gap:8px;margin:0}
.auth-demo-signup-note svg{flex:none;color:#dfa12f;margin-top:2px}
.auth-v3 .auth-guest-divider{font-size:9px;font-weight:500;text-transform:none;letter-spacing:.3px;color:var(--auth-muted);margin:22px 0 16px;gap:12px}
.auth-v3 .auth-guest-divider::before,.auth-v3 .auth-guest-divider::after{background:var(--auth-line)}
.auth-v3-explore{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.auth-v3-explore>button{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:7px;text-align:left;padding:13px 12px;background:var(--auth-input);color:var(--auth-ink);border:1px solid var(--auth-line);border-radius:14px;transition:background-color .18s,border-color .18s}
.auth-v3-explore>button:hover{border-color:#bb842b;background:color-mix(in srgb,var(--auth-input) 95%,#ffaf0b)}
.auth-v3-explore strong{font-size:11.5px;font-weight:700;line-height:1.45}
.auth-v3-explore small{font-size:9px;color:var(--auth-muted);line-height:1.6;max-width:100%}
.auth-explore-icon{color:#c88b24;display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#ffaf0b12;margin-bottom:1px}
.auth-v3-explore>#auth-demo-btn .auth-explore-icon{color:#ffb521;background:#ffaf0b20}
.auth-status{font-size:11px;line-height:1.6;margin:10px 0 0;color:#c58a22}
.auth-status:empty{display:none}
.auth-v3-note{display:flex;align-items:flex-start;justify-content:center;gap:7px;color:var(--auth-muted);font-size:9px;line-height:1.6;margin:18px 0 0;text-align:center}
.auth-v3-note svg{flex:none;margin-top:1px}
.auth-v3-footer{font-size:10px;color:var(--auth-muted);line-height:1.5;padding:12px 0 0}
.auth-v3-footer small{font-size:9px}
.session-note-copy{display:flex;align-items:flex-start;gap:9px;min-width:0;flex:1 1 220px}
.session-note-copy>svg{flex:none;margin-top:2px;color:#bb7a0f}
.session-note-copy strong{font-size:12px;display:block;line-height:1.5}
.session-note-copy small{display:block;font-size:10px;font-weight:450;color:var(--muted);line-height:1.6;margin-top:2px}
.demo-session-note{background:color-mix(in srgb,var(--brand) 9%,var(--surface));border-color:color-mix(in srgb,var(--brand) 32%,var(--line))}
.guest-session-actions{flex-wrap:wrap}
@media(max-width:1000px){.auth-v3-layout{gap:36px;max-width:900px}.auth-v3-story h1{font-size:47px}.auth-preview-card{padding:22px}.auth-preview-card>strong{font-size:27px}.auth-preview-card>div{margin-bottom:22px}.auth-preview-chip{font-size:9px;padding:11px}.auth-v3-card{padding:24px}}
@media(max-width:800px){.auth-v3{padding:20px 22px}.auth-v3-layout{display:block;max-width:440px;margin:26px auto;flex:none}.auth-v3-story{display:none}.auth-v3-card{padding:25px;border-radius:24px;max-width:none}.auth-v3-title h2{font-size:27px}.auth-v3-header{max-width:600px}.auth-v3-footer{max-width:440px;margin-top:auto}.auth-v3-field input{font-size:16px}.auth-v3-explore small{font-size:9.5px}.session-note-copy{flex-basis:100%}.guest-session-note .guest-session-actions{gap:6px}.guest-session-note .guest-session-actions .btn{font-size:10px;min-height:34px}}
@media(max-width:380px){.auth-v3{padding:16px 12px}.auth-v3-header .pawket-brand-symbol{width:30px;height:25px}.auth-v3-header .pawket-brand-wordmark{width:103px;height:24px}.auth-v3-tools{gap:6px}.auth-v3-tools button{width:32px;height:32px}.auth-v3-layout{margin:20px auto}.auth-v3-card{padding:20px 17px;border-radius:21px}.auth-v3-title h2{font-size:24px}.auth-v3-explore{gap:8px}.auth-v3-explore>button{padding:12px 10px}.auth-v3-explore strong{font-size:11px}.auth-v3-explore small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.auth-v3 *{animation:none!important;transition:none!important}}

/* V2.11.0: raised circular Add button, smooth dialogs and Pawket selection sheets. */
body.has-dialog{overflow:hidden;overscroll-behavior:none}
.modal-overlay,.quick-overlay,.select-overlay{
 position:fixed;inset:0;display:flex;justify-content:center;align-items:center;
 background:rgb(0 0 0 / var(--dialog-dim,.62));backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);
 padding:18px!important;transition:opacity .22s ease;overscroll-behavior:contain;
}
.modal-overlay{z-index:100}.quick-overlay{z-index:105}.select-overlay{z-index:140}
.modal,.quick-sheet,.select-dialog{
 display:flex;flex-direction:column;min-height:0;max-height:calc(var(--dialog-viewport,100dvh) - 36px);
 background:var(--surface);border:1px solid var(--line);color:var(--text);
 box-shadow:0 24px 80px #00000045;border-radius:25px!important;overflow:hidden;
 transform:translate3d(0,var(--dialog-y,0px),0);transition:transform .25s cubic-bezier(.22,.8,.3,1),opacity .22s ease;
 animation:none!important;will-change:auto;
}
.modal{width:min(100%,550px);padding-bottom:0!important}
.modal>form{display:flex;flex-direction:column;min-height:0;overflow:hidden}
.modal-header{flex:none;gap:14px;padding:16px 20px;border-bottom:1px solid var(--line)}
.modal-header h2{font-size:17px;line-height:1.4;min-width:0;overflow-wrap:anywhere}
.modal-header>.btn{flex:none}
.modal-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:20px;scrollbar-width:thin}
.modal-foot{flex:none;display:flex;justify-content:flex-end;gap:10px;padding:15px 20px!important;border-top:1px solid var(--line);background:var(--surface);border-radius:0!important}
.modal-foot>.btn{min-height:44px;min-width:88px;font-size:12px}
.modal-handle,.quick-handle{display:none;flex:none;touch-action:none;cursor:grab}
.modal-header,.quick-head,.select-head{touch-action:none}
.modal.is-entering,.quick-sheet.is-entering,.select-dialog.is-entering{animation:pawketDialogEnter .25s cubic-bezier(.2,.8,.3,1) backwards!important}
.modal.is-dragging,.quick-sheet.is-dragging,.select-dialog.is-dragging{animation:none!important;transition:none!important;will-change:transform}
.modal.is-closing,.quick-sheet.is-closing,.select-dialog.is-closing{animation:none!important;transform:translate3d(0,14px,0) scale(.985)!important;opacity:0;pointer-events:none}
.modal-overlay.is-closing,.quick-overlay.is-closing,.select-overlay.is-closing{opacity:0;pointer-events:none}
.quick-sheet{width:min(100%,460px);max-height:calc(var(--dialog-viewport,100dvh) - 36px);overflow-y:auto;padding:22px!important;gap:0!important}
.quick-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 6px}
.quick-head>strong{font-size:20px;font-weight:750;letter-spacing:-.5px}
.quick-sheet>.subtitle{font-size:11px;color:var(--muted);line-height:1.6;margin:0 0 18px}
.quick-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important;margin:0 0 14px!important}
.quick-grid>button{min-height:88px!important;border-radius:17px!important;padding:15px!important;display:flex;flex-direction:column;align-items:flex-start;gap:12px;background:var(--surface2);color:var(--text);border:1px solid var(--line);box-shadow:none;animation:none!important;transition:background-color .18s ease,transform .18s ease!important}
.quick-grid>button>svg{color:#b77a11;width:22px;height:22px}
.quick-grid>button:first-child{background:linear-gradient(135deg,#ffc748,#ffad0a);color:#302000;border-color:#ffbd2c}
.quick-grid>button:first-child>svg{color:#684200}
.quick-grid>button>span{font-size:12px;font-weight:700;line-height:1.35}
.quick-sheet>.quick-bills{width:100%;display:flex;align-items:center;gap:11px;background:var(--surface2);border:1px solid var(--line);border-radius:14px!important;min-height:48px!important;padding:12px 14px!important;margin:8px 0 0!important;font-size:11px;font-weight:600;text-align:left;color:var(--text);animation:none!important}
.quick-sheet>.quick-bills>svg{flex:none;color:#b77a11}
.select-dialog{width:min(100%,470px);padding:0}
.select-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex:none;padding:19px 20px 15px}
.select-head small{display:block;font-size:8px;font-weight:750;letter-spacing:1.2px;color:#ad751c;margin-bottom:6px}
.select-head h2{font-size:18px;font-weight:750;line-height:1.35;letter-spacing:-.35px;margin:0;overflow-wrap:anywhere}
.select-head>.btn{flex:none}
.picker-search{display:flex;align-items:center;gap:9px;background:var(--surface2);border:1px solid var(--line);border-radius:12px;margin:0 18px 12px;padding:0 12px;color:var(--muted);flex:none}
.picker-search input{background:none;border:0;box-shadow:none!important;padding:11px 0;min-height:43px;font-size:14px;min-width:0;color:var(--text)}
#select-options{overflow-y:auto;overscroll-behavior:contain;min-height:0;padding:0 10px 10px;scrollbar-width:thin}
.picker-option{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;border:1px solid transparent;border-radius:13px;background:transparent;padding:13px 12px;color:var(--text);text-align:left;min-height:49px;font-size:13px;line-height:1.4;margin:3px 0}
.picker-option>span{min-width:0;overflow-wrap:anywhere}
.picker-option>i{display:grid;place-items:center;width:23px;height:23px;border:1px solid var(--line);border-radius:50%;flex:none;color:#392400;background:transparent}
.picker-option.is-selected{background:color-mix(in srgb,var(--brand) 12%,var(--surface));border-color:color-mix(in srgb,var(--brand) 30%,var(--line));font-weight:700}
.picker-option.is-selected>i{background:#ffb821;border-color:#ffb821}
.picker-option:hover,.picker-option:focus-visible{background:color-mix(in srgb,var(--brand) 10%,var(--surface2));outline:2px solid #b9842a;outline-offset:-2px}
.picker-foot{flex:none;padding:11px 18px 15px;border-top:1px solid var(--line);font-size:10px;color:var(--muted);text-align:center;line-height:1.5}
.picker-empty{font-size:12px;color:var(--muted);padding:22px 12px;margin:0;text-align:center}
select.picker-native{position:absolute!important;opacity:0!important;clip-path:inset(50%);width:1px!important;height:1px!important;min-height:0!important;padding:0!important;pointer-events:none!important;overflow:hidden!important}
.picker-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;width:100%;min-height:44px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);color:var(--text);padding:11px 13px;text-align:left;font-size:13px;line-height:1.4}
.picker-trigger-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.picker-trigger>svg{flex:none;transform:rotate(90deg);color:var(--muted);width:16px;height:16px}
.picker-trigger[aria-expanded=true]{border-color:#b9842a;box-shadow:0 0 0 3px #ffaf0b12}
.picker-trigger[aria-invalid=true]{border-color:var(--red)}
.pawket-period .picker-trigger{border-radius:20px;width:auto;max-width:100%;min-height:36px;padding:7px 12px;font-size:11px}
.pwa-install-head img{object-fit:contain;background:#000;border-radius:14px;border:1px solid #2c2c2c}
.pwa-update-note{position:fixed;z-index:80;left:50%;bottom:20px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;width:min(calc(100% - 28px),500px);border:1px solid #b9842a;border-radius:15px;padding:13px 16px;background:var(--surface);color:var(--text);box-shadow:0 8px 26px #0003;font-size:11px;line-height:1.5}
.pwa-update-note>svg{flex:none;color:#c28a20}
@keyframes pawketDialogEnter{from{opacity:0;transform:translate3d(0,18px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@media(max-width:750px){
 .bottom-nav.android-bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible;min-height:70px;padding-top:8px;background:var(--bg);border-top:1px solid var(--line);backdrop-filter:blur(14px)}
 .bottom-nav.android-bottom-nav button.bottom-add{position:relative;align-self:start!important;justify-self:center;min-width:78px!important;min-height:78px!important;width:78px!important;height:78px!important;max-width:none!important;padding:0!important;margin-top:-31px!important;border:8px solid var(--bg)!important;border-radius:50%!important;background:linear-gradient(140deg,#ffce51,#ffa70b)!important;color:#392400!important;box-shadow:0 -2px 0 1px color-mix(in srgb,var(--line) 70%,transparent),0 8px 18px #0000001c!important;transform:none!important;animation:none!important;z-index:2}
 .bottom-nav.android-bottom-nav button.bottom-add>svg{width:30px;height:30px;stroke-width:1.8;transition:transform .24s cubic-bezier(.2,.8,.3,1)}
 .bottom-nav.android-bottom-nav button.bottom-add[aria-expanded=true]>svg{transform:rotate(45deg)}
 .bottom-nav.android-bottom-nav button.bottom-add:active{transform:scale(.96)!important}
 .bottom-nav.android-bottom-nav button:not(.bottom-add){min-height:48px;font-size:9.5px}
 .modal-overlay,.select-overlay{align-items:flex-end;padding:12px 10px calc(12px + env(safe-area-inset-bottom,0px))!important}
 .quick-overlay{align-items:flex-end;padding:12px 10px calc(91px + env(safe-area-inset-bottom,0px))!important}
 .modal,.select-dialog{width:100%!important;max-width:520px!important;max-height:calc(var(--dialog-viewport,100dvh) - 28px - env(safe-area-inset-bottom,0px));border-radius:25px!important}
 .quick-sheet{width:100%!important;max-width:500px!important;max-height:calc(var(--dialog-viewport,100dvh) - 120px - env(safe-area-inset-bottom,0px));padding:0 18px calc(18px + env(safe-area-inset-bottom,0px))!important}
 .modal-handle,.quick-handle{display:block;width:38px;height:4px;background:var(--muted);opacity:.4;border-radius:20px;margin:10px auto 0}
 .quick-handle{margin-bottom:12px}
 .modal-header{padding:12px 18px 14px}.modal-body{padding:18px}.modal-foot{padding:14px 18px calc(14px + env(safe-area-inset-bottom,0px))!important}
 .select-dialog{max-height:calc(var(--dialog-viewport,100dvh)*.82);min-height:0}
 .select-head{padding:13px 18px}.picker-search input{font-size:16px}.picker-option{font-size:13px;padding-block:13px}
 .modal.is-closing,.quick-sheet.is-closing,.select-dialog.is-closing{transform:translate3d(0,calc(100% + 36px),0)!important;opacity:.3}
 .modal.is-entering,.quick-sheet.is-entering,.select-dialog.is-entering{animation:pawketSheetEnter .27s cubic-bezier(.2,.8,.3,1) backwards!important}
 .pwa-update-note{bottom:calc(96px + env(safe-area-inset-bottom,0px));font-size:10.5px}
}
@keyframes pawketSheetEnter{from{opacity:.4;transform:translate3d(0,48px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@media(prefers-reduced-motion:reduce){.modal,.quick-sheet,.select-dialog,.modal-overlay,.quick-overlay,.select-overlay,.bottom-nav.android-bottom-nav button.bottom-add>svg{animation:none!important;transition:none!important}.modal.is-entering,.quick-sheet.is-entering,.select-dialog.is-entering{animation:none!important}}

/* V2.19.15: Dedicated mobile sign-out in More; intentionally absent on desktop. */
.pawket-more .pawket-mobile-session-actions{display:none}
@media(max-width:750px){
 .pawket-more .pawket-profile{margin-bottom:0}
 .pawket-more .pawket-mobile-session-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;margin:8px 0 18px;padding:0 2px;color:var(--muted)}
 .pawket-more .pawket-mobile-session-note{min-width:0;flex:1;font-size:11px;line-height:1.35;color:var(--muted)}
 .pawket-more .pawket-mobile-signout{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;min-width:104px;padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);font:inherit;font-size:12px;font-weight:650;white-space:nowrap;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}
 .pawket-more .pawket-mobile-signout svg{flex:none;color:var(--muted)}
 .pawket-more .pawket-mobile-signout:hover{border-color:var(--muted);background:var(--surface2)}
 .pawket-more .pawket-mobile-signout:active{transform:scale(.97)}
 .pawket-more .pawket-mobile-signout:focus-visible{outline:2px solid var(--brand-ink);outline-offset:3px}
}
@media(max-width:340px){.pawket-more .pawket-mobile-session-note{font-size:10px}.pawket-more .pawket-mobile-signout{min-width:95px;padding:8px 10px}}
@media(prefers-reduced-motion:reduce){.pawket-more .pawket-mobile-signout{transition:none}}

/* END PAWKET UI */

/* BEGIN SMART IMPORT STYLES */
/* Import review and the Pawket running mascot. */
.smart-review{padding:20px;min-width:0}.smart-review h2{font-size:19px;margin:0 0 16px}.smart-status-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-bottom:18px}.smart-status-tabs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:var(--surface2);border:1px solid var(--line);border-radius:14px;color:var(--muted);padding:12px 5px;min-width:0;cursor:pointer}.smart-status-tabs button b{font-size:23px;color:var(--text)}.smart-status-tabs button span{font-size:11px;line-height:1.25;text-align:center;overflow-wrap:anywhere}.smart-status-tabs button.active{background:var(--brand-soft);border-color:var(--accent2);color:var(--brand-ink)}.smart-status-tabs button.active b{color:var(--brand-ink)}.smart-review-controls{display:grid;gap:13px;margin:18px 0}.smart-review label>span{display:block;font-size:12px;color:var(--muted);margin-bottom:7px}.smart-review input:not([type=checkbox]),.smart-review select{width:100%;min-width:0}.smart-sort-controls,.smart-row-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.smart-bulk-bar{display:flex;gap:8px;flex-wrap:wrap;padding:0 0 16px;border-bottom:1px solid var(--line)}.smart-import-row{padding:19px 0;border-bottom:1px solid var(--line);min-width:0}.smart-import-row>header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.smart-row-choice{display:flex!important;align-items:flex-start;gap:10px;min-width:0;flex:1}.smart-row-choice input{width:18px;height:18px;flex:none;margin-top:3px}.smart-row-choice>span{min-width:0;margin:0!important}.smart-row-choice strong{display:block;font-size:15px;color:var(--text);overflow-wrap:anywhere;line-height:1.4}.smart-row-choice small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.smart-import-row>header>b{font-size:15px;white-space:nowrap;flex:none;padding-top:2px}.smart-original{font-size:11px;color:var(--muted);margin:10px 0}.smart-original summary{cursor:pointer}.smart-original p{background:var(--surface2);border-radius:10px;padding:10px;overflow-wrap:anywhere;line-height:1.6}.smart-row-reason{display:flex;align-items:center;gap:8px;margin:12px 0;flex-wrap:wrap}.smart-row-reason small{color:var(--muted);font-size:11px;line-height:1.5;flex:1;min-width:140px}.smart-status{display:inline-flex;align-items:center;border-radius:20px;padding:5px 9px;font-size:10px;white-space:nowrap;background:var(--surface2);color:var(--muted)}.smart-status.ready{background:color-mix(in srgb,var(--income) 12%,var(--surface));color:var(--income)}.smart-status.review,.smart-status.duplicates{background:var(--brand-soft);color:var(--brand-ink)}.smart-status.transfers{border:1px solid var(--line)}.smart-match-choice{display:block;margin-top:15px}.smart-match-choice small{display:block;color:var(--muted);font-size:11px;line-height:1.6;margin-top:7px}.smart-import-row>footer{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:15px}.smart-import-row>footer button{font-size:11px;min-height:32px}.smart-import-row>footer label,.smart-clean-toggle{font-size:12px!important;color:var(--muted);display:flex!important;align-items:center;gap:8px;line-height:1.5}.smart-import-row>footer input,.smart-clean-toggle input{width:17px;height:17px;flex:none}.smart-group-title{margin:20px -2px 0;padding:10px 0;color:var(--gold);font-size:13px}.smart-checking{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px;min-height:60px}.smart-history{padding:18px 20px;margin-top:16px}.smart-history>summary{cursor:pointer;font-size:15px;font-weight:650;display:flex;justify-content:space-between;gap:10px}.smart-history>summary span{font-size:12px;color:var(--muted)}.smart-history>p{font-size:12px;line-height:1.6;margin-top:15px}.smart-history article{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}.smart-history article>div{min-width:0;flex:1}.smart-history strong{font-size:13px;overflow-wrap:anywhere}.smart-history small{display:block;font-size:11px;color:var(--muted);line-height:1.7;margin-top:3px}.smart-history button{flex:none;max-width:110px;white-space:normal}.smart-undo-impact{padding:13px 0;border-bottom:1px solid var(--line);display:flex;gap:10px;flex-wrap:wrap;justify-content:space-between;font-size:13px}
.pawket-process-pill{position:fixed;z-index:170;left:50%;top:max(12px,env(safe-area-inset-top));transform:translateX(-50%);display:flex;align-items:center;gap:9px;max-width:calc(100vw - 28px);padding:7px 18px 7px 9px;background:var(--surface);border:1px solid var(--line);box-shadow:0 8px 26px #0003;border-radius:50px;pointer-events:none}.pawket-process-pill>span:last-child{font-size:12px;line-height:1.4;max-width:220px;overflow-wrap:anywhere}.has-active-file-progress .pawket-process-pill{display:none}.pawket-boot-loader{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--bg,#0b0b0b);color:var(--muted,#999);font:14px system-ui;z-index:80}.pawket-boot-loader[hidden]{display:none}.pawket-boot-loader .pawket-runner{width:100px;height:70px}

@media(max-width:480px){.smart-review,.smart-history{padding:16px}.smart-status-tabs{gap:4px}.smart-status-tabs button{border-radius:11px;padding:10px 3px}.smart-status-tabs button b{font-size:20px}.smart-status-tabs button span{font-size:9px}.smart-import-row>header{gap:8px}.smart-import-row>header>b{font-size:13px}.smart-row-choice strong{font-size:14px}.smart-row-fields,.smart-sort-controls{gap:9px}.smart-review .pdf-pagination{flex-wrap:wrap;gap:12px}.smart-review .pdf-pagination>div{display:flex;gap:7px}.smart-bulk-bar .btn{font-size:11px;padding:8px 10px}.file-progress-icon:has(.pawket-runner){width:48px}.file-progress-icon>.pawket-runner{width:48px}}


/* END SMART IMPORT STYLES */

/* BEGIN RUNNING CAT */
/* The attached reference artwork has a transparent canvas in every theme. */
.pawket-runner{display:inline-grid;place-items:center;width:82px;height:56px;flex:none;overflow:visible;color:inherit;--runner-edge:#080808}
.pawket-reference-cat{display:block;width:100%;height:100%;overflow:visible;background:transparent}
.pawket-reference-cat .runner-white{fill:#fff;stroke:#080808;stroke-width:11;stroke-linecap:round;stroke-linejoin:round}
.pawket-reference-cat .runner-black{fill:#080808;stroke:var(--runner-edge);stroke-width:7;stroke-linecap:round;stroke-linejoin:round}
.pawket-reference-cat .runner-ink{fill:none;stroke:#080808;stroke-width:12;stroke-linecap:round;stroke-linejoin:round}
.pawket-reference-cat .runner-motion{fill:none;stroke:#ff9d00;stroke-width:13;stroke-linecap:round}
.pawket-reference-cat [data-cat="head"] circle{fill:#ff8fab;stroke:#080808;stroke-width:4}
:root:not([data-theme=light]) .pawket-runner{--runner-edge:#c0c0c0}
.btn .pawket-runner{width:46px;height:32px;margin-block:-5px;--runner-edge:#080808}
.pawket-boot-loader .pawket-runner{width:184px;height:126px}
.pawket-process-pill .pawket-runner{width:82px;height:56px}
.file-progress-icon:has(.pawket-runner){width:82px;height:56px;background:transparent;color:var(--text);box-shadow:none;flex:none}
.file-progress-icon>.pawket-runner{width:82px;height:56px}
@media(max-width:480px){.file-progress-panel{gap:10px}.file-progress-icon:has(.pawket-runner),.file-progress-icon>.pawket-runner{width:66px;height:50px}.pawket-process-pill{padding-block:4px}.pawket-process-pill>span:last-child{max-width:190px;font-size:11px}.pawket-process-pill .pawket-runner{width:70px;height:48px}}
@media(prefers-reduced-motion:reduce){.pawket-reference-cat .runner-motion{opacity:.35}}

/* END RUNNING CAT */
/* BEGIN THEME UI */
/* Digital cards on Accounts & Banks share the Home card proportions. */
.account-wallet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));align-items:start;justify-items:center;gap:24px;min-width:0}
.account-wallet-item{width:100%;max-width:580px;min-width:0}
.account-wallet-grid .home-account.mh-style-card{width:100%;max-width:100%;min-width:0;margin:0;flex:none;aspect-ratio:3/2;transform:none!important;scroll-snap-align:none}
.account-wallet-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:12px 3px 0}
.account-wallet-actions .btn{min-width:0;font-size:12px;gap:7px;white-space:normal;line-height:1.4}
.account-wallet-actions .account-wallet-manage{flex:none}
.account-wallet-grid .home-account-bank-mark{padding:1.3cqw;background:#ffffffed;border-color:#ffffff45;overflow:hidden}
.account-wallet-grid .home-account-bank-mark .brand-logo{width:100%;height:100%;min-width:0;min-height:0;padding:0!important;background:transparent!important;border:0;box-shadow:none}
.account-wallet-grid .home-account-bank-mark img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
.account-wallet-grid .home-account-bank-mark>svg{width:65%;height:65%;color:#25282e}
.account-wallet-grid .home-account-bank-mark .brand-generic{display:grid;place-items:center;width:100%;height:100%}
/* Clear, persistent theme selection with a small preview for each option. */
.pawket-theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;margin:8px 0}
.pawket-theme-choice{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:12px;min-width:0;text-align:left;padding:13px;border:1px solid var(--line);border-radius:18px;background:var(--surface2);color:var(--text);cursor:pointer;transition:border-color .15s,background-color .15s}
.pawket-theme-choice.selected,.pawket-theme-choice:has(input:checked){border-color:var(--accent2);box-shadow:0 0 0 1px var(--accent2)}
.pawket-theme-choice input{min-height:0}
.theme-choice-copy{display:grid;gap:5px;min-width:0}.theme-choice-copy strong{font-size:13px;line-height:1.3;overflow-wrap:anywhere}.theme-choice-copy small{font-size:11px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}
.theme-choice-check{position:absolute;right:9px;top:9px;display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:var(--surface);color:var(--muted);opacity:0;pointer-events:none}
.pawket-theme-choice.selected .theme-choice-check,.pawket-theme-choice:has(input:checked) .theme-choice-check{opacity:1;color:var(--brand-ink)}
.theme-preview{position:relative;display:block;isolation:isolate;height:75px;border-radius:10px;overflow:hidden;border:1px solid #ffffff20;background:#0d0d0f;flex:none}
.theme-preview i{position:absolute;display:block;height:10px;border-radius:3px;left:10px;right:10px;background:#fff}.theme-preview i:nth-child(1){top:12px;height:22px;background:#ffad11}.theme-preview i:nth-child(2){top:41px;right:52%}.theme-preview i:nth-child(3){top:41px;left:52%}.theme-preview b{position:absolute;right:10px;bottom:9px;width:8px;height:8px;border-radius:50%;background:#ffad11}
.theme-preview-light{background:#e6e7ea}.theme-preview-light i:nth-child(2),.theme-preview-light i:nth-child(3){background:#fff}
.theme-preview-graphite{background:#000000}.theme-preview-graphite i:nth-child(1){background:#383838}.theme-preview-graphite i:nth-child(2){background:#f1f1f1}.theme-preview-graphite i:nth-child(3){background:#8b8b8b}.theme-preview-graphite b{width:6px;height:6px;background:#ababab}
.theme-dialog-options{grid-template-columns:1fr;margin-top:18px}.theme-dialog-options .pawket-theme-choice{display:grid;grid-template-columns:106px minmax(0,1fr);align-items:center;gap:15px;padding:13px}.theme-dialog-options .theme-preview{height:70px}.theme-dialog-options .theme-choice-copy{padding-right:14px}
/* Graphite: AMOLED black, white and neutral greys only. */
:root[data-theme=graphite]{color-scheme:dark;--bg:#000000;--side:#000000;--surface:#1e1e1e;--surface2:#2b2b2b;--surface3:#383838;--line:#404040;--text:#f3f3f3;--muted:#b4b4b4;--brand:#ababab;--brand-hover:#bebebe;--brand-ink:#b9b9b9;--brand-soft:#2b2b2b;--accent:#ababab;--accent2:#8e8e8e;--gold:#bbbbbb;--blue:#c7c7c7;--income:#c3c3c3;--red:#b5b5b5;--chart:#e9e9e9;--chart-1:#e9e9e9;--chart-2:#9e9e9e;--chart-3:#6f6f6f;--chart-4:#ababab;--chart-5:#c2c2c2;--chart-6:#8b8b8b;--chart-7:#5c5c5c;--chart-8:#b0b0b0;--shadow:0 12px 35px #00000022}
:root[data-theme=graphite] :is(.card,.pawket-day-list,.home-recent,.modal,.quick-sheet,.file-progress-panel,.pwa-install-card,.toast,.select-dialog){--bg:#1e1e1e;--surface:#1e1e1e;--surface2:#2b2b2b;--surface3:#383838;--line:#404040;--text:#f3f3f3;--muted:#b4b4b4;--brand-ink:#b9b9b9;--brand-soft:#2b2b2b;--income:#c3c3c3;--red:#b5b5b5;--gold:#bbbbbb;--blue:#c7c7c7;background:#1e1e1e;color:var(--text);border-color:var(--line);color-scheme:dark;box-shadow:0 8px 24px #00000022}
:root[data-theme=graphite] :is(.card,.modal) input:is([type=date],[type=month]){color-scheme:dark}
:root[data-theme=graphite] .btn.primary{background:#eaeaea;color:#1a1a1a;box-shadow:none;border:1px solid #ffffff20}
:root[data-theme=graphite] .btn.primary:hover{background:#ffffff}
:root[data-theme=graphite] .btn.primary.danger{background:#2b2b2b;color:#c2c2c2;border-color:#505050}
:root[data-theme=graphite] :is(.sidebar .nav.active,.pawket-tabs>button.active,.pawket-icon-button.selected){background:#333333;color:#f5f5f5;box-shadow:inset 2px 0 var(--accent)}
:root[data-theme=graphite] :is(.pawket-cash-card,.analysis-hero,.analysis-summary,.pawket-analysis-hero,.pawket-budget-total,.kpi-featured){background:linear-gradient(130deg,#333333,#1c1c1c);border:1px solid #484848;color:#f5f5f5;box-shadow:0 12px 28px #00000022}
:root[data-theme=graphite] .pawket-cash-card::before{background:linear-gradient(140deg,transparent 44%,#ffffff08 44%,transparent 70%)}
:root[data-theme=graphite] :is(.pawket-cash-caption,.pawket-cash-foot,.pawket-cash-top,.pawket-cash-value,.kpi-featured .kpi-name,.kpi-featured .kpi-value,.kpi-featured .kpi-foot){color:inherit}
:root[data-theme=graphite] .pawket-cash-caption{color:#c3c3c3}
:root[data-theme=graphite] :is(.item-icon,.insight-icon,.more-tile-icon,.pawket-category-icon,.home-shortcuts>button>span,.quick-grid>button>svg,.kpi-featured .kpi-icon){background:#333333;color:#e3e3e3;border-color:#4e4e4e;box-shadow:none}
:root[data-theme=graphite] :is(.progress,.pawket-budget-progress,.pawket-home-ratio){background:#3b3b3b}
:root[data-theme=graphite] .progress>span{background:linear-gradient(90deg,#c9c9c9,#f1f1f1)}
:root[data-theme=graphite] :is(.pawket-home-stat,.pawket-mini-stat,.quick-grid>button,.quick-bills,.pawket-days .tx-item,.tx-group,.pawket-tx-card,.auth-mode-tabs,.pawket-changelog-entry){background:var(--surface2);color:var(--text);border-color:var(--line)}
:root[data-theme=graphite] :is(.home-shortcuts>button,.more-tile){color:var(--text)}
:root[data-theme=graphite] .bottom-nav.android-bottom-nav{background:#161616f5;border-color:#3c3c3c}
:root[data-theme=graphite] .bottom-nav.android-bottom-nav button{color:#b3b3b3}
:root[data-theme=graphite] .bottom-nav.android-bottom-nav button.active{color:#f1f1f1}
:root[data-theme=graphite] .bottom-nav.android-bottom-nav button.active .android-nav-pill{background:#333333;color:#f1f1f1;border:1px solid #595959}
:root[data-theme=graphite] .bottom-nav.android-bottom-nav .bottom-add{background:#e9e9e9;color:#171717;box-shadow:0 10px 25px #00000055;border-color:#161616}
:root[data-theme=graphite] .home-deck-controls .active,:root[data-theme=graphite] .home-account-dots button.active span{background:#bbbbbb}
:root[data-theme=graphite] .auth-v3{--auth-panel:#1e1e1e;--auth-input:#2c2c2c;--auth-line:#454545;--auth-ink:#f2f2f2;--auth-muted:#b5b5b5;background:radial-gradient(ellipse at 12% 38%,#ffffff08,transparent 56%),#111111}
:root[data-theme=graphite] :is(.auth-v3 .auth-v3-submit,.auth-v3 .btn.primary){background:#eaeaea;color:#1a1a1a;box-shadow:none}
:root[data-theme=graphite] :is(.auth-v3-preview,.auth-preview-card){background:linear-gradient(135deg,#393939,#1e1e1e);border-color:#585858;color:#f2f2f2;box-shadow:0 20px 60px #00000044}
:root[data-theme=graphite] .auth-preview-orbit{border-color:#6d6d6d40}
:root[data-theme=graphite] .auth-v3-eyebrow{color:#d5d5d5}
:root[data-theme=graphite] .smart-status.ready{background:#353535;color:#cfcfcf}
:root[data-theme=graphite] .smart-status-tabs button.active{background:#353535;border-color:#7c7c7c;color:#f3f3f3}
:root[data-theme=graphite] .smart-status-tabs button.active b{color:#f3f3f3}
/* Quiet updates retain the worker lifecycle without overlay announcements. */
#pwa-update-root:empty{display:none}
@media(max-width:540px){.pawket-theme-options{grid-template-columns:1fr}.pawket-theme-options .pawket-theme-choice{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:13px}.pawket-theme-options .theme-preview{height:65px}.account-wallet-grid{gap:24px}.account-wallet-actions .btn{font-size:11px}.theme-choice-copy{padding-right:14px}}
@media(prefers-reduced-motion:reduce){.pawket-theme-choice{transition:none}}
.account-wallet-heading{flex-wrap:wrap;align-items:baseline;gap:6px 16px}.account-wallet-heading h2{flex:0 0 auto;margin:0}.account-wallet-heading>span{flex:1 1 220px}
:root[data-theme=graphite] .pawket-analysis-hero::before{background:linear-gradient(90deg,#cacaca,#808080 90%,#939393 90%)}
:root[data-theme=graphite] .pawket-analysis-badge{background:#3b3b3b;color:#f2f2f2;border:1px solid #5d5d5d;box-shadow:none}
:root[data-theme=graphite] .pawket-scope-pill{background:#3b3b3b;color:#e5e5e5}
:root[data-theme=graphite] .pawket-spending-change.up{background:#2f2f2f;color:#bdbdbd}
:root[data-theme=graphite] .pawket-spending-change.good{background:#363636;color:#cacaca}
:root[data-theme=graphite] .pawket-spending-change.neutral{background:#363636;color:#c2c2c2}
:root[data-theme=graphite] .pawket-flow-bar .flow-inc,:root[data-theme=graphite] .flow-dot.inc{background:#cacaca}
:root[data-theme=graphite] .pawket-flow-bar .flow-exp,:root[data-theme=graphite] .flow-dot.exp{background:#969696}
:root[data-theme=graphite] .pawket-chart-bars{background-image:repeating-linear-gradient(to top,transparent 0 calc(25% - 1px),#58585855 calc(25% - 1px) 25%)}
:root[data-theme=graphite] .pawket-chart-bars i{background:linear-gradient(180deg,#d9d9d9,#8a8a8a);box-shadow:none}
:root[data-theme=graphite] .pawket-chart-bars>button.selected i{background:linear-gradient(180deg,#bababa,#919191);box-shadow:none}
:root[data-theme=graphite] :is(.pawket-chart-bars>button,.pawket-chart-axis){color:var(--muted)}
:root[data-theme=graphite] .pawket-chart-bars>button.selected .pawket-bar-val{color:#bdbdbd}
:root[data-theme=graphite] .pawket-coach{background:#2c2c2c;color:#f2f2f2;border-color:#4a4a4a}
:root[data-theme=graphite] .pawket-coach p{color:#c0c0c0}
:root[data-theme=graphite] .bottom-nav.android-bottom-nav button.bottom-add{background:#e9e9e9!important;color:#171717!important;box-shadow:0 -2px 0 1px #444444,0 8px 18px #00000033!important;border-color:#161616!important}
/* AMOLED Graphite uses neutral colours even where older components have local palettes. */
:root[data-theme=graphite]{--bg:#000;--side:#000;--brand:#e6e6e6;--brand-hover:#fff;--brand-ink:#e0e0e0;--accent:#dedede;--accent2:#a6a6a6;--income:#e6e6e6;--red:#c4c4c4;--analysis-income:#e0e0e0;--analysis-expense:#888;--metric-colour:#bdbdbd}
:root[data-theme=graphite] :is(.topbar,.sidebar,.bottom-nav.android-bottom-nav){background:#000;border-color:#333}
:root[data-theme=graphite] :is(img,canvas,video,svg,.theme-preview,.pawket-greeting h1){filter:grayscale(1)}
:root[data-theme=graphite] :is(.home-account,.home-account.mh-style-card){--card-a:#282828!important;--card-b:#080808!important;--card-glow:#ccc!important;--card-text:#fff!important;--card-muted:#d6d6d6!important;border-color:#505050;box-shadow:0 12px 28px #0006,inset 0 1px 0 #ffffff12}
:root[data-theme=graphite] .home-card-chip{background:linear-gradient(135deg,#eee,#888,#ddd);border-color:#ddd}
:root[data-theme=graphite] .home-card-chip::before{border-color:#555}
:root[data-theme=graphite] .home-account-icon{color:#fff}
:root[data-theme=graphite] .home-empty-account{background:#101010;border-color:#505050;color:#fff}
:root[data-theme=graphite] :is(.home-empty-account>small,.home-empty-account p){color:#c4c4c4}
:root[data-theme=graphite] :is(.home-empty-add,.pill-tabs button.active,.auth-mode-tabs>button.active){background:#e6e6e6;color:#161616}
:root[data-theme=graphite] :is(.pawket-greeting-avatar,.pawket-profile-avatar,.pawket-cash-mascot,.pawket-more-footer-mascot,.pawket-more-footer-logo){border-color:#888;box-shadow:none}
:root[data-theme=graphite] .pawket-cash-foot>button:last-child{background:#333;border-color:#777;color:#fff}
:root[data-theme=graphite] .pawket-mini-stat:is(.income,.expense){background:#1e1e1e!important;color:#f3f3f3}
:root[data-theme=graphite] .pawket-mini-stat>span>svg{background:#3a3a3a;color:#fff}
:root[data-theme=graphite] :is(.pawket-home-summary>.pawket-text-link,.pawket-ring-empty>svg,.home-see-all,.pawket-category-add,.pawket-category-remove,.pawket-budget-actual,.pawket-budget-view-tx,.pawket-more .more-group>h2){color:#dedede!important}
:root[data-theme=graphite] :is(.home-shortcuts>button:hover>span,.home-shortcuts>button:active>span){background:#444;color:#fff;border-color:#999;box-shadow:none}
:root[data-theme=graphite] :is(.home-recent-head,.home-recent-row,.home-recent-row:nth-child(even)){background:#1e1e1e;border-color:#404040}
:root[data-theme=graphite] :is(.home-recent-row:hover,.home-recent-row:active,.pawket-days .tx-item:hover,.pawket-days .tx-item:active,.receipt-history .list-row:hover,.pawket-budget-row-hit:hover){background:#333}
:root[data-theme=graphite] :is(.home-recent-head h2>span,.home-row-icon,.home-row-amount,.home-row-amount.positive,.home-row-amount.negative,.detail-link-btn){background:#333;border-color:#555;color:#eee!important}
:root[data-theme=graphite] :is(.home-row-text>strong,.pawket-chart-bars>button.selected small){color:#f3f3f3}
:root[data-theme=graphite] .home-row-text>small{color:#bdbdbd}
:root[data-theme=graphite] :is(.home-move,.home-move:hover){background:#333!important;border-color:#777!important;color:#eee!important}
:root[data-theme=graphite] .home-see-all:hover{background:#333!important}
:root[data-theme=graphite] .home-recent-head{border-bottom-color:#404040}
:root[data-theme=graphite] .pawket-view-pill.active{background:#e5e5e5;color:#151515}
:root[data-theme=graphite] .pawket-search-bar>label{background:#252525;color:#dedede}
:root[data-theme=graphite] .pawket-search-bar input{color:#fff}
:root[data-theme=graphite] :is(input,textarea)::placeholder{color:#b4b4b4;opacity:1}
:root[data-theme=graphite] .pawket-tabs>button.active{border-color:#999}
:root[data-theme=graphite] :is(.pawket-days .tx-icon,.pawket-detail-logo,.analysis-card-badge,.quick-sheet .quick-item .quick-ico,.pawket-budget-total>header>.pawket-icon-button){background:#333;color:#eee}
:root[data-theme=graphite] :is(.pawket-category-dot,.pawket-category-dot[class*=tone-]){background:#bdbdbd}
:root[data-theme=graphite] :is(.pawket-deck-step-btn:hover:not(:disabled),.pawket-more .more-hub-head>button:hover){background:#eee;color:#141414}
:root[data-theme=graphite] .detail-link-btn:hover{background:#444;border-color:#aaa;color:#fff}
:root[data-theme=graphite] :is(.analysis-page,.analysis-metric){--analysis-income:#e0e0e0;--analysis-expense:#999;--metric-colour:#bdbdbd}
:root[data-theme=graphite] .analysis-metric.income{--metric-colour:#e0e0e0}
:root[data-theme=graphite] .analysis-metric.expense{--metric-colour:#999}
:root[data-theme=graphite] .analysis-metric.blue{--metric-colour:#ccc}
:root[data-theme=graphite] .analysis-metric.violet{--metric-colour:#b3b3b3}
:root[data-theme=graphite] :is(.analysis-eyebrow,.analysis-top-payee small,.pawket-chart-bars>button:hover .pawket-bar-val){color:#ddd}
:root[data-theme=graphite] :is(.analysis-month.selected,.analysis-category-list>button.selected,.analysis-category-list>button:hover,.analysis-top-payee){background:#333;border-color:#888;color:#eee}
:root[data-theme=graphite] .analysis-bars>.analysis-expense{background:linear-gradient(0deg,#777,#ddd)}
:root[data-theme=graphite] .analysis-donut{background-color:#1e1e1e}
:root[data-theme=graphite] :is(.analysis-heat>button.selected,.pawket-days .tx-item:focus-visible){outline-color:#eee}
:root[data-theme=graphite] .pawket-chart-bars>button.selected small{font-weight:700}
:root[data-theme=graphite] .pawket-import-art{background:#282828;border-color:#555;color:#ccc}
:root[data-theme=graphite] :is(.pawket-import-art>b,.pawket-bank-upload .bank-file-choice,.pawket-bank-upload .bank-file-choice:hover){background:#e6e6e6;color:#171717;box-shadow:none}
:root[data-theme=graphite] .pawket-bank-upload .bank-file-choice>small{color:#414141}
:root[data-theme=graphite] .pawket-bank-upload .bank-file-choice:focus-within{outline-color:#fff}
:root[data-theme=graphite] :is(.pawket-import-institutions,.pawket-import-history){background:#1e1e1e;border-color:#555}
:root[data-theme=graphite] .pawket-import-bank-tags .tag{background:#333;border-color:#555;color:#eee}
:root[data-theme=graphite] .pawket-category-row>svg{color:#ccc}
:root[data-theme=graphite] :is(.pawket-category-icon,[class*=tone-],.pawket-more .more-tile-icon){background:#333;border-color:#666;color:#eee;box-shadow:none}
:root[data-theme=graphite] :is(.pawket-more .more-tile:hover .more-tile-icon,.pawket-more .more-tile:active .more-tile-icon){background:#494949;border-color:#aaa;color:#fff;box-shadow:none}
:root[data-theme=graphite] .pawket-more-footer{background:#1e1e1e!important;border-color:#555!important}
:root[data-theme=graphite] :is(.pawket-more-footer-copy strong,.pawket-more-footer-top strong){color:#fff}
:root[data-theme=graphite] :is(.pawket-more-footer-copy span,.pawket-more-footer-top small,.pawket-more-version){color:#c4c4c4}
:root[data-theme=graphite] :is(.pawket-more-footer-actions,.pawket-more-footer-links){border-top-color:#555}
:root[data-theme=graphite] :is(.pawket-more-footer-actions>button,.pawket-more-footer-links>button){background:#333;border-color:#777;color:#eee}
:root[data-theme=graphite] :is(.pawket-more-footer-actions>button:hover,.pawket-more-footer-links>button:hover){background:#444;border-color:#aaa}
:root[data-theme=graphite] :is(.modal-handle,.quick-handle){background:#aaa}
:root[data-theme=graphite] :is(.banner,.session-note,.muted-block){background:#1e1e1e;border-color:#555;color:#eee}
:root[data-theme=graphite] :is(.banner p,.banner>svg,.session-note-copy>svg){color:#ccc}
:root[data-theme=graphite] .pawket-version-pill{background:#ddd;color:#171717}
:root[data-theme=graphite] .pawket-changelog-mascot{background:#333}
:root[data-theme=graphite] .pawket-changelog-entry.is-latest{border-color:#888}
:root[data-theme=graphite] .pawket-changelog-ver{color:#eee}
:root[data-theme=graphite] .auth-v3{background:#000;--auth-panel:#171717;--auth-input:#252525;--auth-line:#666;--auth-ink:#f3f3f3;--auth-muted:#bdbdbd}
:root[data-theme=graphite] .auth-v3 button:focus-visible{outline-color:#eee}
:root[data-theme=graphite] .auth-preview-orbit{border-color:#666;box-shadow:0 0 0 30px #ffffff05,0 0 0 60px #ffffff03}
:root[data-theme=graphite] :is(.auth-preview-card>div,.auth-preview-card>small,.auth-preview-card footer,.auth-preview-card footer small,.auth-preview-chip>svg,.auth-v3-benefits svg,.auth-demo-signup-note svg,.auth-status){color:#ddd}
:root[data-theme=graphite] .auth-v3 .auth-mode-tabs>button.active{background:#e6e6e6;color:#171717;box-shadow:none}
:root[data-theme=graphite] .auth-v3-field input:focus{border-color:#eee;box-shadow:0 0 0 3px #ffffff20}
:root[data-theme=graphite] .auth-v3 .error:not([hidden]){color:#fff;background:#333;border-color:#999}
:root[data-theme=graphite] .auth-v3 .auth-migrate-check{background:#252525;border-color:#777}
:root[data-theme=graphite] .auth-v3-explore>button:hover{background:#333;border-color:#aaa}
:root[data-theme=graphite] :is(.auth-explore-icon,.auth-v3-explore>#auth-demo-btn .auth-explore-icon){color:#eee;background:#333}
:root[data-theme=graphite] .quick-grid>button:first-child{background:#eee;color:#171717;border-color:#aaa}
:root[data-theme=graphite] .quick-grid>button:first-child>svg{color:#171717}
:root[data-theme=graphite] :is(.quick-grid>button>svg,.quick-sheet>.quick-bills>svg,.select-head small){color:#ddd}
:root[data-theme=graphite] .picker-option>i{color:#171717}
:root[data-theme=graphite] .picker-option.is-selected>i{background:#eee;border-color:#eee}
:root[data-theme=graphite] :is(.picker-option:hover,.picker-option:focus-visible){outline-color:#ccc}
:root[data-theme=graphite] .picker-trigger[aria-expanded=true]{border-color:#ccc;box-shadow:0 0 0 3px #ffffff20}
:root[data-theme=graphite] :is(.file-progress-icon,.file-progress-panel.complete .file-progress-icon){background:#333;color:#eee}
:root[data-theme=graphite] .file-progress-icon:has(.pawket-runner){background:transparent}
:root[data-theme=graphite] :is(.file-progress-track>span,.file-progress-panel.complete .file-progress-track>span){background:#ddd}
:root[data-theme=graphite] input:is([type=checkbox],[type=radio]){accent-color:#ddd}
:root[data-theme=graphite] :is(button,input,select,textarea,a):focus-visible{outline:2px solid #eee;outline-offset:3px}

:root[data-theme=graphite] .brand-logo{filter:grayscale(1)}
:root[data-theme=graphite] .analysis-meter>i{background:#ccc!important}

/* Keep the AMOLED canvas black immediately, including during theme restoration. */
:root[data-theme=graphite] body{background:#000;transition:none}

:root[data-theme=graphite] :is(.bank-colour-swatch,.card-colour-picker>button>span){background:linear-gradient(135deg,#4a4a4a,#141414);color:#fff;border-color:#777}

/* END THEME UI */

/* BEGIN CHANGELOG UI */
/* Update history shares the active theme's surfaces and readable text tokens. */
.modal.changelog-modal{width:min(720px,100%);display:flex;flex-direction:column;max-height:min(900px,calc(100dvh - 40px));overflow:hidden}
.changelog-modal>.modal-header,.changelog-modal>.modal-foot,.changelog-modal>.modal-handle{flex:none}
.changelog-modal>.modal-body{min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain;padding:22px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.changelog-modal>.modal-foot{position:relative;justify-content:flex-end;padding:14px 22px;border-top:1px solid var(--line)}
.changelog-modal>.modal-foot .btn{min-width:124px}
.pawket-changelog-reader{display:grid;gap:22px;min-width:0;color:var(--text)}
.changelog-reader-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:22px;padding:20px;border:1px solid var(--line);border-radius:20px;background:var(--surface2)}
.changelog-identity{display:flex;align-items:flex-start;gap:14px;min-width:0}
.changelog-identity>div{min-width:0}
.changelog-identity .changelog-mascot{width:52px;height:52px;flex:none;border-radius:15px;border:1px solid var(--line);overflow:hidden;box-shadow:none}
.changelog-eyebrow{display:block;font-size:9px;font-weight:700;letter-spacing:1.5px;color:var(--brand-ink);line-height:1.6;margin-bottom:5px}
.changelog-identity h3{font-size:25px;line-height:1.15;letter-spacing:-.8px;margin:0 0 9px;color:var(--text)}
.changelog-identity p{font-size:11px;line-height:1.7;max-width:240px;color:var(--muted);margin:0}
.changelog-build{display:grid;justify-items:end;gap:7px;flex:none;text-align:right}
.changelog-build>strong{font-size:25px;line-height:1.1;letter-spacing:-.8px;color:var(--text)}
.changelog-build>span:last-child{font-size:10px;color:var(--muted)}
.changelog-current-badge{display:inline-flex;align-items:center;gap:5px;width:fit-content;padding:5px 8px;font-size:9px;font-weight:650;line-height:1.25;border:1px solid color-mix(in srgb,var(--brand-ink) 30%,var(--line));border-radius:7px;background:var(--brand-soft);color:var(--brand-ink);white-space:nowrap}
.changelog-toolbar{display:grid;gap:12px;min-width:0}
.changelog-search{display:grid;grid-template-columns:18px minmax(0,1fr) 30px;gap:9px;align-items:center;min-height:48px;padding:4px 10px 4px 14px;border:1px solid var(--line);border-radius:13px;background:var(--surface2);color:var(--muted)}
.changelog-search:focus-within{border-color:var(--brand-ink);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-ink) 15%,transparent)}
.changelog-search input{border:0;border-radius:0;padding:8px 0;min-width:0;min-height:36px;background:transparent;color:var(--text);font-size:13px;box-shadow:none}
.changelog-search input:focus{border:0;box-shadow:none;outline:0}
.changelog-search input::-webkit-search-cancel-button{-webkit-appearance:none}
.changelog-clear{display:grid;place-items:center;background:none;color:var(--muted);border:0;border-radius:8px;min-height:32px;padding:5px}
.changelog-clear:hover{background:var(--surface3);color:var(--text)}
.changelog-clear[hidden]{display:none}
.changelog-scope{display:flex;flex-wrap:wrap;gap:6px}
.changelog-scope>button{background:var(--surface2);border:1px solid var(--line);border-radius:9px;color:var(--muted);min-height:37px;font-size:11px;font-weight:600;padding:8px 13px;line-height:1.4}
.changelog-scope>button[aria-pressed=true]{background:var(--brand-soft);border-color:var(--brand-ink);color:var(--brand-ink)}
.changelog-result-count{margin:0;font-size:10px;line-height:1.5;color:var(--muted)}
.pawket-changelog-reader .changelog-timeline{display:grid;grid-auto-rows:max-content;gap:10px;margin:0;max-height:none;overflow:visible;padding-right:0}
.pawket-changelog-reader .changelog-release{padding:0;min-width:0;border:1px solid var(--line);border-radius:15px;background:var(--surface);overflow:hidden}
.pawket-changelog-reader .changelog-release.is-latest{border-color:color-mix(in srgb,var(--brand-ink) 55%,var(--line))}
.changelog-release>summary{display:grid;grid-template-columns:30px minmax(0,1fr) 18px;align-items:center;gap:11px;padding:17px 15px;cursor:pointer;list-style:none;min-width:0}
.changelog-release>summary::marker,.changelog-release>summary::-webkit-details-marker{display:none;content:''}
.changelog-release>summary:hover{background:var(--surface2)}
.changelog-release>summary:focus-visible{outline:2px solid var(--brand-ink);outline-offset:-3px;border-radius:14px}
.changelog-release-icon{display:grid;place-items:center;width:30px;height:34px;align-self:start;border-radius:9px;border:1px solid var(--line);background:var(--surface2);color:var(--muted)}
.changelog-release.is-latest .changelog-release-icon{background:var(--brand-soft);color:var(--brand-ink)}
.changelog-release-heading{display:grid;gap:7px;min-width:0}
.changelog-release-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 9px;min-width:0}
.changelog-release-meta>b{font-size:11px;line-height:1.4;font-weight:700;color:var(--text);white-space:nowrap}
.changelog-release-meta time{margin-left:auto;font-size:9px;color:var(--muted);white-space:nowrap}
.changelog-release-meta .changelog-current-badge{padding:3px 6px;font-size:8px}
.changelog-release-heading>strong{font-size:13px;line-height:1.5;font-weight:650;color:var(--text);overflow-wrap:anywhere}
.changelog-expand{display:grid;place-items:center;color:var(--muted);transition:transform .16s ease}
.changelog-release[open] .changelog-expand{transform:rotate(90deg)}
.changelog-release-body{padding:0 18px 18px 57px}
.pawket-changelog-reader .changelog-release-body ul{margin:0;padding:0 0 0 15px;display:grid;gap:10px;color:var(--muted)}
.pawket-changelog-reader .changelog-release-body li{font-size:11.5px;line-height:1.8;padding-left:3px;color:var(--muted);overflow-wrap:anywhere}
.changelog-release-body li::marker{color:var(--brand-ink)}
.changelog-release[hidden],.changelog-empty[hidden]{display:none!important}
.changelog-empty{padding:26px 16px;text-align:center;border:1px dashed var(--line);border-radius:16px;background:var(--surface2);color:var(--muted)}
.changelog-empty>svg{margin-bottom:12px}.changelog-empty h3{font-size:15px;color:var(--text);margin:0 0 7px}.changelog-empty p{font-size:11px;line-height:1.7;margin:0 0 15px}
.changelog-reader-foot{font-size:10px;line-height:1.8;margin:0;color:var(--muted)}
.changelog-summary{padding:18px;border-radius:16px;border:1px solid var(--line);background:var(--surface2);min-width:0}
.changelog-summary-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}
.changelog-version{font-size:14px;line-height:1.4;font-weight:750;color:var(--text);white-space:nowrap}
.changelog-summary h3{font-size:16px;line-height:1.45;letter-spacing:-.3px;margin:0 0 6px;color:var(--text);overflow-wrap:anywhere}
.changelog-summary>time{display:block;font-size:10px;color:var(--muted);margin-bottom:13px}
.changelog-summary ul{padding-left:16px;margin:0;display:grid;gap:9px}.changelog-summary li{font-size:11px;line-height:1.75;color:var(--muted);padding-left:3px;overflow-wrap:anywhere}
:root[data-theme=graphite] .changelog-search input:focus-visible{outline:0}
@media(max-width:750px){.modal.changelog-modal{max-height:calc(100dvh - 28px);border-radius:23px}.changelog-modal>.modal-body{padding:16px}.changelog-modal>.modal-foot{padding:12px 16px}.changelog-modal>.modal-foot .btn{width:100%}.changelog-reader-hero{padding:16px;gap:16px;flex-wrap:wrap}.changelog-identity .changelog-mascot{width:44px;height:44px;border-radius:13px}.changelog-identity h3{font-size:24px}.changelog-identity p{max-width:260px}.changelog-build{display:flex;align-items:center;flex-wrap:wrap;justify-items:start;text-align:left;gap:8px 12px;width:100%;padding-top:13px;border-top:1px solid var(--line)}.changelog-build>strong{font-size:19px}.changelog-build>span:last-child{margin-left:auto}.changelog-reader-hero .changelog-eyebrow{font-size:8px}.changelog-scope>button{flex:1;padding-inline:9px}.changelog-release>summary{padding:15px 12px;gap:9px;grid-template-columns:27px minmax(0,1fr) 16px}.changelog-release-icon{width:27px;height:31px}.changelog-release-body{padding-left:46px;padding-right:15px}.changelog-release-meta{gap:5px 7px}.changelog-release-meta time{margin-left:0}.changelog-release-heading>strong{font-size:12px}.pawket-changelog-reader .changelog-release-body li{font-size:11px}.pawket-changelog-reader{gap:18px}}
@media(prefers-reduced-motion:reduce){.changelog-expand{transition:none}}

/* END CHANGELOG UI */

/* BEGIN BANK ACCOUNT UI */
.bank-name-field{min-width:0}.bank-name-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch}
.bank-name-control>input{min-width:0;min-height:46px}.bank-name-browse{min-width:0;min-height:46px;display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 12px;font-size:11px;white-space:nowrap}
.bank-name-field select[hidden]{display:none!important}.bank-name-field>.field-hint{font-size:11px;line-height:1.6}
.bank-linked-name{display:flex;align-items:center;gap:8px;min-height:27px;margin:10px 0 2px;font-size:10px;line-height:1.5;color:var(--muted);min-width:0}.bank-linked-name>span:last-child{overflow-wrap:anywhere}.bank-linked-name strong{color:var(--text);font-weight:600}.bank-linked-name>svg{flex:none}
.bank-linked-name .brand-logo{width:32px;height:24px;min-width:32px;padding:2px!important;border-radius:6px}.bank-linked-name .brand-logo img{width:100%;height:100%;object-fit:contain}
.bank-option-label{display:flex!important;align-items:center;gap:12px;min-width:0}.bank-option-label>span:last-child{min-width:0;overflow-wrap:anywhere}
.bank-option-label .brand-logo{width:46px;height:34px;min-width:46px;padding:4px!important;border-radius:8px;flex:none}.bank-option-label .brand-logo img{width:100%;height:100%;object-fit:contain}
.bank-option-monogram{display:inline-grid;place-items:center;flex:none;width:38px;height:30px;border:1px solid var(--line);border-radius:7px;background:var(--surface2);color:var(--text);font-size:10px;font-weight:750;letter-spacing:-.2px}
.bank-picker-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left!important}.bank-picker-foot>span{font-size:10px;line-height:1.6;max-width:220px}.bank-picker-foot .btn{flex:none;font-size:11px;min-height:40px}
@media(max-width:360px){.bank-name-browse{width:44px;padding:8px}.bank-name-browse>span{display:none}.bank-picker-foot{flex-wrap:wrap}.bank-picker-foot>span{max-width:none}.bank-picker-foot>.btn{width:100%}}
/* Combined names have two lines within the same fixed-size card header. */
.home-account.mh-style-card .home-account-name strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;overflow:hidden;overflow-wrap:anywhere;max-height:11.3cqw}

.bank-suggestion-mark{display:inline-flex;align-items:center;justify-content:center;flex:none}

/* END BANK ACCOUNT UI */

/* BEGIN FRIENDLY UI */
/* Home hierarchy, optional setup and quiet progressive disclosure. */
.home-priority.pawket-home>.pawket-home-overview,.home-priority.pawket-home>.friendly-setup,.home-priority.pawket-home>.friendly-home-insights{grid-column:1/-1}
.friendly-disclosure{min-width:0;overflow:hidden;border-radius:24px;padding:0}
.friendly-disclosure>h2{margin:0;font-size:15px}
.friendly-disclosure-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;gap:16px;padding:20px;background:transparent;color:var(--text);text-align:left;border:0;cursor:pointer;min-height:68px}
.friendly-disclosure-toggle>span{display:grid;gap:5px;min-width:0}.friendly-disclosure-toggle strong{font-size:15px;font-weight:700}.friendly-disclosure-toggle small{font-size:11px;line-height:1.5;font-weight:400;color:var(--muted)}
.friendly-disclosure-toggle>svg{flex:none;transform:rotate(90deg);transition:transform .25s ease}.friendly-disclosure[data-open=true]>.friendly-disclosure-toggle>svg,.friendly-disclosure[data-open=true]>h2>.friendly-disclosure-toggle>svg{transform:rotate(-90deg)}
.friendly-disclosure-panel{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .28s cubic-bezier(.22,1,.36,1),visibility .28s}
.friendly-disclosure[data-open=true]>.friendly-disclosure-panel{grid-template-rows:1fr;visibility:visible}.friendly-disclosure-clip{min-height:0;overflow:hidden}
.friendly-home-insights .pawket-home-summary{margin:0;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none;min-height:0;background:transparent}
.friendly-setup{position:relative;overflow:hidden;border-radius:24px;padding:20px}.friendly-setup>header{display:flex;justify-content:space-between;align-items:center;gap:12px}.friendly-setup h2{font-size:18px;margin:4px 0 0;letter-spacing:-.4px}.friendly-eyebrow{font-size:10px;color:var(--muted);letter-spacing:.6px}.friendly-setup>header .btn{flex:none}
.friendly-setup-progress{display:flex;gap:6px;margin:17px 0 8px}.friendly-setup-progress i{height:4px;border-radius:5px;background:var(--line);flex:1;transition:background-color .25s}.friendly-setup-progress .is-done{background:var(--gold)}
.friendly-setup-count{font-size:11px;color:var(--muted);margin:0 0 8px}.friendly-setup ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.friendly-setup li{min-width:0}.friendly-setup li>button{width:100%;display:flex;align-items:center;gap:10px;padding:13px 10px;border:1px solid var(--line);border-radius:15px;text-align:left;background:var(--surface2);color:var(--text);min-height:78px;cursor:pointer}
.friendly-setup li>button>span:nth-child(2){min-width:0;flex:1}.friendly-setup li strong{display:block;font-size:12px;line-height:1.45}.friendly-setup li small{display:block;font-size:10px;color:var(--muted);line-height:1.6;margin-top:3px}.friendly-step-icon{width:33px;height:33px;display:grid;place-items:center;border-radius:11px;background:var(--surface);border:1px solid var(--line);flex:none}.friendly-setup li>button>svg{flex:none;width:14px}
.friendly-setup li.is-done button{cursor:default;opacity:1}.friendly-setup li.is-done .friendly-step-icon{background:var(--text);color:var(--bg);border-color:transparent}.friendly-setup footer{font-size:10px;color:var(--muted);line-height:1.6;margin-top:12px;padding-right:35px}.friendly-setup-cat{position:absolute;bottom:11px;right:17px;width:33px;height:33px;pointer-events:none;animation:friendlyCatHello .6s ease both}.friendly-setup-cat .pawket-mascot{width:100%;height:100%}.friendly-setup-celebrate .is-done .friendly-step-icon{animation:friendlyCheck .45s ease both}
.friendly-manage-modal .modal-body{padding-top:8px}.friendly-manage-intro{font-size:12px;line-height:1.65;color:var(--muted);margin:2px 0 15px}.friendly-manage-card-wrap{max-width:330px;margin:5px auto 20px;container-type:inline-size}
.friendly-manage-card-wrap>.friendly-manage-preview{position:relative;isolation:isolate;aspect-ratio:3/2;width:100%;min-width:0;min-height:0;margin:0;padding:6cqw;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;border-radius:6.5cqw;border:1px solid #ffffff35;background:linear-gradient(135deg,var(--card-a),var(--card-b));color:var(--card-text,#fff);box-shadow:0 12px 24px #0002;transform:none}
.friendly-manage-preview:before{content:"";position:absolute;z-index:-1;width:82%;aspect-ratio:1;right:-24%;top:4%;border:9cqw solid var(--card-glow,#fff);opacity:.08;border-radius:50%;pointer-events:none}.friendly-manage-preview header{display:flex;align-items:center;gap:3cqw;min-width:0}.friendly-manage-preview header>div{flex:1;min-width:0}.friendly-manage-preview header strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;font-size:4.4cqw;line-height:1.35}.friendly-manage-preview small{display:block;font-size:3cqw;color:var(--card-muted,#ddd);margin-top:1cqw}.friendly-manage-mark{width:11cqw;height:10cqw;padding:1cqw;border-radius:2.5cqw;background:#fff;display:grid;place-items:center;flex:none}.friendly-manage-mark .brand-logo{width:100%;height:100%;min-width:0;min-height:0;padding:0!important;background:transparent!important;box-shadow:none}.friendly-manage-mark img{width:100%;height:100%;object-fit:contain}.friendly-manage-mark svg{width:80%;color:#222}.friendly-manage-wordmark{font-size:2.4cqw;font-weight:750;letter-spacing:.5px;flex:none}
.friendly-manage-balance{display:grid;gap:2cqw;min-width:0}.friendly-manage-balance>span{font-size:3.4cqw;color:var(--card-muted,#ddd)}.friendly-manage-balance>strong{font-size:8cqw;line-height:1.2;letter-spacing:-.3cqw;white-space:nowrap}.friendly-manage-preview footer{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:2.8cqw;color:var(--card-muted,#ddd)}
.friendly-manage-activity{width:100%;justify-content:center;margin:2px 0 20px;min-height:44px}.friendly-account-tools{margin-top:20px;border-radius:18px}.friendly-account-tools .friendly-disclosure-toggle{padding:16px}.friendly-account-tools .friendly-disclosure-toggle strong{font-size:13px}.friendly-account-tools .friendly-disclosure-clip>div{padding:0 16px 17px}.friendly-audit-summary{margin-bottom:16px;background:var(--surface2);padding:14px;border:1px solid var(--line);border-radius:14px}.friendly-audit-summary>strong{font-size:12px}.friendly-audit-summary dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;font-size:11px;line-height:1.5;margin:12px 0}.friendly-audit-summary dt{color:var(--muted)}.friendly-audit-summary dd{margin:0;text-align:right;overflow-wrap:anywhere}.friendly-audit-summary p,.friendly-audit-caution{font-size:10px;line-height:1.7;color:var(--muted);margin:12px 0 0}.friendly-audit-difference{padding:12px;border:1px solid var(--line);background:var(--surface2);border-radius:12px;font-size:11px;line-height:1.6;margin:12px 0}.friendly-audit-actions{display:grid;gap:9px}.friendly-audit-actions .btn{justify-content:center;white-space:normal;min-height:44px}.friendly-manage-modal .modal-foot{gap:10px}
/* Real record loading: no artificial delay, no made-up numbers. */
#friendly-loading-root{position:fixed;inset:0;z-index:90;background:var(--bg);overflow:auto}.friendly-loading-screen{width:min(900px,100%);padding:30px 24px;margin:auto}.friendly-loading-screen>header{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;min-height:60px;margin-bottom:28px}.friendly-loading-screen>header>span{color:var(--muted);font-size:12px}.friendly-loading-brand{max-width:130px}.friendly-loading-brand img{max-width:130px;width:100%;height:auto}.friendly-loading-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}.friendly-skeleton{overflow:hidden;position:relative;border:1px solid var(--line);border-radius:24px;background:var(--surface);padding:24px}.friendly-skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,var(--text) 50%,transparent 80%);opacity:.045;transform:translateX(-100%);animation:friendlyShimmer 1.5s ease-in-out infinite;pointer-events:none}.friendly-skeleton :is(i,b,span,em,h2){display:block;background:var(--line);border-radius:6px}.friendly-skeleton-balance{grid-column:1/-1;min-height:170px;display:grid;align-content:center;gap:18px}.friendly-skeleton-balance>i{width:28%;height:12px}.friendly-skeleton-balance>b{width:54%;height:33px}.friendly-skeleton-balance>span{width:65%;height:10px}.friendly-skeleton-card{aspect-ratio:3/2;display:grid;align-content:space-between;max-height:300px}.friendly-skeleton-card>i{width:65%;height:21px}.friendly-skeleton-card>b{width:75%;height:34px}.friendly-skeleton-card>span{width:50%;height:12px}.friendly-skeleton-records h2{height:15px;width:55%;margin:0 0 24px}.friendly-skeleton-row{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.friendly-skeleton-row>i{width:36px;height:36px;border-radius:12px;flex:none}.friendly-skeleton-row>div{flex:1;display:grid;gap:9px}.friendly-skeleton-row b{width:85%;height:11px}.friendly-skeleton-row span{width:55%;height:8px}.friendly-skeleton-row>em{width:21%;height:12px}.friendly-content-in>.shell .page{animation:friendlyContentIn .25s ease-out both}.pawket-boot-loader>.pawket-runner{animation:friendlyContentIn .2s .55s ease-out both}
@media(min-width:1101px){.home-priority.pawket-home>.pawket-home-overview{display:grid;grid-template-columns:1.05fr .95fr;align-items:stretch}.pawket-home-overview>.pawket-home-stats{align-content:center}.friendly-home-insights .pawket-home-breakdown{max-width:650px;margin-inline:auto}}
@media(max-width:700px){.home-priority.pawket-home>.friendly-setup{order:3}.home-priority.pawket-home>.pawket-home-wallet{order:4}.home-priority.pawket-home>.home-recent{order:5}.home-priority.pawket-home>.friendly-home-insights{order:6}.friendly-setup{padding:18px 16px}.friendly-setup ol{grid-template-columns:1fr;gap:0}.friendly-setup li>button{border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;padding:11px 0;min-height:64px}.friendly-setup li:first-child>button{border-top:0}.friendly-setup li strong{font-size:12px}.friendly-setup li small{font-size:10.5px}.friendly-disclosure-toggle{padding:18px 16px}.friendly-loading-screen{padding:22px 16px}.friendly-loading-layout{grid-template-columns:1fr;gap:16px}.friendly-skeleton-card{max-height:260px}.friendly-skeleton{padding:22px}.friendly-manage-card-wrap{max-width:290px}.friendly-audit-summary dl{font-size:10px}}
:root[data-theme=graphite] .friendly-setup-progress .is-done{background:#fff}:root[data-theme=graphite] .friendly-manage-mark{filter:grayscale(1)}
@keyframes friendlyShimmer{to{transform:translateX(100%)}}@keyframes friendlyContentIn{from{opacity:0}to{opacity:1}}@keyframes friendlyCheck{0%{transform:scale(.8)}65%{transform:scale(1.08)}100%{transform:scale(1)}}@keyframes friendlyCatHello{from{opacity:0;transform:translateY(14px) rotate(-12deg)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.friendly-disclosure-panel,.friendly-disclosure-toggle>svg,.friendly-setup-progress i{transition:none}.friendly-skeleton:after,.friendly-content-in>.shell .page,.friendly-setup-cat,.friendly-setup-celebrate .is-done .friendly-step-icon,.pawket-boot-loader>.pawket-runner{animation:none}}

/* The first-load cat has its own space instead of covering the brand or records. */
.friendly-loading-screen>header{margin-bottom:6px}.friendly-loading-status{min-height:62px;margin-bottom:18px;display:flex;align-items:center;justify-content:center}.friendly-loading-status .pawket-process-pill{position:static;transform:none;max-width:100%;border:0;box-shadow:none;background:transparent;padding:0;gap:12px}.friendly-loading-status .pawket-process-pill>span:last-child{max-width:none}
:root[data-theme=graphite] .guest-session-note{background:#171717;border-color:#3b3b3b}:root[data-theme=graphite] .session-note-copy>svg{color:#d0d0d0}

/* END FRIENDLY UI */

/* BEGIN CRAFT UI */
/* A quieter visual rhythm. Bank card colours remain the account's own colours. */
:root{--craft-panel:#151618;--craft-alt:#202124;--craft-border:#303135;--craft-fg:#f5f5f4;--craft-muted:#b0b2b8;--craft-accent:#ffaf0b;--craft-positive:#87ce98;--craft-negative:#ff9696}
:root[data-theme=light]{--craft-panel:#fff;--craft-alt:#f2f3f4;--craft-border:#dfe1e4;--craft-fg:#191b1f;--craft-muted:#62666d;--craft-accent:#955000;--craft-positive:#187d37;--craft-negative:#bd3039}
:root[data-theme=graphite]{--craft-panel:#141414;--craft-alt:#222;--craft-border:#353535;--craft-fg:#f5f5f5;--craft-muted:#b5b5b5;--craft-accent:#fff;--craft-positive:#eee;--craft-negative:#eee}
.pawket-main .btn{border-radius:11px;box-shadow:none}.pawket-main .btn.primary,.modal .btn.primary{background:#ffaf0b;border-color:#ffaf0b;color:#18140b;box-shadow:none}
:root[data-theme=graphite] :is(.pawket-main,.modal) .btn.primary{background:#eee;border-color:#eee;color:#101010}
.btn:focus-visible,.personal-settings-row:focus-visible,.personal-language-control button:focus-visible,.personal-about-link:focus-visible{outline:2px solid var(--craft-accent);outline-offset:3px}
.pawket-greeting{margin-bottom:4px}.pawket-greeting h1{font-weight:650;letter-spacing:-.5px}.pawket-greeting p{font-size:12px;line-height:1.5;color:var(--craft-muted)}.pawket-greeting-avatar{border:1px solid var(--craft-border);box-shadow:none}.pawket-greeting-date{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid var(--craft-border);border-radius:12px;background:transparent;color:var(--craft-muted)}
.pawket-home .pawket-cash-card{background:var(--craft-panel);color:var(--craft-fg);border:1px solid var(--craft-border);border-radius:18px;padding:23px 22px 17px;box-shadow:none}.pawket-cash-card::before{display:none}.pawket-cash-top{padding-right:0;justify-content:space-between;font-size:13px;font-weight:550;color:var(--craft-muted)}.pawket-cash-value{padding-right:0;font-size:clamp(28px,3.8vw,43px);font-weight:650;letter-spacing:-1.2px;margin:7px 0 9px}.pawket-cash-caption{font-size:11px;color:var(--craft-muted)}.pawket-cash-foot{margin-top:17px}.pawket-cash-count-btn{font-weight:450;font-size:11px;color:var(--craft-muted)}.pawket-cash-foot>button:last-child{padding:4px 0;min-height:38px;background:transparent;border:0;border-radius:6px;color:var(--craft-accent);font-size:11px;font-weight:600}
.pawket-home-stats{gap:0;border:1px solid var(--craft-border);border-radius:18px;overflow:hidden;align-items:stretch}.pawket-home .pawket-mini-stat{--text:var(--craft-fg);--muted:var(--craft-muted);background:var(--craft-panel)!important;color:var(--craft-fg);border:0;border-radius:0;box-shadow:none;padding:18px;display:flex;flex-direction:column;justify-content:center;min-height:103px}.pawket-mini-stat+.pawket-mini-stat{border-left:1px solid var(--craft-border)!important}.pawket-mini-stat>span{font-size:12px;font-weight:500;gap:7px;color:var(--craft-muted)}.pawket-mini-stat>span>svg{background:transparent;width:18px;height:18px;padding:0;border-radius:0;color:var(--craft-positive)}.pawket-mini-stat.expense>span>svg{background:transparent;color:var(--craft-negative)}.pawket-mini-stat>strong{font-size:clamp(19px,2.1vw,28px);font-weight:600;margin:10px 0 6px;letter-spacing:-.6px}.pawket-mini-stat>small{font-size:10px;line-height:1.5}
.home-shortcuts.android-quick-actions{gap:9px}.home-shortcuts.android-quick-actions>button{border:1px solid var(--craft-border);background:var(--craft-panel);border-radius:13px;box-shadow:none;padding:12px 4px;gap:6px;min-height:70px}.home-shortcuts.android-quick-actions>button>span{background:transparent!important;border:0;box-shadow:none;color:var(--craft-muted);width:26px;height:26px;padding:0}.home-shortcuts.android-quick-actions>button>strong{color:var(--craft-fg);font-size:11px;font-weight:500}
.pawket-home>.home-recent,.pawket-home>.friendly-setup,.pawket-home>.friendly-home-insights,.personal-settings-disclosure{--bg:var(--craft-panel);--surface:var(--craft-panel);--surface2:var(--craft-alt);--line:var(--craft-border);--text:var(--craft-fg);--muted:var(--craft-muted);--brand-ink:var(--craft-accent);--gold:var(--craft-accent);--income:var(--craft-positive);--red:var(--craft-negative);background:var(--craft-panel);color:var(--craft-fg);border:1px solid var(--craft-border);box-shadow:none;border-radius:18px}
.home-recent-head{background:transparent;border-bottom-color:var(--craft-border);padding:17px 18px}.home-recent-head h2{font-weight:600}.home-recent-head h2>span{color:var(--craft-muted);background:transparent;padding:0;border-radius:0;font-weight:450}.home-recent-row,.home-recent-row:nth-child(even){background:transparent;border-color:var(--craft-border);transition:background-color .14s ease}.home-recent-row:hover{background:var(--craft-alt)}.home-row-text>strong{font-weight:550;color:var(--craft-fg)}.home-row-text>small{color:var(--craft-muted)}.home-row-amount{background:transparent;border:0;color:var(--craft-fg);font-weight:600;padding-right:0}.home-row-icon{background:var(--craft-alt);box-shadow:none;border-radius:11px}.home-recent-actions button,.home-recent-head .btn{color:var(--craft-muted)}
.friendly-home-insights .pawket-home-summary{padding:20px}.friendly-disclosure-toggle strong{font-weight:600}.friendly-setup h2{font-weight:600}.friendly-setup li>button{border-radius:11px}.friendly-setup li strong{font-weight:550}.friendly-setup-progress .is-done{background:var(--craft-accent)}.pawket-home .friendly-setup{padding:19px 18px}.friendly-step-icon{border-radius:10px}.friendly-disclosure-panel{transition-duration:.22s}
/* More keeps familiar groups, without a wall of gold buttons. */
.pawket-more :is(.more-group,.pawket-more-footer){--surface:var(--craft-panel);--surface2:var(--craft-alt);--line:var(--craft-border);--text:var(--craft-fg);--muted:var(--craft-muted);--brand-ink:var(--craft-accent);--gold:var(--craft-accent);color:var(--craft-fg)}
.pawket-more .more-group{padding:23px 0 22px;border:0;border-top:1px solid var(--craft-border);border-radius:0;background:transparent;box-shadow:none}.pawket-more .more-group-title,.pawket-more .more-group>h2{color:var(--craft-muted);font-size:11px;font-weight:550;letter-spacing:.7px}.pawket-more .more-grid{gap:20px 12px}.pawket-more .more-tile-icon{width:48px;height:48px;border-radius:12px;background:var(--craft-alt);color:var(--craft-fg);border:1px solid var(--craft-border);box-shadow:none}.pawket-more .more-tile-label{color:var(--craft-fg);font-weight:450;line-height:1.45;font-size:11px}.pawket-more .more-tile:hover .more-tile-icon{background:var(--craft-panel);color:var(--craft-accent);border-color:var(--craft-muted)}.pawket-more .more-tile:hover .more-tile-icon svg{transform:none}.pawket-more .more-hub-head>button{box-shadow:none;background:var(--craft-panel);color:var(--craft-muted);border:1px solid var(--craft-border);border-radius:12px}
.pawket-more .pawket-more-footer{background:var(--craft-panel);border:1px solid var(--craft-border);border-radius:16px;padding:20px;box-shadow:none}.pawket-more-footer-copy :is(strong,span,small),.pawket-more-footer :is(.pawket-more-version,.pawket-more-footer-slogan){color:var(--craft-muted)}.pawket-more-footer-copy strong{font-weight:600;color:var(--craft-fg)}.pawket-more-footer-logo,.pawket-more-footer-mascot{box-shadow:none;border-color:var(--craft-border);background:transparent}.pawket-more-footer-actions,.pawket-more-footer-links{border-color:var(--craft-border)}.pawket-more-footer :is(.pawket-more-footer-actions,.pawket-more-footer-links)>button{background:var(--craft-alt);color:var(--craft-fg);border-color:var(--craft-border);box-shadow:none}.pawket-more-footer :is(.pawket-more-footer-actions,.pawket-more-footer-links)>button:hover{background:var(--craft-panel);border-color:var(--craft-muted)}
/* Settings reads as a few practical sections, with working personal details. */
.personal-settings-page{padding-bottom:15px}.personal-settings-page .page-head{margin-bottom:24px}.personal-settings-page .page-head h1{font-size:27px;letter-spacing:-.7px;font-weight:650}.personal-settings-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.personal-panel{background:var(--craft-panel);border:1px solid var(--craft-border);border-radius:16px;padding:23px;color:var(--craft-fg);min-width:0}.personal-panel>header{margin-bottom:14px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.personal-panel>header h2{font-size:15px;font-weight:600;margin:0;line-height:1.5}.personal-panel>header p,.personal-panel>header>span{font-size:11px;line-height:1.6;color:var(--craft-muted);margin:0}.personal-profile-identity{display:flex;gap:14px;align-items:center;min-width:0}.personal-profile-identity>div{min-width:0;flex:1}.personal-avatar{display:grid;place-items:center;background:var(--craft-alt);border:1px solid var(--craft-border);border-radius:14px;width:52px;height:52px;flex:none;font-size:17px;font-weight:600;color:var(--craft-fg)}.personal-section-label{font-size:10px;color:var(--craft-muted);display:block;margin-bottom:5px}.personal-profile-identity h2{font-size:21px;font-weight:600;letter-spacing:-.4px;margin:0 0 5px;line-height:1.3;overflow-wrap:anywhere}.personal-profile-identity p{font-size:12px;line-height:1.6;color:var(--craft-muted);margin:0;overflow-wrap:anywhere}.personal-profile-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:23px}.personal-profile-actions .btn{background:var(--craft-alt);border-color:var(--craft-border);color:var(--craft-fg);min-height:42px;gap:7px;font-size:11px}.personal-profile-actions .btn.primary{background:#ffaf0b;color:#18140b;border-color:#ffaf0b}
.personal-help{font-size:11px;line-height:1.75;color:var(--muted);margin:12px 0 0}.personal-panel>.personal-help{color:var(--craft-muted)}.personal-language-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 0 18px;min-height:66px}.personal-language-row>span{min-width:0}.personal-language-row strong,.personal-settings-row strong{display:block;font-size:12px;font-weight:550;line-height:1.5}.personal-language-row small,.personal-settings-row small{display:block;font-size:10.5px;font-weight:400;line-height:1.6;color:var(--craft-muted);margin-top:4px}.personal-language-control{display:flex;gap:3px;background:var(--craft-alt);border:1px solid var(--craft-border);border-radius:10px;padding:3px;flex:none}.personal-language-control>button{min-height:34px;padding:5px 10px;background:transparent;border:0;border-radius:7px;color:var(--craft-muted);font-size:11px;cursor:pointer}.personal-language-control>button[aria-pressed=true]{background:var(--craft-panel);color:var(--craft-fg);box-shadow:0 1px 3px #0002}
.personal-settings-row{display:flex;align-items:center;width:100%;gap:11px;text-align:left;background:transparent;border:0;border-top:1px solid var(--craft-border);color:var(--craft-fg);padding:15px 0;min-height:70px;cursor:pointer}.personal-settings-row>.personal-row-icon{display:grid;place-items:center;flex:none;color:var(--craft-muted);width:24px}.personal-settings-row>span:nth-child(2){flex:1;min-width:0}.personal-settings-row>svg{color:var(--craft-muted);flex:none}.personal-settings-row:last-child{padding-bottom:3px}.personal-settings-row:hover strong,.personal-about-link:hover{color:var(--craft-accent)}.personal-app>.personal-settings-row:first-of-type{border-top:0}.personal-data-tools{min-width:0}.personal-settings-disclosure{border-radius:16px}.personal-settings-disclosure .friendly-disclosure-toggle{padding:20px 23px}.personal-disclosure-body{padding:0 23px 20px}.personal-disclosure-body>.personal-help{margin:0 0 12px}.personal-disclosure-body [data-personal-destructive] strong{color:var(--craft-negative)}.personal-about .pawket-changelog-wrap{margin:0}.personal-about .changelog-compact{box-shadow:none}.personal-about-link{padding:15px 0 0;background:transparent;color:var(--craft-fg);border:0;border-top:1px solid var(--craft-border);display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;cursor:pointer;font-size:11px;text-align:left;margin-top:14px}
.personal-appearance .pawket-theme-options{gap:8px;margin:8px 0 0}.personal-appearance .pawket-theme-choice{padding:10px;border-radius:12px;gap:10px;background:var(--craft-alt);border-color:var(--craft-border);box-shadow:none}.personal-appearance .pawket-theme-choice.selected{border-color:var(--craft-accent);box-shadow:inset 0 0 0 1px var(--craft-accent)}.personal-appearance .theme-choice-copy strong{font-size:11px;font-weight:550}.personal-appearance .theme-choice-copy small{font-size:10px;line-height:1.5}.personal-appearance .theme-preview{height:48px}.personal-appearance .theme-choice-check{right:9px;top:9px}
.personal-modal-intro{font-size:12px;line-height:1.7;color:var(--muted);margin:0 0 18px}.personal-email-verification{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.personal-email-verification[hidden]{display:none!important}.personal-email-verification .field,.personal-password-modal .field{position:relative}.personal-email-verification input,.personal-password-modal input{padding-right:48px}.personal-password-toggle{position:absolute;right:5px;top:25px;display:grid;place-items:center;width:40px;height:40px;background:transparent;border:0;color:var(--muted);border-radius:9px;cursor:pointer}.personal-password-toggle:focus-visible{outline:2px solid var(--brand-ink);outline-offset:0}.personal-edit-modal .field-hint{font-size:11px}
/* Authentication uses a simple page and useful copy, without floating ornaments. */
.auth-v3{background:var(--bg)}.auth-v3:before,.auth-v3:after{display:none}.auth-v3-card{box-shadow:none;border-radius:18px}.auth-v3-story h1{font-weight:600;font-size:clamp(38px,4vw,57px);letter-spacing:-2px;line-height:1.12}.auth-v3-eyebrow{color:var(--auth-muted);letter-spacing:.8px;font-size:10px;font-weight:500}.auth-v3-story>p{font-size:14px;line-height:1.8;max-width:350px}.auth-v3-notebook{margin-top:36px;border-top:1px solid var(--auth-line);max-width:350px}.auth-v3-notebook>div{display:flex;align-items:center;gap:20px;padding:17px 0;border-bottom:1px solid var(--auth-line)}.auth-v3-notebook i{font-style:normal;font-size:11px;color:var(--auth-muted)}.auth-v3-notebook strong{display:block;font-size:13px;font-weight:550}.auth-v3-notebook small{display:block;font-size:11px;line-height:1.7;color:var(--auth-muted);margin-top:2px}.auth-v3-title h2{font-size:28px;font-weight:600;letter-spacing:-.6px}.auth-v3-kicker{font-size:11px;letter-spacing:0;font-weight:450;color:var(--auth-muted)}.auth-v3-kicker .pawket-mascot{display:none}.auth-v3-explore button,.auth-mode-tabs{border-radius:11px}.auth-v3-submit{background:#ffaf0b;box-shadow:none;border-radius:10px}.auth-v3-title>p{font-size:12px}
/* Short feedback on an action; no continuous motion on decoration. */
.pawket-greeting-avatar .pawket-mascot img,.pawket-more-footer-logo img,.pawket-changelog-mascot img{animation:none}.pawket-home-ring{animation:none}.more-tile{animation:none}.route-enter .pawket-cash-card,.route-enter .pawket-home-summary,.route-enter .pawket-day{animation:none}.page.route-enter>:is(.pawket-home,.personal-settings-page,.pawket-more){animation:craftPageIn .18s ease-out both}.more-tile,.personal-settings-row,.pawket-theme-choice,.btn{transition:background-color .14s,color .14s,border-color .14s,transform .12s}.more-tile:active,.personal-settings-row:active,.btn:active{transform:scale(.985)}.more-tile:hover .more-tile-icon svg,.home-shortcuts>button:hover svg,.quick-grid>button:hover svg{animation:none;transform:none}.android-bottom-nav .bottom-add{box-shadow:none}.modal{box-shadow:0 18px 70px #0003}.modal-head h2{font-weight:600}
@keyframes craftPageIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(min-width:1101px){.pawket-home-overview>.pawket-home-stats{align-content:stretch}.personal-profile-card,.personal-appearance{min-height:205px}}
@media(max-width:700px){.personal-settings-layout{grid-template-columns:1fr;gap:14px}.personal-panel{padding:19px 17px}.personal-settings-page .page-head{margin-bottom:18px}.personal-settings-page .page-head h1{font-size:24px}.personal-settings-page .page-head .subtitle{font-size:12px}.personal-profile-actions{gap:8px}.personal-profile-actions>.btn{flex:1;justify-content:center;font-size:11px;white-space:normal}.personal-profile-identity h2{font-size:20px}.personal-settings-disclosure .friendly-disclosure-toggle{padding:19px 17px}.personal-disclosure-body{padding:0 17px 18px}.personal-appearance .pawket-theme-choice{padding:9px}.personal-language-row{gap:8px}.personal-language-control>button{padding-inline:8px}.personal-panel .personal-help{font-size:11px}.pawket-home .pawket-cash-card{padding:20px 18px 15px;border-radius:17px}.pawket-cash-value{font-size:clamp(27px,8vw,35px);margin-top:5px;padding-right:0}.pawket-cash-top{padding-right:0}.pawket-home .pawket-mini-stat{padding:16px 14px;min-height:103px}.pawket-mini-stat>strong{font-size:clamp(18px,5.3vw,23px)}.pawket-mini-stat>small{font-size:10px}.pawket-home-stats{border-radius:16px}.pawket-greeting h1{font-size:19px}.pawket-greeting p{font-size:11px}.pawket-greeting-date{width:38px;height:38px}.home-recent,.friendly-home-insights{border-radius:16px}.home-recent-head{padding:16px 14px}.home-recent-head h2{font-size:14px}.home-recent-head h2>span{font-size:11px}.pawket-more .more-group{padding:21px 0}.pawket-more .more-grid{gap:20px 7px}.pawket-more .more-tile-icon{width:43px;height:43px;border-radius:11px}.pawket-more .more-tile-label{font-size:10.5px}.pawket-more .pawket-more-footer{padding:18px 15px}.auth-v3-card{border-radius:18px;padding:24px 20px}}
@media(max-width:360px){.personal-appearance .theme-choice-copy small{font-size:9px}.personal-appearance .theme-choice-copy strong{font-size:10px}.personal-avatar{width:45px;height:45px;font-size:15px}.personal-profile-identity{gap:10px}.personal-profile-identity h2{font-size:18px}.pawket-home .pawket-mini-stat{padding:14px 10px}.pawket-mini-stat>small{font-size:9px}.pawket-more .more-tile-label{font-size:10px}}
@media(prefers-reduced-motion:reduce){.page.route-enter>:is(.pawket-home,.personal-settings-page,.pawket-more){animation:none}.more-tile,.personal-settings-row,.pawket-theme-choice,.btn{transition:none}.more-tile:active,.personal-settings-row:active,.btn:active{transform:none}}

.pawket-more .pawket-profile{--text:var(--craft-fg);--muted:var(--craft-muted);background:var(--craft-panel);color:var(--craft-fg);border:1px solid var(--craft-border);border-radius:15px;box-shadow:none;padding:15px 16px}.pawket-more .pawket-profile-avatar{width:43px;height:43px;border:1px solid var(--craft-border);box-shadow:none}.pawket-profile strong{font-size:14px;font-weight:600}.pawket-profile small{font-size:11px;line-height:1.5}
.personal-release-preview{padding:0;background:transparent;border:0}.personal-release-preview>small{font-size:10px;color:var(--craft-muted)}.personal-release-preview>p{font-size:12px;line-height:1.6;color:var(--craft-fg);margin:5px 0 0}.personal-settings-page>.card{--bg:var(--craft-panel);--surface:var(--craft-panel);--surface2:var(--craft-alt);--line:var(--craft-border);--text:var(--craft-fg);--muted:var(--craft-muted);color:var(--craft-fg);background:var(--craft-panel);border:1px solid var(--craft-border);border-radius:16px;box-shadow:none;margin-top:18px;padding:20px}.personal-settings-page>.card h2{font-size:14px;font-weight:600}.personal-settings-page>.card p{font-size:11px;line-height:1.7}
:root[data-theme=graphite] .auth-v3{background:#000}:root[data-theme=light] .auth-v3{background:#f5f5f3}

.personal-appearance .theme-preview-dark i:nth-child(1){background:#202124;border:1px solid #3a3b3e}.personal-appearance .theme-preview-dark i:nth-child(2),.personal-appearance .theme-preview-dark i:nth-child(3){background:#383a3e}.personal-appearance .theme-preview-light i:nth-child(1){background:#fff;border:1px solid #d1d3d6}.personal-appearance .theme-preview-light i:nth-child(2),.personal-appearance .theme-preview-light i:nth-child(3){background:#d1d3d6}
.auth-v3 #auth-submit{background:#ffaf0b;border-color:#ffaf0b;box-shadow:none;color:#19140b}:root[data-theme=graphite] .auth-v3 #auth-submit{background:#eee;border-color:#eee;color:#111}.sidebar .mini-foot>div{min-width:0;flex:1}.sidebar-user{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* END CRAFT UI */

/* BEGIN UPGRADE UI */
/* Compact activity pills; values retain their existing account/period drill-down. */
.pawket-home .pawket-home-stats.home-stat-pillbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 9px;background:transparent;border:0;border-radius:0;padding:0;overflow:visible;align-self:center;align-content:center;min-height:0}
.home-stat-pill{display:flex;align-items:center;gap:9px;padding:9px 14px;min-height:53px;background:var(--craft-panel);color:var(--craft-fg);border:1px solid var(--craft-border);border-radius:999px;text-align:left;cursor:pointer;min-width:0;transition:background .16s,transform .13s,border-color .16s}.home-stat-pill>span{display:grid;gap:3px;min-width:0;flex:1}.home-stat-pill small{font-size:10px;font-weight:450;color:var(--craft-muted);line-height:1.2}.home-stat-pill strong{font-size:14px;font-weight:600;letter-spacing:-.2px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-stat-pill>svg{flex:none;color:var(--craft-positive)}.home-stat-pill.expense>svg:first-child{color:var(--craft-negative)}.home-stat-pill>svg:last-child{color:var(--craft-muted);width:12px}.home-stat-pill:hover{border-color:var(--craft-muted);background:var(--craft-alt)}.home-stat-pill:active{transform:scale(.985)}.home-pill-period{grid-column:1/-1;text-align:right;font-size:10px;line-height:1.5;color:var(--craft-muted);padding-right:8px}
/* The FAZGAME-derived full-width header and expanding module rail are desktop-only. */
.hub-web-topbar,.hub-web-rail{display:none}
.home-recent-head .home-see-all{color:var(--craft-accent)}
@media(min-width:1101px){
 .home-priority.pawket-home>.pawket-home-overview{grid-template-columns:minmax(0,1fr) minmax(310px,.68fr);gap:32px;align-items:center;padding:26px;background:var(--craft-panel);border:1px solid var(--craft-border);border-radius:18px}.pawket-home-overview>.pawket-cash-card{background:transparent!important;border:0;box-shadow:none;padding:0;min-height:0}.pawket-home-overview>.home-stat-pillbar{justify-self:end;width:min(100%,410px);align-content:center}.pawket-home-overview .pawket-cash-foot{margin-top:23px}.pawket-home-overview .home-stat-pill{background:var(--craft-alt)}
 .shell.pawket-shell{display:block;padding-top:72px}.pawket-shell>.sidebar{display:none}.pawket-main{margin-left:102px;width:calc(100% - 102px);padding:28px clamp(24px,2.5vw,44px) 70px}.pawket-main>.topbar{display:none}.pawket-main>.page{max-width:1440px}.pawket-shell>.android-bottom-nav{display:none}
 .hub-web-topbar{position:fixed;inset:0 0 auto;height:72px;z-index:98;display:grid;grid-template-columns:minmax(145px,1fr) auto minmax(310px,1fr);align-items:center;gap:18px;padding:0 clamp(22px,2.2vw,38px);background:var(--side);border-bottom:1px solid var(--craft-border);box-shadow:0 2px 18px #00000005}.hub-web-brand{min-width:0}.hub-web-brand>button{background:transparent;border:0;padding:0;cursor:pointer;display:flex}.hub-web-brand .pawket-brand{padding:0;background:transparent;max-width:140px}.hub-web-brand .pawket-brand img{max-height:36px;max-width:140px;object-fit:contain}
 .hub-web-tabs{display:flex;align-items:center;gap:3px;padding:4px;border:1px solid var(--craft-border);border-radius:999px;background:var(--craft-panel)}.hub-web-tabs>button{display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:999px;background:transparent;color:var(--craft-muted);font-size:11px;min-height:35px;padding:8px 13px;cursor:pointer;transition:background .16s,color .16s}.hub-web-tabs>button[aria-current=page]{background:var(--craft-alt);color:var(--craft-fg);box-shadow:0 1px 4px #0001}.hub-web-tabs>button:hover{color:var(--craft-fg)}
 .hub-web-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px;min-width:0}.hub-web-actions>button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:36px;flex:none;border:1px solid transparent;background:transparent;border-radius:10px;color:var(--craft-muted);font-size:10px;font-weight:600;cursor:pointer}.hub-web-actions>button:hover{border-color:var(--craft-border);background:var(--craft-alt);color:var(--craft-fg)}.hub-web-actions>.hub-web-modules-button{width:auto;gap:7px;padding:0 11px;margin-right:6px;border-color:var(--craft-border);color:var(--craft-fg);font-size:11px;white-space:nowrap}.hub-web-modules-button[aria-expanded=true]{background:var(--craft-alt)}.hub-web-actions>.hub-web-profile-button{margin-left:4px;background:var(--craft-alt);border-color:var(--craft-border);color:var(--craft-fg)}
 .hub-web-rail{position:fixed;z-index:97;left:18px;top:96px;width:64px;max-height:calc(100dvh - 120px);display:flex;flex-direction:column;padding:10px;background:var(--craft-panel);border:1px solid var(--craft-border);border-radius:19px;overflow:hidden;box-shadow:0 9px 30px #0002;transition:width .28s cubic-bezier(.22,1,.36,1),box-shadow .24s,border-radius .24s}.hub-web-rail.is-expanded{width:270px;box-shadow:0 18px 58px #0004;border-radius:20px}.hub-rail-toggle,.hub-rail-link{display:flex;align-items:center;justify-content:flex-start;gap:0;width:100%;height:42px;min-height:42px;padding:10px 11px;border:0;border-radius:11px;background:transparent;color:var(--craft-muted);text-align:left;cursor:pointer;font-size:12px;white-space:nowrap;transition:background .14s,color .14s,gap .22s}.hub-rail-toggle>svg,.hub-rail-link>svg{flex:none;width:19px;height:19px}.hub-rail-toggle>span,.hub-rail-link>span{max-width:0;opacity:0;overflow:hidden;transform:translateX(-7px);transition:opacity .18s,transform .24s,max-width .24s}.is-expanded :is(.hub-rail-toggle,.hub-rail-link){gap:12px}.is-expanded :is(.hub-rail-toggle,.hub-rail-link)>span{max-width:205px;opacity:1;transform:none}.hub-rail-toggle{margin-bottom:9px;border-bottom:1px solid var(--craft-border);border-radius:8px 8px 0 0;height:45px;min-height:45px;color:var(--craft-fg);font-weight:600}.hub-rail-toggle>svg{transition:transform .25s}.is-expanded .hub-rail-toggle>svg{transform:rotate(90deg)}.hub-rail-link:hover{background:var(--craft-alt);color:var(--craft-fg)}.hub-rail-link.active{background:#ffaf0b;color:#161616}.hub-rail-scroll{min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;overscroll-behavior:contain}.hub-rail-scroll>.hub-rail-link{margin-bottom:5px}.hub-rail-extra{max-height:0;opacity:0;visibility:hidden;overflow:hidden;transition:max-height .25s,opacity .2s,visibility .2s}.is-expanded .hub-rail-extra{max-height:1400px;opacity:1;visibility:visible}.hub-rail-extra>p{padding:14px 11px 7px;color:var(--craft-muted);font-size:9px;letter-spacing:.8px;text-transform:uppercase;margin:0}.hub-rail-extra>.hub-rail-link{margin-bottom:4px}.hub-rail-settings{margin-top:8px;border-top:1px solid var(--craft-border);border-radius:0 0 10px 10px}.hub-web-topbar button:focus-visible,.hub-web-rail button:focus-visible{outline:2px solid var(--craft-accent);outline-offset:-2px}
 :root[data-theme=light] .hub-rail-link.active{color:#fff}
 .pawket-home-overview{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)!important;gap:24px!important}.home-stat-pillbar{max-width:500px;justify-self:end}.home-stat-pill{min-height:56px}.home-stat-pill strong{font-size:16px}.home-stat-pill small{font-size:11px}
}
/* Receipt input, a readable original and the final details are separate working areas. */
.receipt-workspace .card{--bg:var(--craft-panel);--surface:var(--craft-panel);--surface2:var(--craft-alt);--line:var(--craft-border);--text:var(--craft-fg);--muted:var(--craft-muted);background:var(--craft-panel);color:var(--craft-fg);border:1px solid var(--craft-border);border-radius:17px;box-shadow:none}.receipt-workspace .page-head{margin-bottom:20px}.receipt-workflow{display:flex;align-items:center;gap:11px;font-size:11px;color:var(--craft-muted);margin:4px 0 22px}.receipt-workflow>i{height:1px;background:var(--craft-border);flex:1;max-width:55px}.receipt-workflow>span{white-space:nowrap}.receipt-workflow .active{color:var(--craft-accent);font-weight:600}.receipt-workflow .done{color:var(--craft-fg)}.receipt-workspace-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:20px;align-items:start}.receipt-workspace :is(.receipt-scan-card,.receipt-review,.receipt-history){padding:22px}.receipt-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.receipt-panel-heading h2{font-size:16px;font-weight:600;line-height:1.4;margin:0}.receipt-panel-heading>span{font-size:10px;color:var(--craft-muted);flex:none}.receipt-source-actions{display:flex;gap:9px;margin-bottom:16px}.receipt-source-actions .btn{flex:1;justify-content:center;font-size:12px;min-height:44px;border-radius:11px}.receipt-dropzone{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;border:1px dashed var(--craft-muted);border-radius:13px;padding:34px 20px;text-align:center;cursor:pointer;min-height:235px;background:var(--craft-alt);transition:border-color .16s,background .16s}.receipt-dropzone>svg{color:var(--craft-muted);margin-bottom:5px}.receipt-dropzone strong{font-size:14px;font-weight:550}.receipt-dropzone span{font-size:11px;color:var(--craft-muted);line-height:1.6;max-width:260px}.receipt-dropzone small{font-size:10px;color:var(--craft-muted);line-height:1.6}.receipt-dropzone.is-dragging{border-color:var(--craft-accent);outline:2px solid var(--craft-accent);outline-offset:3px}.receipt-share-help{font-size:11px;line-height:1.75;color:var(--craft-muted);margin:15px 0 0}.receipt-file-label{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:2px 0 12px}.receipt-file-label strong{font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.receipt-file-label small{font-size:10px;color:var(--craft-muted);flex:none}.receipt-photo-preview{margin:0;background:#f1f1f1;border:1px solid var(--craft-border);border-radius:11px;overflow:auto;max-height:480px;padding:9px;text-align:center}.receipt-photo-preview img{display:block;width:100%;max-height:460px;object-fit:contain;margin:auto}.receipt-pdf-preview{display:flex;gap:12px;align-items:center;justify-content:center;min-height:160px;border:1px solid var(--craft-border);background:var(--craft-alt);border-radius:11px;color:var(--craft-muted);font-size:12px}.receipt-image-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.receipt-image-tools .btn{font-size:10.5px;gap:6px;min-height:38px;flex:1;justify-content:center;white-space:normal;line-height:1.5;padding:8px}.receipt-scan-progress{margin-top:18px}.receipt-scan-progress>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;line-height:1.6;color:var(--craft-muted)}.receipt-scan-track{height:5px;overflow:hidden;border-radius:4px;background:var(--craft-alt);margin-top:11px}.receipt-scan-track i{display:block;height:100%;background:var(--craft-accent);transition:width .15s linear}.receipt-review-empty{padding:45px 15px;text-align:center;color:var(--craft-muted);display:grid;justify-items:center;gap:14px;min-height:260px}.receipt-review-empty strong{font-size:14px;font-weight:500;color:var(--craft-fg)}.receipt-review-empty p{font-size:12px;line-height:1.75;max-width:300px;margin:0}.receipt-review-skeleton{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:15px 0}.receipt-review-skeleton i{height:62px;border-radius:10px;background:var(--craft-alt);animation:receiptReadPulse 1.4s ease-in-out infinite}.receipt-review-skeleton i:first-child,.receipt-review-skeleton i:last-child{grid-column:1/-1}.receipt-workspace .field input,.receipt-workspace .field select{min-height:44px;border-radius:10px}.receipt-workspace .field label{font-size:11px;line-height:1.5;color:var(--craft-muted)}.receipt-workspace fieldset{padding:0;border:0;margin:0;min-width:0}.receipt-review-confirm{display:flex;align-items:flex-start;gap:10px;padding:16px 0 4px;font-size:11px!important;line-height:1.7;color:var(--craft-muted);cursor:pointer}.receipt-review-confirm input{width:18px;height:18px;flex:none;margin-top:2px;accent-color:var(--craft-accent)}.receipt-workspace .receipt-save{margin-top:18px;justify-content:center;width:100%;min-height:45px}.receipt-workspace :is(.bank-alert,.bank-result-note){background:var(--craft-alt);color:var(--craft-muted);border:1px solid var(--craft-border);border-radius:10px;font-size:11px;line-height:1.7;padding:10px 12px;margin:10px 0}.receipt-raw{margin-top:18px;border-top:1px solid var(--craft-border);padding-top:14px;font-size:11px;color:var(--craft-muted)}.receipt-raw summary{cursor:pointer}.receipt-raw pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:240px;overflow:auto;font-size:10px;line-height:1.7;background:var(--craft-alt);padding:12px;border-radius:10px}.receipt-workspace .receipt-history{margin-top:22px}.receipt-history-row{display:flex;align-items:center;gap:12px;padding:14px 0;min-height:66px}.receipt-history-row>span:nth-child(2){flex:1;min-width:0}.receipt-history-row>span:nth-child(2) strong{display:block;font-size:12px;font-weight:550;overflow-wrap:anywhere}.receipt-history-row small{display:block;font-size:10px;color:var(--craft-muted);line-height:1.6;margin-top:4px}.receipt-history-row>.mono{font-size:13px;white-space:nowrap;font-weight:600}.receipt-history-row .item-icon{width:35px;height:35px;flex:none;background:var(--craft-alt);color:var(--craft-muted);border-radius:10px}.receipt-load-more{width:100%;justify-content:center;margin-top:10px}.receipt-history-row:hover{background:var(--craft-alt)!important}
/* Google controls, recovery and deliberate account deletion. */
.auth-recovery-row{text-align:right;margin-top:12px}.auth-recovery-row button,.auth-reset-links button{background:transparent;border:0;color:var(--auth-muted,var(--muted));font-size:11px;cursor:pointer;text-decoration:underline;text-underline-offset:3px;min-height:30px;padding:2px 0}.auth-google-area{margin:16px 0 0;border-top:1px solid var(--auth-line);padding-top:15px;text-align:center}.auth-google-area>span{display:block;font-size:10px;color:var(--auth-muted);margin-bottom:12px}.auth-google-button{display:flex;justify-content:center;width:100%;min-height:44px;margin:14px 0}.auth-provider-error{font-size:11px;line-height:1.6;color:var(--red);margin:8px 0}.auth-provider-error:empty{display:none}.auth-reset-page{min-height:100dvh}.auth-reset-card{width:min(420px,calc(100% - 36px));margin:50px auto;align-self:center}.auth-reset-card #password-reset-submit{width:100%;min-height:45px;justify-content:center;background:#ffaf0b;color:#17130b;border-color:#ffaf0b;box-shadow:none;margin-top:18px}.auth-reset-card .auth-v3-field{margin-top:16px}.auth-reset-links{display:flex;justify-content:space-between;gap:15px;margin-top:18px}.auth-reset-card .error{font-size:12px;line-height:1.6}.personal-google-connection{display:flex;align-items:center;gap:10px;border-top:1px solid var(--craft-border);margin-top:18px;padding-top:16px}.personal-google-connection>span{color:var(--craft-muted);flex:none}.personal-google-connection>div{min-width:0;flex:1}.personal-google-connection strong{display:block;font-size:11px;font-weight:500}.personal-google-connection small{font-size:10px;line-height:1.6;color:var(--craft-muted);overflow-wrap:anywhere;display:block;margin-top:3px}.personal-google-connection .btn{flex:none;font-size:10px;background:var(--craft-alt);color:var(--craft-fg);border-color:var(--craft-border)}.account-delete-intro{font-size:12px;color:var(--muted);line-height:1.8;margin:0 0 18px}.account-delete-counts{display:grid;grid-template-columns:1fr auto;gap:10px;padding:16px;background:var(--surface2);border:1px solid var(--line);border-radius:12px;margin:0 0 20px;font-size:12px}.account-delete-counts dt{color:var(--muted)}.account-delete-counts dd{margin:0;text-align:right;font-weight:600}.account-delete-modal .modal-foot .danger{box-shadow:none}
:root[data-theme=graphite] .auth-google-button{filter:grayscale(1)}:root[data-theme=graphite] .auth-reset-card #password-reset-submit{background:#eee;color:#111;border-color:#eee}:root:not([data-theme=light]) .receipt-workspace .card{color-scheme:dark}
@keyframes receiptReadPulse{0%,100%{opacity:.45}50%{opacity:.9}}
@media(max-width:900px){.receipt-workspace-grid{grid-template-columns:1fr;gap:16px}.receipt-workspace :is(.receipt-scan-card,.receipt-review,.receipt-history){padding:19px 16px}.receipt-review-empty{min-height:190px;padding:25px 12px}.receipt-photo-preview{max-height:280px}.receipt-photo-preview img{max-height:260px}.receipt-dropzone{min-height:195px;padding:25px 15px}.receipt-workflow{gap:8px;font-size:10px;margin-bottom:18px}.receipt-source-actions .btn{font-size:11px}.receipt-panel-heading h2{font-size:15px}.receipt-history-row{gap:9px}.receipt-history-row>.mono{font-size:12px}.receipt-image-tools .btn{font-size:10px}.receipt-workspace .page-head h1{font-size:24px}}
@media(max-width:360px){.home-stat-pill{padding:9px 11px;gap:7px;min-height:51px}.home-stat-pill strong{font-size:12.5px}.home-stat-pill small{font-size:9.5px}.home-stat-pill>svg:last-child{display:none}.home-pill-period{font-size:9px}.receipt-workflow{font-size:9px;gap:6px}.receipt-history-row .item-icon{width:29px;height:29px}.personal-google-connection .btn{padding-inline:8px}}
@media(prefers-reduced-motion:reduce){.home-stat-pill,.hub-web-rail,.hub-rail-toggle,.hub-rail-link,.hub-rail-extra,.hub-rail-link>span,.hub-rail-toggle>span,.hub-rail-toggle>svg,.hub-web-tabs>button,.receipt-dropzone,.receipt-scan-track i{transition:none}.home-stat-pill:active{transform:none}.receipt-review-skeleton i{animation:none}}

.receipt-total-choices{padding:12px;border:1px solid var(--craft-border);background:var(--craft-alt);border-radius:10px;margin:12px 0 18px}.receipt-total-choices>span{display:block;font-size:10px;color:var(--craft-muted);line-height:1.6;margin-bottom:9px}.receipt-total-choices>div{display:flex;gap:7px;flex-wrap:wrap}.receipt-total-choices .btn{font-size:11px;min-height:35px}

:root[data-theme=graphite] .hub-rail-link.active{background:#eee;color:#111}

/* END UPGRADE UI */

/* BEGIN DARK HUB REFINEMENT */
/* Pawket V2.19.1 — Dark Studio palette and desktop-only Hub refinement.
   Keep the Graphite/Light palettes, bank-card colours, and mobile navigation untouched. */
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg:#0d1117;
  --side:#111720;
  --surface:#19212b;
  --surface2:#222c38;
  --surface3:#2d3946;
  --line:#384452;
  --text:#f5f7fa;
  --muted:#acb8c6;
  --brand:#ffb52c;
  --brand-hover:#ffca61;
  --brand-ink:#ffcd69;
  --brand-soft:#352819;
  --accent:#ffb52c;
  --accent2:#e4a43c;
  --gold:#ffca68;
  --income:#83dfb6;
  --red:#ffa0a9;
  --blue:#a5c9ed;
  --craft-panel:#19212b;
  --craft-alt:#242f3b;
  --craft-border:#354250;
  --craft-fg:#f5f7fa;
  --craft-muted:#b3becc;
  --craft-accent:#ffca68;
  --craft-positive:#83dfb6;
  --craft-negative:#ffa0a9;
  --shadow:0 14px 35px #00000027;
}
:root[data-theme="dark"] body { background:#0d1117;color:var(--text); }
:root[data-theme="dark"] :is(.card,.personal-panel,.personal-settings-disclosure,.home-recent,.friendly-setup,.friendly-home-insights,.receipt-workspace .card) {
  border-color:var(--craft-border);
  color:var(--craft-fg);
}
:root[data-theme="dark"] .pawket-main :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea) {
  color:#f5f7fa;
  background-color:#242e39;
  border-color:#475464;
  color-scheme:dark;
}
:root[data-theme="dark"] .pawket-main :is(input,textarea)::placeholder { color:#aab5c3;opacity:1; }
:root[data-theme="dark"] .pawket-main :is(input,textarea,select):focus-visible {
  border-color:#ffbf52;
  outline:2px solid #f3b84555;
  outline-offset:1px;
}
:root[data-theme="dark"] .pawket-main .page-head .subtitle { color:var(--craft-muted); }
:root[data-theme="dark"] :is(.pawket-main,.modal) .btn.primary { color:#221705;background:#ffb832;border-color:#ffb832; }
:root[data-theme="dark"] .pawket-main .btn.primary:hover:not(:disabled) { background:#ffcf68;border-color:#ffcf68; }
:root[data-theme="dark"] :is(.home-shortcuts>button,.home-stat-pill,.personal-settings-row,.hub-rail-link):focus-visible {
  outline:2px solid #ffcb68;
  outline-offset:2px;
}

/* Bring back the original, recognisable Cash & Savings card (not a flat grey panel). */
:root[data-theme="dark"] .pawket-home .pawket-cash-card {
  position:relative;
  isolation:isolate;
  background:linear-gradient(123deg,#ffe092 0%,#ffc04a 49%,#f5a51d 100%)!important;
  color:#281b08;
  border:1px solid #ffdc83;
  border-radius:22px;
  min-width:0;
  padding:23px 23px 19px;
  box-shadow:0 14px 32px #00000026,0 1px 1px #fff5 inset;
}
:root[data-theme="dark"] .pawket-home .pawket-cash-card::before {
  display:block;
  content:"";
  position:absolute;
  width:55%;height:150%;right:-12%;top:-45%;
  border-radius:50%;
  background:radial-gradient(circle,#fff8d22e 0 25%,#fff5d524 26% 42%,transparent 43% 100%);
  pointer-events:none;
  z-index:-1;
}
:root[data-theme="dark"] .pawket-cash-card :is(.pawket-cash-top,.pawket-cash-top>button,.pawket-cash-value,.pawket-cash-caption,.pawket-cash-foot,.pawket-cash-count-btn,.pawket-cash-value-btn) {
  color:#32230e;
}
:root[data-theme="dark"] .pawket-cash-card .pawket-cash-top { font-weight:700;font-size:13px; }
:root[data-theme="dark"] .pawket-cash-card .pawket-cash-value { font-weight:780;letter-spacing:-1.3px;color:#241804;font-size:clamp(28px,3.2vw,41px); }
:root[data-theme="dark"] .pawket-cash-card .pawket-cash-caption { color:#5a3d13;line-height:1.5; }
:root[data-theme="dark"] .pawket-cash-card .pawket-cash-count-btn { color:#4e3514;font-weight:600; }
:root[data-theme="dark"] .pawket-cash-card .pawket-cash-foot>button:last-child {
  color:#352207;background:#ffffff3c;border:1px solid #8b580235;
  padding:8px 11px;min-height:35px;border-radius:10px;
}
:root[data-theme="dark"] .pawket-cash-card .pawket-cash-foot>button:last-child:hover { background:#fff7dc; }

/* Small monthly income/spending controls with visibly distinct values. */
:root[data-theme="dark"] .home-stat-pill {
  background:#212b37;
  border:1px solid #3b4757;
  border-radius:16px;
  color:#f4f6f9;
  box-shadow:0 6px 17px #00000012;
}
:root[data-theme="dark"] .home-stat-pill:hover { background:#2a3543;border-color:#6c7580; }
:root[data-theme="dark"] .home-stat-pill.income>svg:first-child { color:#83dfb6; }
:root[data-theme="dark"] .home-stat-pill.expense>svg:first-child { color:#ffa1a6; }
:root[data-theme="dark"] .home-stat-pill :is(strong,small) { color:inherit; }
:root[data-theme="dark"] .home-stat-pill small { color:#b8c2cf; }
:root[data-theme="dark"] .home-pill-period { color:#aebaca; }

/* Restore individual transaction detail cards on Home (including transfers). */
:root[data-theme="dark"] .pawket-home .home-recent {
  background:#19212b;
  border:1px solid #354250;
  border-radius:20px;
  box-shadow:0 10px 26px #00000018;
}
:root[data-theme="dark"] .pawket-home .home-recent-head {
  background:transparent;
  border-bottom:1px solid #34404d;
}
:root[data-theme="dark"] .pawket-home .home-recent-list {
  display:grid;
  gap:8px;
  padding:11px 14px 14px;
}
:root[data-theme="dark"] .pawket-home :is(.home-recent-row,.home-recent-row:nth-child(even)) {
  background:#232d39;
  border:1px solid #374658;
  border-radius:12px;
  min-width:0;
  padding:13px 14px;
  color:#f5f7fa;
}
:root[data-theme="dark"] .pawket-home .home-recent-row:hover {
  background:#2c3947;
  border-color:#657080;
}
:root[data-theme="dark"] .pawket-home .home-recent-row:active { background:#334252; }
:root[data-theme="dark"] .home-recent-row .home-row-icon { background:#313e4e;border-color:#455468; }
:root[data-theme="dark"] .home-recent-row .home-row-text>strong { color:#f6f8fb; }
:root[data-theme="dark"] .home-recent-row .home-row-text>small { color:#b3bfcc; }
:root[data-theme="dark"] .home-recent-row .home-row-amount {
  color:#f5f7fa;
  font-weight:720;
  background:#334051;
  border:1px solid #465468;
  border-radius:999px;
  padding:7px 10px;
  white-space:nowrap;
}
:root[data-theme="dark"] .home-recent-row .home-row-amount.positive { color:#9ff0cc!important;border-color:#346b5c;background:#203c35; }
:root[data-theme="dark"] .home-recent-row .home-row-amount.negative { color:#ffb0b6!important;border-color:#70484b;background:#422a30; }
:root[data-theme="dark"] .home-recent-head h2>span { color:#ffd27a; }

/* Restore a hierarchy to the quick tools and common panels without affecting bank-card colours. */
:root[data-theme="dark"] .pawket-home .home-shortcuts.android-quick-actions>button {
  border:1px solid #394656;
  border-radius:14px;
  background:#1d2631;
  color:#f3f5f7;
}
:root[data-theme="dark"] .pawket-home .home-shortcuts.android-quick-actions>button:hover { background:#293440;border-color:#667284; }
:root[data-theme="dark"] .pawket-home .home-shortcuts.android-quick-actions>button:active { background:#303e4b; }
:root[data-theme="dark"] .personal-settings-page .personal-panel { background:#1a222c; }
:root[data-theme="dark"] .personal-appearance .pawket-theme-choice { color:#f1f4f8; }
:root[data-theme="dark"] .personal-appearance .pawket-theme-choice.selected { border-color:#ffc35a; }

/* FAZGAME Hub-derived workspace: desktop/web only. Mobile keeps its own shell. */
@media (min-width:1101px) {
  :root[data-theme="dark"] body {
    background:radial-gradient(ellipse 90% 420px at 58% -240px,#282414 0%,#14191e 52%,#0d1117 100%);
  }
  :root[data-theme="dark"] .shell.pawket-shell { padding-top:76px; }
  :root[data-theme="dark"] .pawket-main {
    margin-left:112px;
    width:calc(100% - 112px);
    padding:34px clamp(26px,3vw,52px) 76px;
  }
  :root[data-theme="dark"] .pawket-main>.page { max-width:1510px; }
  :root[data-theme="dark"] .hub-web-topbar {
    height:76px;
    background:#111720;
    border-bottom:1px solid #374351;
    box-shadow:0 12px 34px #00000028;
  }
  :root[data-theme="dark"] .hub-web-brand .pawket-brand { max-width:156px; }
  :root[data-theme="dark"] .hub-web-tabs {
    background:#1c2530;
    border:1px solid #3c4856;
    border-radius:15px;
    padding:4px;
    box-shadow:0 1px 0 #ffffff07 inset;
  }
  :root[data-theme="dark"] .hub-web-tabs>button {
    color:#b8c4d2;
    min-height:38px;
    border-radius:11px;
    font-size:11px;
    font-weight:590;
    padding:8px 14px;
  }
  :root[data-theme="dark"] .hub-web-tabs>button[aria-current="page"] {
    color:#261a08;
    background:linear-gradient(120deg,#ffcb65,#ffb52d);
    box-shadow:0 3px 10px #00000024;
    font-weight:730;
  }
  :root[data-theme="dark"] .hub-web-tabs>button:not([aria-current="page"]):hover { background:#293543;color:#f7f8fa; }
  :root[data-theme="dark"] .hub-web-actions>button {
    color:#c5cfdc;
    min-width:37px;
    min-height:37px;
  }
  :root[data-theme="dark"] .hub-web-actions>.hub-web-modules-button {
    border:1px solid #475260;
    background:#202a36;
    font-size:11px;
    padding-inline:13px;
  }
  :root[data-theme="dark"] .hub-web-actions>.hub-web-profile-button {
    background:#ffbf43;
    color:#291a08;
    border-color:#ffbf43;
  }
  :root[data-theme="dark"] .hub-web-rail {
    left:20px;
    top:100px;
    width:68px;
    padding:10px;
    background:#171f29;
    border:1px solid #3a4755;
    border-radius:17px;
    box-shadow:0 16px 38px #00000038;
    max-height:calc(100dvh - 124px);
  }
  :root[data-theme="dark"] .hub-web-rail.is-expanded { width:270px;box-shadow:0 24px 65px #00000073; }
  :root[data-theme="dark"] :is(.hub-rail-link,.hub-rail-toggle) { color:#bdc8d7;border-radius:11px; }
  :root[data-theme="dark"] .hub-rail-link:hover { background:#2b3745;color:#fff; }
  :root[data-theme="dark"] .hub-rail-link.active {
    color:#281900;
    background:linear-gradient(120deg,#ffd276,#ffb833);
    box-shadow:0 2px 10px #0000002c;
  }
  :root[data-theme="dark"] .hub-rail-toggle { color:#f5f7fa; }
  :root[data-theme="dark"] .pawket-main .page-head h1 { color:#f8f9fb;letter-spacing:-.8px; }
  :root[data-theme="dark"] .pawket-greeting h1 { font-size:clamp(27px,2.2vw,34px);font-weight:730; }
  :root[data-theme="dark"] .home-priority.pawket-home>.pawket-home-overview {
    display:grid;
    grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr)!important;
    gap:18px!important;
    align-items:stretch;
    background:transparent;
    border:0;
    border-radius:0;
    box-shadow:none;
    padding:0;
  }
  :root[data-theme="dark"] .pawket-home-overview>.pawket-cash-card {
    background:linear-gradient(123deg,#ffe092,#ffc04a 49%,#f5a51d)!important;
    color:#281b08;
    border:1px solid #ffdc83;
    padding:26px 27px 21px;
    min-height:202px;
    box-shadow:0 14px 32px #00000027;
  }
  :root[data-theme="dark"] .pawket-home-overview>.home-stat-pillbar {
    width:100%;max-width:none;min-width:0;
    align-self:stretch;justify-self:stretch;
    background:#19222d;
    border:1px solid #394758;
    border-radius:20px;
    padding:17px;
    gap:9px;
    align-content:center;
    box-shadow:0 10px 28px #0000001c;
  }
  :root[data-theme="dark"] .pawket-home-overview .home-stat-pill {
    background:#283442;
    min-width:0;
    min-height:68px;
    padding:11px 12px;
    border-radius:14px;
  }
  :root[data-theme="dark"] .pawket-home-overview .home-stat-pill:hover { background:#303f50; }
  :root[data-theme="dark"] .pawket-home-overview .home-pill-period { margin-top:3px; }
  :root[data-theme="dark"] .pawket-home .home-recent { margin-top:10px; }
  :root[data-theme="dark"] .pawket-main :is(.card,.personal-panel) { box-shadow:0 10px 28px #0000001b; }
  :root[data-theme="dark"] .pawket-main .page-head { margin-bottom:24px; }
}
@media (min-width:1101px) and (max-width:1280px) {
  :root[data-theme="dark"] .hub-web-topbar { padding-inline:20px;gap:10px;grid-template-columns:minmax(118px,1fr) auto minmax(240px,1fr); }
  :root[data-theme="dark"] .hub-web-tabs>button { padding-inline:9px;gap:5px; }
  :root[data-theme="dark"] .hub-web-actions { gap:2px; }
  :root[data-theme="dark"] .hub-web-actions>.hub-web-modules-button { padding-inline:8px;margin-right:2px; }
}
@media (max-width:700px) {
  :root[data-theme="dark"] .pawket-home .pawket-cash-card { padding:21px 19px 17px; }
  :root[data-theme="dark"] .pawket-cash-card .pawket-cash-value { font-size:clamp(27px,7.5vw,38px); }
  :root[data-theme="dark"] .pawket-home .home-recent-list { padding:9px;gap:7px; }
  :root[data-theme="dark"] .pawket-home :is(.home-recent-row,.home-recent-row:nth-child(even)) { padding:11px 10px;gap:8px; }
  :root[data-theme="dark"] .home-recent-row .home-row-amount { padding:6px 8px;font-size:11px; }
  :root[data-theme="dark"] .home-stat-pill { border-radius:14px; }
}
@media (prefers-reduced-motion:reduce) {
  :root[data-theme="dark"] .home-stat-pill,
  :root[data-theme="dark"] .hub-web-tabs>button,
  :root[data-theme="dark"] .hub-rail-link { transition:none!important; }
}

/* Pawket V2.19.2 — Reference contrast repair.
   Original black + white + orange visual language, scoped ONLY to Dark.
   Keep the gold balance card, themed bank cards and desktop Hub shell intact. */
:root[data-theme="dark"] {
  --bg:#08090b;
  --side:#0b0c0f;
  --surface:#171a20;
  --surface2:#252932;
  --surface3:#303641;
  --line:#38414d;
  --text:#f8f9fb;
  --muted:#c1c7d0;
  --brand:#ff9d00;
  --brand-hover:#ffb422;
  --brand-ink:#ffc14b;
  --accent:#ff9d00;
  --gold:#ffc04b;
  --red:#ff8991;
  --income:#84deac;
  --craft-panel:#171a20;
  --craft-alt:#252932;
  --craft-border:#414958;
  --craft-fg:#f8f9fb;
  --craft-muted:#c5cbd5;
  --craft-accent:#ffbe52;
}
:root[data-theme="dark"] body {background:#08090b;color:#f8f9fb}

/* Light *content* surfaces within a dark app shell. Local semantic tokens
   prevent low-contrast text inherited from the global dark palette. */
:root[data-theme="dark"] :is(
  .pawket-main .card:not(.account-card):not(.kpi-featured):not(.pawket-cash-card),
  .pawket-main .personal-panel,
  .pawket-main .personal-settings-disclosure,
  .pawket-main .friendly-setup,
  .pawket-main .friendly-home-insights,
  .pawket-main .home-recent,
  .pawket-main .pawket-day-list,
  .pawket-main .pawket-category-list,
  .pawket-main .pawket-budget-total,
  .pawket-main .pawket-budget-list,
  .pawket-main .pawket-bank-upload,
  .pawket-main .pawket-import-institutions,
  .pawket-main .pawket-import-history,
  .pawket-main .pawket-coach,
  .pawket-main .pawket-more-footer,
  .modal
) {
  --bg:#ffffff;
  --surface:#ffffff;
  --surface2:#f3f5f7;
  --surface3:#e8ecf0;
  --line:#e0e4e9;
  --text:#171a20;
  --muted:#626b76;
  --gold:#9a5500;
  --brand-ink:#945500;
  --accent2:#a75a00;
  --income:#147b43;
  --red:#bd303c;
  --craft-panel:#ffffff;
  --craft-alt:#f4f6f8;
  --craft-border:#e1e5ea;
  --craft-fg:#171a20;
  --craft-muted:#626b76;
  --craft-accent:#a65a00;
  --craft-positive:#147b43;
  --craft-negative:#bd303c;
  color:#171a20;
  background:#fff;
  border-color:#e0e4e9;
  color-scheme:light;
}
:root[data-theme="dark"] .pawket-main :is(.card:not(.account-card):not(.kpi-featured),.personal-panel,.friendly-setup,.friendly-home-insights,.home-recent,.pawket-day-list,.pawket-category-list,.pawket-budget-list,.pawket-budget-total,.pawket-bank-upload) {
  box-shadow:0 9px 28px #00000020;
}
:root[data-theme="dark"] :is(.pawket-main .card:not(.account-card):not(.kpi-featured):not(.pawket-cash-card),.modal) :is(h2,h3,h4,strong,summary,dt) {color:inherit}
:root[data-theme="dark"] :is(.pawket-main .card:not(.account-card):not(.kpi-featured):not(.pawket-cash-card),.modal) :is(p,small,.muted,.subtitle,.item-sub) {color:var(--muted)}
:root[data-theme="dark"] :is(.pawket-main .card:not(.account-card):not(.kpi-featured):not(.pawket-cash-card),.modal) :is(.positive,.item-value.positive) {color:#157b42!important}
:root[data-theme="dark"] :is(.pawket-main .card:not(.account-card):not(.kpi-featured):not(.pawket-cash-card),.modal) :is(.negative,.item-value.negative) {color:#bf2937!important}

/* Banking details and daily transaction list: black text on white, status
   amounts clearly distinguished; preserve category/merchant icons. */
:root[data-theme="dark"] .pawket-home .home-recent {background:#fff;border:1px solid #e2e5ea}
:root[data-theme="dark"] .pawket-home .home-recent-head {background:#fff;border-bottom:1px solid #e5e8ed;color:#171a20}
:root[data-theme="dark"] .home-recent-head h2 {color:#171a20}
:root[data-theme="dark"] .home-recent-head h2>span {color:#8b5200;background:#fff2d5;padding:4px 9px;border-radius:99px}
:root[data-theme="dark"] .home-recent-head :is(.home-move,.home-see-all) {color:#754600!important}
:root[data-theme="dark"] .pawket-home :is(.home-recent-row,.home-recent-row:nth-child(even)) {
  --text:#171a20;--muted:#626b76;
  background:#f8f9fb;color:#171a20;border-color:#e4e8ed;
}
:root[data-theme="dark"] .pawket-home .home-recent-row:hover {background:#fff5e5;border-color:#e6c38a}
:root[data-theme="dark"] .pawket-home .home-recent-row:active {background:#ffefd4}
:root[data-theme="dark"] .home-recent-row .home-row-icon {background:#fff0d8;border-color:#f4dfbd;color:#9b5900}
:root[data-theme="dark"] .home-recent-row .home-row-text>strong {color:#171a20}
:root[data-theme="dark"] .home-recent-row .home-row-text>small {color:#626b76}
:root[data-theme="dark"] .home-recent-row .home-row-amount {
  color:#171a20;background:#eff1f5;border:1px solid #e0e4ea;
}
:root[data-theme="dark"] .home-recent-row .home-row-amount.positive {color:#10783d!important;background:#e3f7e9;border-color:#b9dfc5}
:root[data-theme="dark"] .home-recent-row .home-row-amount.negative {color:#b82230!important;background:#ffe9eb;border-color:#efc4c9}
:root[data-theme="dark"] .pawket-days .pawket-day-list {background:#fff;border:1px solid #e2e6ed}
:root[data-theme="dark"] .pawket-days .tx-item {background:#fff;color:#171a20;border-color:#e6e8ec}
:root[data-theme="dark"] .pawket-days .tx-item:nth-child(even) {background:#fafbfc}
:root[data-theme="dark"] .pawket-days .tx-item:hover {background:#fff6e7}
:root[data-theme="dark"] .pawket-days :is(.tx-item-title,.tx-item-right>strong){color:#171a20}
:root[data-theme="dark"] .pawket-days :is(.tx-item-sub,.tx-item-right>small){color:#666d78}
:root[data-theme="dark"] .pawket-days .tx-item-right>strong.positive {color:#107b3f!important}
:root[data-theme="dark"] .pawket-days .tx-item-right>strong.negative {color:#bd2937!important}

/* Income/spending remain compact but behave visually like the older cards. */
:root[data-theme="dark"] .home-stat-pill {
  background:#fff;color:#171a20;border:1px solid #e5e8ec;
  box-shadow:0 5px 14px #00000012;
}
:root[data-theme="dark"] .home-stat-pill:hover {background:#fff6e9;border-color:#e9c795}
:root[data-theme="dark"] .home-stat-pill :is(strong,small){color:#171a20}
:root[data-theme="dark"] .home-stat-pill small {color:#59636e}
:root[data-theme="dark"] .home-stat-pill.income>svg:first-child{color:#19864c}
:root[data-theme="dark"] .home-stat-pill.expense>svg:first-child{color:#d4424a}
:root[data-theme="dark"] .pawket-home .home-shortcuts.android-quick-actions>button {background:#22272f;color:#fff;border:1px solid #39434e}
:root[data-theme="dark"] .pawket-home .home-shortcuts.android-quick-actions>button:hover {background:#303742;border-color:#ffb52d}
:root[data-theme="dark"] .pawket-home .home-shortcuts.android-quick-actions>button strong {color:#f9fafb}

/* Forms: avoid white-on-white placeholders or dark-input islands in light cards. */
:root[data-theme="dark"] :is(.pawket-main .card:not(.account-card),.pawket-main .personal-panel,.pawket-main .personal-settings-disclosure,.pawket-main .pawket-bank-upload,.modal) :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea) {
  background:#f6f7f9;color:#151a20;border:1px solid #cfd6df;color-scheme:light;
}
:root[data-theme="dark"] :is(.pawket-main .card:not(.account-card),.pawket-main .personal-panel,.pawket-main .personal-settings-disclosure,.pawket-main .pawket-bank-upload,.modal) :is(input,textarea)::placeholder {color:#67717c;opacity:1}
:root[data-theme="dark"] :is(.pawket-main .card:not(.account-card),.pawket-main .personal-panel,.pawket-main .personal-settings-disclosure,.pawket-main .pawket-bank-upload,.modal) .btn:not(.primary):not(.danger) {
  background:#f3f5f7;color:#222831;border-color:#dfe3e8;
}
:root[data-theme="dark"] :is(.pawket-main .card:not(.account-card),.pawket-main .personal-panel,.pawket-main .personal-settings-disclosure,.pawket-main .pawket-bank-upload,.modal) .btn:not(.primary):not(.danger):hover {background:#fff0d5;border-color:#f0c16f}
:root[data-theme="dark"] .modal .btn.primary {background:#ff9d00;color:#191309;border-color:#ff9d00}
:root[data-theme="dark"] .modal :is(.modal-head,.modal-body,.modal-foot){color:#171a20}

/* Analytics, categories, budget, import, receipt and settings: match white
   panels with readable local text/labels and accessible orange accents. */
:root[data-theme="dark"] .pawket-analysis-hero :is(h2,strong,.pawket-pulse-item){color:#171a20}
:root[data-theme="dark"] .pawket-analysis-hero .pawket-analysis-pulse {background:#f5f6f8}
:root[data-theme="dark"] .pawket-analysis-hero .pawket-pulse-item small {color:#5e6671}
:root[data-theme="dark"] .pawket-analysis-hero .pawket-chart-bars>button {color:#535d68}
:root[data-theme="dark"] .pawket-analysis-hero .pawket-bar-val {color:#66717c}
:root[data-theme="dark"] .pawket-analysis-hero .pawket-chart-caption {color:#596572}
:root[data-theme="dark"] .pawket-coach :is(strong,h2){color:#171a20}
:root[data-theme="dark"] .pawket-category-row {color:#171a20}
:root[data-theme="dark"] .pawket-category-row>strong {color:#171a20}
:root[data-theme="dark"] .pawket-budget-row-hit {color:#171a20}
:root[data-theme="dark"] .pawket-budget-row-hit:hover {background:#fff4df}
:root[data-theme="dark"] .pawket-budget-numbers b {color:#171a20}
:root[data-theme="dark"] .pawket-import-institutions :is(h3,strong),
:root[data-theme="dark"] .pawket-import-history {color:#171a20}
:root[data-theme="dark"] .pawket-import-institutions p {color:#626b76}
:root[data-theme="dark"] .receipt-workspace .card {background:#fff;color:#171a20;border-color:#e0e5ea}
:root[data-theme="dark"] .receipt-workspace .receipt-dropzone {background:#f6f7f9;color:#171a20;border-color:#aeb6c2}
:root[data-theme="dark"] .receipt-workspace .receipt-dropzone :is(span,small) {color:#5e6671}
:root[data-theme="dark"] .receipt-workspace .receipt-review-empty {color:#626b76}
:root[data-theme="dark"] .receipt-workspace .receipt-review-empty strong {color:#171a20}
:root[data-theme="dark"] .personal-settings-page .personal-panel {background:#fff}
:root[data-theme="dark"] .personal-settings-page .personal-settings-row {color:#171a20;border-color:#e0e4ea}
:root[data-theme="dark"] .personal-settings-page .personal-settings-row:hover {background:#fff5e5}
:root[data-theme="dark"] .personal-settings-page :is(.personal-settings-row>.personal-row-icon,.personal-settings-row>svg){color:#66707b}
:root[data-theme="dark"] .personal-appearance .pawket-theme-choice{background:#f5f6f8;color:#171a20;border-color:#e0e4e9}
:root[data-theme="dark"] .personal-appearance .pawket-theme-choice.selected{background:#fff1db;border-color:#ffa51a}
:root[data-theme="dark"] .personal-appearance .pawket-theme-choice .theme-choice-copy :is(strong,small){color:#171a20}
:root[data-theme="dark"] .pawket-more .more-group {
  --text:#171a20;--muted:#626b76;--craft-fg:#171a20;--craft-muted:#626b76;
  --craft-panel:#fff;--craft-alt:#f5f6f8;--craft-border:#e1e5ea;
  background:#fff;border:1px solid #e1e5ea;border-radius:18px;
  padding:17px;margin-bottom:12px;color:#171a20;
}
:root[data-theme="dark"] .pawket-more .more-group>h2 {color:#945300}
:root[data-theme="dark"] .pawket-more .more-tile-label{color:#171a20}
:root[data-theme="dark"] .pawket-more .more-tile-icon {background:#fff1da;border-color:#f3dfbd;color:#9d5600}
:root[data-theme="dark"] .pawket-more .more-tile:hover .more-tile-icon {background:#ffb11b;color:#201700;border-color:#ffad0f}
:root[data-theme="dark"] .pawket-more .pawket-profile {background:#171b21;color:#fff;border-color:#3a414b}
:root[data-theme="dark"] .pawket-more .pawket-profile :is(strong,small){color:#f5f6f9}
:root[data-theme="dark"] .pawket-more .pawket-more-footer {background:linear-gradient(145deg,#fffdf8,#fff1d8)!important;border-color:#eedcb7!important}
:root[data-theme="dark"] .pawket-more .pawket-more-footer :is(strong,small,p,span){color:#24201b}

/* Fixed black navigation, recognizable orange selection. */
:root[data-theme="dark"] .android-bottom-nav,
:root[data-theme="dark"] .bottom-nav {background:#090a0d;border-top-color:#30333a}
:root[data-theme="dark"] .android-bottom-nav button:not(.bottom-add),
:root[data-theme="dark"] .bottom-nav button:not(.bottom-add) {color:#d4d5da}
:root[data-theme="dark"] .android-bottom-nav button.active:not(.bottom-add),
:root[data-theme="dark"] .bottom-nav button.active:not(.bottom-add) {color:#ffa51b}
:root[data-theme="dark"] .android-bottom-nav .bottom-add,
:root[data-theme="dark"] .bottom-nav .bottom-add {background:#ff9d00;color:#13100b}

@media (min-width:1101px){
  /* The FAZGAME Hub-inspired desktop shell remains dark, not white. */
  :root[data-theme="dark"] .hub-web-topbar {background:#101318;border-bottom-color:#343b46}
  :root[data-theme="dark"] .hub-web-rail {background:#13171d;border-color:#343d48}
  :root[data-theme="dark"] .pawket-home-overview>.home-stat-pillbar {background:#171b21;border-color:#3e4550}
  :root[data-theme="dark"] .pawket-home-overview .home-stat-pill {background:#fff;color:#171a20}
  :root[data-theme="dark"] .pawket-home-overview .home-stat-pill:hover {background:#fff5e4}
  :root[data-theme="dark"] .pawket-home-overview .home-stat-pill :is(strong,small) {color:#171a20}
  :root[data-theme="dark"] .pawket-home-overview .home-stat-pill small {color:#5a6471}
}
@media (max-width:700px){
  :root[data-theme="dark"] .pawket-home .home-recent-list {padding:9px;gap:8px}
  :root[data-theme="dark"] .pawket-home .home-recent-row {border-radius:12px}
  :root[data-theme="dark"] .pawket-more .more-group {padding:15px 13px}
}

/* Legacy cashflow summary cards and standalone search controls. */
:root[data-theme="dark"] .pawket-home .pawket-mini-stat {
  --craft-panel:#fff;--craft-fg:#171a20;--craft-muted:#626b76;
  --craft-positive:#168246;--craft-negative:#c12e3f;
  color:#171a20;background:#fff!important;
}
:root[data-theme="dark"] .pawket-home .pawket-mini-stat>span {color:#626b76}
:root[data-theme="dark"] .pawket-home .pawket-mini-stat>strong{color:#171a20}
:root[data-theme="dark"] .pawket-home .pawket-mini-stat>small{color:#626b76}
:root[data-theme="dark"] .pawket-transactions :is(input[type="search"],.pawket-filter-grid input){background:#eef0f3;color:#1b1e24;border-color:#dadee6;color-scheme:light}
:root[data-theme="dark"] .pawket-transactions :is(input[type="search"],.pawket-filter-grid input)::placeholder{color:#59616c;opacity:1}

/* Pawket V3.4.8 — Original Theme Restore, White-Version Card & Saving Parity + Cute Minimalist Cat Themes Concept */
:root[data-theme="dark"] .pawket-home .home-shortcuts.android-quick-actions>button {
  background:#ffffff!important;
  color:#171a20!important;
  border:1px solid #e2e5ea!important;
  box-shadow:0 4px 14px #00000018!important;
}
:root[data-theme="dark"] .pawket-home .home-shortcuts.android-quick-actions>button>span {
  background:#fff2d9!important;
  border:1px solid #f3dfbd!important;
  color:#9c5600!important;
}
:root[data-theme="dark"] .pawket-home .home-shortcuts.android-quick-actions>button>strong {
  color:#171a20!important;
}
:root[data-theme="dark"] .pawket-home .home-shortcuts.android-quick-actions>button:hover {
  background:#fff8eb!important;
  border-color:#f0c274!important;
}
:root[data-theme="dark"] .pawket-tx-swipe-card,
:root[data-theme="dark"] .pawket-tx-filters {
  background:#ffffff!important;
  color:#171a20!important;
  border-color:#e0e4e9!important;
}
:root[data-theme="dark"] .pawket-tx-swipe-card :is(.pawket-tx-card-title,dd,strong:not(.positive):not(.negative)) {
  color:#171a20;
}
:root[data-theme="dark"] .pawket-tx-swipe-card dt {
  color:#626b76;
}

/* Cute Minimalist Cat Themes Concept: Cat-ear avatar badges & subtle paw-print watermarks */
.profile-circle,
.pawket-profile-avatar,
.hub-web-profile-button {
  position:relative;
  overflow:visible!important;
}
.profile-circle::before,
.profile-circle::after,
.pawket-profile-avatar::before,
.pawket-profile-avatar::after {
  content:"";
  position:absolute;
  top:-4px;
  width:9px;
  height:9px;
  background:#ffaf0b;
  border:1.5px solid #171a20;
  border-radius:2px 7px 2px 2px;
  pointer-events:none;
  z-index:2;
}
.profile-circle::before,
.pawket-profile-avatar::before {
  left:4px;
  transform:rotate(-18deg);
}
.profile-circle::after,
.pawket-profile-avatar::after {
  right:4px;
  border-radius:7px 2px 2px 2px;
  transform:rotate(18deg);
}
.pawket-home .home-deck-shell .home-account.home-summary-account,
.pawket-home .pawket-cash-card {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='%23ffffff' fill-opacity='0.22'%3E%3Cellipse cx='20' cy='20' rx='5.5' ry='7.5'/%3E%3Cellipse cx='44' cy='20' rx='5.5' ry='7.5'/%3E%3Cellipse cx='11' cy='33' rx='4.5' ry='6.5'/%3E%3Cellipse cx='53' cy='33' rx='4.5' ry='6.5'/%3E%3Cpath d='M20 44c5-11 19-11 24 0 6 12-8 11-12 9-4 2-18 3-12-9Z'/%3E%3C/svg%3E"),
    linear-gradient(127deg,#ffda7b 0%,#ffc04b 27%,#ffae16 66%,#ff9000 100%)!important;
  background-repeat:no-repeat,no-repeat!important;
  background-position:right 16px bottom 12px,center!important;
  background-size:68px 68px,100% 100%!important;
}
.pawket-coach {
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='%23ff9d00' fill-opacity='0.09'%3E%3Cellipse cx='20' cy='20' rx='5.5' ry='7.5'/%3E%3Cellipse cx='44' cy='20' rx='5.5' ry='7.5'/%3E%3Cellipse cx='11' cy='33' rx='4.5' ry='6.5'/%3E%3Cellipse cx='53' cy='33' rx='4.5' ry='6.5'/%3E%3Cpath d='M20 44c5-11 19-11 24 0 6 12-8 11-12 9-4 2-18 3-12-9Z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 14px bottom 10px;
  background-size:52px 52px;
}
.pawket-theme-choice .theme-preview>b {
  position:relative;
}
.pawket-import-institutions .pawket-import-logo-section {
  margin-top:12px;
}
.pawket-import-institutions .pawket-import-logo-subhead {
  display:block;
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.05em;
  color:#626b76;
  margin:12px 0 8px;
}

/* END DARK HUB REFINEMENT */

/* BEGIN MOBILE POLISH */
/* Pawket V2.19.3 — constrained mobile styles only, preserving FAZGAME Hub desktop. */
.pawket-settings-shortcuts,.personal-settings-page .settings-detail-back{display:none}
.pawket-smart-data{max-width:100%;min-width:0}
.pawket-smart-data .smart-data-kpis{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:12px;margin-bottom:16px}
.pawket-smart-data .smart-data-coverage,.pawket-smart-data .smart-data-stat{display:grid;gap:7px;min-width:0;padding:18px;border-radius:20px;background:#fff;border:1px solid #e2e4e7;color:#141820;box-shadow:0 7px 22px #0000000d}
.pawket-smart-data .smart-data-coverage>span,.pawket-smart-data .smart-data-stat>small{font-size:12px;color:#616b77}
.pawket-smart-data .smart-data-coverage>strong{font-size:clamp(27px,4vw,36px);letter-spacing:-1.2px;line-height:1.1}
.pawket-smart-data .smart-data-coverage>small{font-size:11px;color:#606b75}
.pawket-smart-data .smart-data-stat{align-content:center;text-align:center;justify-items:center}
.pawket-smart-data .smart-data-stat>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#fff0d9;color:#ae6300}
.pawket-smart-data .smart-data-stat>strong{font-size:29px;line-height:1.1;color:#1a2029}
.pawket-smart-data .smart-data-meter{height:8px;overflow:hidden;border-radius:20px;background:#edf0f2}
.pawket-smart-data .smart-data-meter>span{display:block;height:100%;border-radius:inherit;background:#ff9d13;transition:width .3s ease}
.pawket-smart-data .smart-data-panel{margin-bottom:14px!important;padding:0!important;border-radius:20px!important;overflow:hidden;background:#fff!important;color:#151a20!important}
.pawket-smart-data .smart-data-panel>header{display:flex;gap:10px;align-items:start;justify-content:space-between;padding:17px 18px 14px;border-bottom:1px solid #eaedf0}
.pawket-smart-data .smart-data-panel>header>div{min-width:0}
.pawket-smart-data .smart-data-panel h2{margin:0;color:#151a20;font-size:16px;font-weight:750}
.pawket-smart-data .smart-data-panel p{margin:6px 0 0;color:#64707a;font-size:11.5px;line-height:1.55}
.pawket-smart-data .smart-data-count{display:grid;place-items:center;min-width:28px;height:28px;padding:0 7px;border-radius:12px;background:#fff1d8;color:#8e5200;font-weight:750;font-size:12px}
.pawket-smart-data .smart-data-item{display:flex;align-items:center;gap:10px;width:100%;min-width:0;min-height:69px;padding:12px 14px;border:0;border-bottom:1px solid #edf0f2;background:transparent;color:#20242a;text-align:left;cursor:pointer}
.pawket-smart-data .smart-data-item:last-child{border-bottom:0}
.pawket-smart-data .smart-data-item:active{background:#fff7e9}
.pawket-smart-data .smart-data-icon{display:grid;place-items:center;flex:none;width:38px;height:38px;background:#fff0d6;color:#965a00;border-radius:12px}
.pawket-smart-data .smart-data-copy{min-width:0;flex:1;display:grid;gap:4px}
.pawket-smart-data .smart-data-copy strong{overflow-wrap:anywhere;color:#192029;font-size:12.5px;line-height:1.35}
.pawket-smart-data .smart-data-copy small{font-size:10.5px;color:#626c78;overflow-wrap:anywhere;line-height:1.45}
.pawket-smart-data .smart-data-amount{flex:none;font-size:11px;max-width:35%;font-weight:750;color:#1d2530;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pawket-smart-data .smart-data-empty{padding:22px!important;margin:0!important;text-align:center}
.pawket-smart-data .smart-data-note{display:flex;gap:10px;padding:12px 14px;color:#d6dbe1;line-height:1.65;font-size:11px}
.pawket-smart-data .smart-data-note svg{flex:none;color:#ffbb44}
.pawket-smart-data .smart-data-note p{margin:0}
:root[data-theme="light"] .pawket-smart-data .smart-data-note{color:#5c6670}
@media(max-width:700px){
 html,body{max-width:100%;overflow-x:clip;-webkit-text-size-adjust:100%}
 .pawket-main{padding-left:clamp(12px,4vw,19px)!important;padding-right:clamp(12px,4vw,19px)!important;padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))!important;min-width:0}
 .pawket-main>.page{min-width:0;overflow:visible}
 :is(.pawket-home,.pawket-transactions,.pawket-smart-data,.pawket-more,.personal-settings-page){min-width:0;max-width:100%}
 .pawket-greeting{gap:9px;min-width:0}
 .pawket-greeting-user{gap:10px;min-width:0}
 .pawket-greeting h1{font-size:clamp(17px,4.7vw,23px);line-height:1.25;overflow-wrap:anywhere}
 .pawket-greeting p{max-width:100%;font-size:11px;overflow-wrap:anywhere}
 .pawket-greeting-date{flex:none}
 :root[data-theme="dark"] .pawket-home .pawket-cash-card{background:linear-gradient(128deg,#ffdc79 0%,#ffbb29 50%,#ff970a 100%)!important;border:1px solid #ffce61;border-radius:25px;padding:23px 20px 18px;box-shadow:0 16px 30px #ff920014,0 6px 18px #0002}
 :root[data-theme="dark"] .pawket-home .pawket-cash-card::before{width:76%;height:120%;top:5%;right:-26%;border-radius:50%;background:linear-gradient(140deg,#fff9cf28,#fff0a608);transform:rotate(12deg)}
 .pawket-home .pawket-cash-card .pawket-cash-top{padding-right:73px;min-height:37px;justify-content:flex-start;gap:8px;font-size:14px!important;font-weight:750}
 .pawket-home .pawket-cash-card .pawket-cash-top>button{width:34px;height:34px}
 .pawket-home .pawket-cash-card .pawket-cash-value-btn{min-width:0;width:100%}
 .pawket-home .pawket-cash-card .pawket-cash-value{font-size:clamp(26px,7.3vw,37px)!important;font-weight:850!important;line-height:1.15;letter-spacing:-1.1px;min-width:0;padding-right:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:17px 0 12px}
 .pawket-home .pawket-cash-card .pawket-cash-caption{font-size:11px!important;line-height:1.5;max-width:90%}
 .pawket-home .pawket-cash-card .pawket-cash-foot{gap:8px;min-width:0;align-items:center;margin-top:20px}
 .pawket-home .pawket-cash-card .pawket-cash-count-btn{min-width:0;display:inline-flex;flex-wrap:wrap;font-size:11px}
 .pawket-home .pawket-cash-card .pawket-cash-foot>button:last-child{flex:none;border-radius:18px;padding:8px 12px;min-height:37px;background:#ffffff7a;color:#3d2607}
 .pawket-home .pawket-cash-mascot{position:absolute;top:13px;right:13px;z-index:1;width:63px;height:63px;display:grid;place-items:center;border-radius:50%;border:3px solid #fff6d8;background:#151515;overflow:hidden;box-shadow:0 4px 15px #0003;transform:rotate(4deg);pointer-events:none}
 .pawket-home .pawket-cash-mascot img{width:90%;height:90%;max-width:100%;object-fit:contain;animation:none!important}
 .pawket-home-overview{min-width:0}
 .pawket-home-stats.home-stat-pillbar{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:0;min-width:0}
 .pawket-home-stats .home-stat-pill{width:100%;max-width:100%;min-width:0;border-radius:19px;min-height:104px;padding:14px 12px;align-items:flex-start;overflow:hidden}
 .pawket-home-stats .home-stat-pill>svg{width:20px;flex:none}
 .pawket-home-stats .home-stat-pill>span{min-width:0;width:100%;display:grid;gap:3px}
 .pawket-home-stats .home-stat-pill strong{font-size:clamp(17px,4.5vw,24px);max-width:100%;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.6px}
 .pawket-home-stats .home-stat-pill small{font-size:11px;overflow-wrap:anywhere}
 /* The amount must have the full width of each statistic card, not
    compete with two icons in a horizontal flex row. */
 .pawket-home-stats .home-stat-pill{display:grid!important;position:relative;grid-template-columns:26px minmax(0,1fr);grid-template-rows:26px minmax(25px,auto);column-gap:5px;align-items:center;align-content:start;}
 .pawket-home-stats .home-stat-pill>svg:first-child{grid-column:1;grid-row:1;width:20px}
 .pawket-home-stats .home-stat-pill>span{display:contents}
 .pawket-home-stats .home-stat-pill>span small{grid-column:2;grid-row:1;min-width:0}
 .pawket-home-stats .home-stat-pill>span strong{grid-column:1/-1;grid-row:2;width:100%;max-width:none;min-width:0;overflow:visible;text-overflow:clip;font-size:clamp(17px,4.5vw,23px);letter-spacing:-.75px}
 .pawket-home-stats .home-stat-pill>svg:last-child{position:absolute;right:9px;top:10px;width:12px;height:12px;opacity:.45}
 .pawket-home-stats .home-pill-period{grid-column:1/-1;margin:0 3px;font-size:10px}
 .home-shortcuts,.android-quick-actions{max-width:100%;min-width:0}
 .pawket-home .home-recent-list,.pawket-home .home-recent-row{min-width:0}
 .pawket-home .home-row-text{min-width:0;overflow:hidden}
 .pawket-home .home-row-text strong{overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap}
 .pawket-home .home-row-amount{max-width:43%;font-size:clamp(11px,3vw,13px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .bottom-nav.android-bottom-nav{width:100%;min-width:0;padding-inline:clamp(4px,1.5vw,10px);padding-bottom:env(safe-area-inset-bottom,0px);grid-template-columns:repeat(5,minmax(0,1fr));z-index:40}
 .bottom-nav.android-bottom-nav button:not(.bottom-add){min-width:0;gap:3px}
 .bottom-nav.android-bottom-nav button>span:not(.sr-only):not(.android-nav-pill){max-width:100%;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .bottom-nav.android-bottom-nav button.bottom-add{width:72px!important;height:72px!important;min-width:72px!important;min-height:72px!important;max-width:72px!important;margin-top:-29px!important;border-width:7px!important}
 /* FIX: Search input and filter trigger occupy two independent grid cells.
    The desktop toolbar remains untouched. */
 .pawket-transactions .pawket-page-head{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
 .pawket-transactions .pawket-head-actions{display:grid!important;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:9px;width:100%;max-width:100%;min-width:0}
 .pawket-transactions .pawket-head-actions .pawket-view-switch{width:100%;max-width:100%;grid-column:1;min-width:0;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}
 .pawket-transactions .pawket-head-actions>.pawket-icon-button{grid-column:2;width:44px;height:44px;min-width:44px}
 .pawket-transactions .pawket-view-pill{min-width:0;justify-content:center;gap:5px;padding:8px 5px;white-space:nowrap;overflow:hidden}
 .pawket-transactions .pawket-view-pill span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(10px,2.8vw,12px)}
 .pawket-transactions .pawket-search-bar{display:grid!important;grid-template-columns:minmax(0,1fr) 46px;align-items:stretch;gap:9px;min-width:0;max-width:100%;margin:12px 0 13px}
 .pawket-transactions .pawket-search-bar>label{grid-column:1;display:flex;align-items:center;min-width:0;max-width:100%;width:100%;padding:0 12px;background:#f0f1f3;color:#252c35;box-sizing:border-box;border:1px solid #dfe3e7;border-radius:17px;overflow:hidden}
 .pawket-transactions .pawket-search-bar>label>svg{flex:none;width:18px;height:18px;color:#525e69}
 .pawket-transactions .pawket-search-bar input#search-tx{flex:1 1 0;box-sizing:border-box;min-width:0!important;width:100%!important;max-width:100%!important;font-size:16px;line-height:1.3;min-height:47px;margin:0;padding:12px 0!important;background:transparent!important;border:0!important;box-shadow:none!important;color:#1d242d!important;-webkit-appearance:none;appearance:none}
 .pawket-transactions .pawket-search-bar input#search-tx::placeholder{color:#65717d!important;opacity:1}
 .pawket-transactions .pawket-search-bar>#pawket-tx-filter-toggle{grid-column:2;display:grid;place-items:center;width:46px;height:47px;min-width:46px;padding:0;border-radius:16px;background:#24252a;color:#fff}
 .pawket-transactions .pawket-search-bar>#pawket-tx-filter-toggle.selected{background:#ffa31c;color:#231902}
 .pawket-transactions .pawket-tabs{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;max-width:100%;padding:0 0 2px;min-width:0}
 .pawket-transactions .pawket-tabs::-webkit-scrollbar{display:none}
 .pawket-transactions .pawket-tabs>button{min-width:0;flex:1 0 auto;max-width:none;padding:11px 12px;font-size:clamp(11px,3vw,13px);white-space:nowrap}
 .pawket-transactions .pawket-tx-filters{min-width:0;max-width:100%;overflow:hidden}
 .pawket-transactions .pawket-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .pawket-transactions .pawket-filter-grid label{min-width:0}
 .pawket-transactions .pawket-filter-grid select{width:100%;max-width:100%;min-width:0}
 .pawket-transactions .pawket-tx-totals{min-width:0}
 .pawket-transactions .pawket-tx-totals summary{gap:8px;min-width:0;flex-wrap:wrap}
 .pawket-transactions .pawket-tx-totals summary strong{min-width:0;max-width:100%;font-size:11px;overflow:hidden;text-overflow:ellipsis}
 /* Settings: compact, native-feeling entry rows that link to existing sections. */
 .personal-settings-page .page-head{margin-bottom:15px}
 .personal-settings-page .page-head h1{font-size:25px}
 .pawket-settings-shortcuts{display:grid;margin:0 0 18px;background:#fff;border:1px solid #e8e9ec;border-radius:22px;overflow:hidden;box-shadow:0 8px 20px #0000000d}
 .pawket-settings-shortcuts button{display:flex;align-items:center;gap:14px;padding:16px 16px;width:100%;min-width:0;min-height:76px;background:transparent;border:0;border-bottom:1px solid #e8e9ec;color:#131920;text-align:left}
 .pawket-settings-shortcuts button:last-child{border-bottom:0}
 .pawket-settings-shortcuts button>svg:first-child{flex:none;box-sizing:content-box;width:21px;height:21px;padding:11px;border-radius:13px;background:#f2f3f4;color:#20262c}
 .pawket-settings-shortcuts button>svg:last-child{flex:none;color:#9ca5ae}
 .pawket-settings-shortcuts button>span{flex:1;display:grid;min-width:0;gap:3px}
 .pawket-settings-shortcuts button strong{font-size:15px;font-weight:690;color:#141920}
 .pawket-settings-shortcuts button small{font-size:11.5px;line-height:1.3;color:#626d77}
 .pawket-settings-shortcuts button:active{background:#fff3de}
 /* Mobile Settings is a short native-style menu; open one existing
    group at a time. On desktop all original sections stay visible. */
 .personal-settings-page.settings-section-menu>.personal-settings-layout,
 .personal-settings-page.settings-section-menu>.card.card-pad.stack{display:none!important}
 .personal-settings-page:not(.settings-section-menu)>.pawket-settings-shortcuts{display:none!important}
 .personal-settings-page .personal-settings-layout{display:grid;grid-template-columns:minmax(0,1fr)}
 .personal-settings-page.settings-section-profile .personal-settings-layout>:not(.personal-profile-card):not(.personal-app):not(.personal-about),
 .personal-settings-page.settings-section-appearance .personal-settings-layout>:not(.personal-appearance):not(.personal-preferences),
 .personal-settings-page.settings-section-data .personal-settings-layout>:not(.personal-data-tools){display:none!important}
 .personal-settings-page:not(.settings-section-data)>.card.card-pad.stack{display:none!important}
 .personal-settings-page .settings-detail-back{display:flex;align-items:center;gap:8px;padding:8px 0 16px;min-height:44px;align-self:start;border:0;background:transparent;color:#ffb340;font-size:13px;font-weight:700}
 .personal-settings-page .settings-detail-back svg{width:17px;height:17px;transform:rotate(180deg)}
 .personal-settings-page .personal-panel{scroll-margin-top:90px}
 .personal-settings-page .personal-data-tools{scroll-margin-top:90px}
 .personal-settings-page .personal-settings-layout{gap:13px}
 .personal-settings-page .personal-panel{border-radius:19px;padding:18px 16px}
 .personal-settings-page .personal-panel header h2{font-size:16px}
 .personal-settings-page .personal-panel header p{font-size:11px}
 .pawket-smart-data .smart-data-kpis{gap:9px}
 .pawket-smart-data .smart-data-coverage,.pawket-smart-data .smart-data-stat{padding:15px 12px}
 .pawket-smart-data .smart-data-panel>header{padding:15px 14px 12px}
 .pawket-smart-data .smart-data-item{gap:8px;padding:12px 11px}
 .pawket-smart-data .smart-data-amount{max-width:31%;font-size:10px}
}
@media(max-width:360px){
 .pawket-home .pawket-cash-card .pawket-cash-value{font-size:26px!important}
 .pawket-home .pawket-cash-mascot{width:52px;height:52px}
 .pawket-home .pawket-cash-card .pawket-cash-top{padding-right:60px}
 .pawket-home .pawket-cash-card .pawket-cash-caption{max-width:100%}
 .pawket-home .pawket-cash-card .pawket-cash-foot>button:last-child{font-size:10px;padding-inline:9px}
 .pawket-home-stats .home-stat-pill>span strong{font-size:clamp(14px,4.65vw,17px)}
 .pawket-transactions .pawket-filter-grid{grid-template-columns:minmax(0,1fr)}
 .pawket-transactions .pawket-view-pill span{font-size:10px}
 .pawket-transactions .pawket-view-pill svg{width:14px}
 .pawket-smart-data .smart-data-kpis{grid-template-columns:minmax(0,1fr) minmax(0,.8fr)}
}
@media(prefers-reduced-motion:reduce){.pawket-smart-data .smart-data-meter>span{transition:none}}

/* END MOBILE POLISH */

/* V2.19.4 Home card deck redesign */
.home-wallet-column-redesign{display:grid;gap:10px}
.home-cards-head{margin-bottom:2px}
.home-summary-account{
 background:
  radial-gradient(circle at 82% 14%,rgba(255,238,185,.26),transparent 34%),
  radial-gradient(circle at 10% 100%,rgba(255,208,88,.22),transparent 32%),
  linear-gradient(135deg,#291d0c 0%,#5d3a00 42%,#ff9c05 100%);
 color:#fff8ef;
}
.home-summary-account::before{
 background:
  linear-gradient(120deg,#ffffff12 0%,transparent 38%,#ffffff0b 70%,transparent 100%),
  repeating-linear-gradient(116deg,transparent 0 12px,#ffffff07 12px 13px,transparent 13px 19px);
}
.home-summary-account::after{border-color:rgba(255,215,132,.28)}
.home-account-total-mark{width:46px;height:46px;padding:0;border-radius:14px;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.12);overflow:hidden}
.home-account-total-mark .pawket-mascot{width:100%;height:100%;background:transparent;border-radius:0}
.home-account-total-mark .pawket-mascot>img{padding:10%}
.home-card-brand-total{background:rgba(255,246,228,.15)!important;border-color:rgba(255,241,207,.34)!important;color:#fff7d8!important;font-weight:800;letter-spacing:.12em}
.home-summary-month{font-size:10px;font-weight:700;color:#ffeac3;padding:5px 10px;border-radius:999px;border:1px solid rgba(255,235,192,.25);background:rgba(255,255,255,.08);white-space:nowrap}
.home-summary-totals .home-summary-total-btn{background:rgba(255,255,255,.09)}
.home-summary-totals .home-summary-total-btn:hover{background:rgba(255,255,255,.14)}
.home-summary-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;flex-wrap:wrap}
.home-summary-chip{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,240,210,.18);background:rgba(32,19,5,.22);color:#fff3d8;font-size:10.5px;font-weight:700}
.home-summary-chip:hover{background:rgba(32,19,5,.32)}
.pawket-home .home-accounts.has-multiple-cards{padding-inline:1px 22px}
.pawket-home .home-account{scroll-snap-stop:always}
.home-cards-head h2{font-size:15px}
@media(max-width:750px){
 .home-summary-foot{gap:8px}
 .home-summary-chip{font-size:10px;padding:7px 10px}
 .home-summary-month{font-size:9.5px;padding:4px 9px}
 .home-cards-head h2{font-size:14.5px}
}

/* V2.19.5 — Home card-stack polish; no changes to desktop Hub navigation */
.pawket-home .home-deck-shell{position:relative;isolation:isolate;min-width:0;padding-top:25px}
.pawket-home .home-deck-shell.is-stack::before,
.pawket-home .home-deck-shell.is-stack::after{
 content:"";position:absolute;pointer-events:none;z-index:-1;
 border-radius:27px 27px 18px 18px;border:1px solid #454955;
}
.pawket-home .home-deck-shell.is-stack::before{
 left:31px;right:31px;top:2px;height:67px;
 background:linear-gradient(155deg,#333846 0%,#10141d 85%);
 transform:rotate(-1.7deg);box-shadow:0 3px 14px #0004;
}
.pawket-home .home-deck-shell.is-stack::after{
 left:14px;right:17px;top:12px;height:59px;
 background:linear-gradient(145deg,#272e3a,#090d15);
 transform:rotate(.85deg);box-shadow:0 5px 15px #0003;
}
.pawket-home .home-deck-shell .home-accounts{overflow-x:auto;scroll-snap-type:x mandatory;min-width:0;padding:0 13px 13px;margin:0 -13px -13px;border-radius:0;scrollbar-width:none;scroll-padding-left:13px}
.pawket-home .home-deck-shell .home-account{scroll-snap-align:start;scroll-snap-stop:always;box-shadow:0 13px 26px #0005,0 2px 6px #0002,inset 0 1px 0 #ffffff2c}
.pawket-home .home-deck-shell .home-account.is-active-card{box-shadow:0 17px 31px #0005,0 0 0 1px color-mix(in srgb,var(--card-glow,#f9b329) 25%,transparent),inset 0 1px 0 #ffffff23}
.pawket-home .home-deck-shell .home-account:not(.home-summary-account){background-image:
 radial-gradient(circle at 89% 3%,color-mix(in srgb,var(--card-glow,#fff) 20%,transparent),transparent 53%),
 repeating-linear-gradient(116deg,transparent 0 13px,#ffffff06 13px 14px,transparent 14px 22px),
 linear-gradient(140deg,var(--card-a,#191d26),var(--card-b,#08090c));}
.pawket-home .home-deck-shell .home-account:not(.home-summary-account) .home-account-name strong{color:var(--card-text,#fff)}
.pawket-home .home-deck-shell .home-account:not(.home-summary-account) .home-account-name small{color:var(--card-muted,#d5d7df)}
.pawket-home .home-deck-shell .home-account:not(.home-summary-account) .home-account-totals small,
.pawket-home .home-deck-shell .home-account:not(.home-summary-account) .home-balance-label,
.pawket-home .home-deck-shell .home-account:not(.home-summary-account) .home-balance-label button{color:var(--card-muted,#d5d7df)}
.pawket-home .home-deck-shell .home-account:not(.home-summary-account) .home-account-totals strong{color:var(--card-text,#fff)}
.pawket-home .home-deck-shell .home-account:not(.home-summary-account) .home-account-totals{border-top:1px solid #ffffff20;padding-top:13px}
.pawket-home .home-deck-shell .home-account .home-account-totals button{min-width:0}
.pawket-home .home-deck-shell .home-account .home-account-totals strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;white-space:normal!important;line-height:1.2}
.pawket-home .home-deck-shell .home-account .home-account-totals small{white-space:normal;line-height:1.35}
.pawket-home .home-deck-shell .home-account:not(.home-summary-account) .home-account-icon{border-color:#ffffff35;background:#ffffff14;border-radius:12px;min-width:46px}
.pawket-home .home-deck-shell .home-account:not(.home-summary-account) .home-account-icon .account-brand-logo{max-width:100%;object-fit:contain}

/* Restore the earlier golden Cash & Savings card, but keep Total In / Out inside it. */
.pawket-home .home-deck-shell .home-account.home-summary-account,
:root[data-theme="dark"] .pawket-home .home-deck-shell .home-account.home-summary-account,
:root[data-theme="graphite"] .pawket-home .home-deck-shell .home-account.home-summary-account{
 background:linear-gradient(127deg,#ffda7b 0%,#ffc04b 27%,#ffae16 66%,#ff9000 100%)!important;
 border:1px solid #ffcd68!important;
 color:#261906!important;
 box-shadow:0 14px 28px #0003,0 7px 21px #ff950020,inset 0 1px 0 #fff5ca!important;
}
.pawket-home .home-deck-shell .home-summary-account::before{
 background:linear-gradient(145deg,transparent 40%,#fff1bc30 40%,transparent 75%),radial-gradient(circle at 95% 15%,#ffe8a17a,transparent 46%);
}
.pawket-home .home-deck-shell .home-summary-account::after{border-color:#ffe4a560}
.pawket-home .home-deck-shell .home-summary-account .home-account-head{min-height:47px;padding-right:75px;margin-bottom:12px}
.pawket-home .home-deck-shell .home-summary-account .home-account-name{color:#261906;max-width:100%}
.pawket-home .home-deck-shell .home-summary-account .home-account-name strong{font-size:16px;font-weight:780;color:#241806;white-space:normal}
.pawket-home .home-deck-shell .home-summary-account .home-account-name small{font-size:10px;color:#614113;white-space:normal;line-height:1.4}
.pawket-home .home-deck-shell .home-summary-mascot{
 position:absolute;right:18px;top:14px;width:64px;height:64px;border:3px solid #fff4d7;
 border-radius:50%;background:#0a0a0a;box-shadow:0 4px 14px #4d260040;display:grid;place-items:center;
 transform:rotate(5deg);pointer-events:none;
}
.pawket-home .home-deck-shell .home-summary-mascot .pawket-mascot{width:100%;height:100%;border-radius:50%}
.pawket-home .home-deck-shell .home-summary-mascot img{width:100%;height:100%;object-fit:contain}
.pawket-home .home-deck-shell .home-summary-account .home-balance-label,
.pawket-home .home-deck-shell .home-summary-account .home-balance-label button{color:#4c330b}
.pawket-home .home-deck-shell .home-summary-account .home-summary-month{color:#4e3306;background:#ffffff68;border-color:#fff0c8;font-weight:750}
.pawket-home .home-deck-shell .home-summary-account .home-account-balance{color:#221706;min-height:50px;margin-top:8px;margin-bottom:14px}
.pawket-home .home-deck-shell .home-summary-account .home-balance-number{font-weight:830;letter-spacing:-1.25px}
.pawket-home .home-deck-shell .home-summary-account .home-summary-totals{gap:0;border-top:1px solid #8f610039;padding-top:13px}
.pawket-home .home-deck-shell .home-summary-account .home-summary-totals .home-summary-total-btn{background:transparent;color:#2b1b07;min-width:0;border-radius:9px;padding:7px 6px}
.pawket-home .home-deck-shell .home-summary-account .home-summary-totals .home-summary-total-btn+button{border-left:1px solid #91600955;padding-left:14px}
.pawket-home .home-deck-shell .home-summary-account .home-summary-totals small{color:#62431c!important;font-size:10.5px;font-weight:650}
.pawket-home .home-deck-shell .home-summary-account .home-summary-totals strong{color:#241807;font-size:clamp(13px,3.7vw,18px)}
.pawket-home .home-deck-shell .home-summary-account .home-summary-foot{margin-top:11px;gap:7px}
.pawket-home .home-deck-shell .home-summary-account .home-summary-chip{background:transparent;border-color:transparent;color:#4e340e;padding:6px 0;min-height:31px;font-weight:730}
.pawket-home .home-deck-shell .home-summary-account .home-summary-view{padding:7px 12px;border:1px solid #fff1cc;background:#ffffff6a;color:#382307;border-radius:999px}
.pawket-home .home-deck-shell .home-summary-account button:focus-visible{outline:2px solid #201507;outline-offset:2px}

/* Pager: readable 1 / N position + active pill + a genuine Add Card control. */
.pawket-home .home-account-pager{
 display:grid;grid-template-columns:minmax(45px,1fr) auto minmax(45px,1fr);
 align-items:center;gap:4px;padding:0 3px;min-height:48px;margin:1px 0 7px;
 background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0;
}
.pawket-home .home-deck-position{font-size:11px;color:var(--text);font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.pawket-home .home-deck-position>span{font-weight:500;color:var(--muted)}
.pawket-home .home-account-dots{gap:0;min-width:0;max-width:100%}
.pawket-home .home-account-dots>button{min-width:23px;width:23px;height:40px;padding:5px;touch-action:manipulation;flex:none}
.pawket-home .home-account-dots>button>span{width:6px;height:6px;background:#8990998a;border-radius:999px;transition:width .2s ease,background-color .2s ease}
.pawket-home .home-account-dots>button.active>span{width:20px;background:#ffae13}
.pawket-home .home-account-dots>button.active{min-width:30px;width:30px}
.pawket-home .home-account-dots>button.home-add-account{
 display:grid;place-items:center;width:35px;min-width:35px;height:35px;padding:0;margin-left:9px;
 color:#e8a532;background:color-mix(in srgb,var(--surface) 75%,transparent);
 border:1px solid #ffb73d80;border-radius:50%;box-shadow:0 2px 8px #00000019;
}
.pawket-home .home-account-dots .home-add-account svg{border:0;padding:0;width:19px;height:19px}
.pawket-home .home-account-dots>button.home-add-account:hover{background:#ffb52e;color:#241808}
.pawket-home .home-deck-end{gap:0}
.pawket-home .home-deck-end>button{min-width:32px;min-height:38px;color:var(--muted)}
.pawket-home .home-deck-end>.home-account-list{width:39px;border-radius:11px}
.pawket-home .home-deck-end>.home-account-list:hover{background:color-mix(in srgb,var(--surface2) 65%,transparent)}

/* Screenshot-inspired four evenly sized shortcuts. Existing actions preserved. */
.pawket-home .home-shortcuts.android-quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:4px 0 3px;padding:0}
.pawket-home .home-shortcuts.android-quick-actions>button,
:root[data-theme="dark"] .pawket-home .home-shortcuts.android-quick-actions>button,
:root[data-theme="graphite"] .pawket-home .home-shortcuts.android-quick-actions>button{
 background:#f5f5f6!important;border:1px solid #e7e8e9!important;color:#171b21!important;
 box-shadow:0 3px 12px #00000012!important;border-radius:21px!important;
 display:flex;flex-direction:column;align-items:center;justify-content:center;
 gap:11px;min-width:0;min-height:92px;padding:12px 4px;
 transition:transform .17s ease,background-color .17s ease,box-shadow .17s ease;
}
.pawket-home .home-shortcuts.android-quick-actions>button>span,
:root[data-theme="dark"] .pawket-home .home-shortcuts.android-quick-actions>button>span{
 display:grid;place-items:center;width:42px;height:42px;margin:0;padding:0;
 border-radius:15px;background:#ededee!important;border:1px solid #e9eaeb!important;
 color:#171b21!important;box-shadow:none!important;
}
.pawket-home .home-shortcuts.android-quick-actions>button svg{width:23px;height:23px;stroke-width:1.8}
.pawket-home .home-shortcuts.android-quick-actions>button>strong,
:root[data-theme="dark"] .pawket-home .home-shortcuts.android-quick-actions>button>strong{
 font-size:11px;font-weight:680;line-height:1.25;color:#171b21!important;letter-spacing:-.15px;
 text-align:center;overflow:visible;white-space:normal;overflow-wrap:anywhere;
}
.pawket-home .home-shortcuts.android-quick-actions>button:hover{transform:translateY(-2px);background:#fff9ee!important;box-shadow:0 8px 17px #0000001a!important}
.pawket-home .home-shortcuts.android-quick-actions>button:active{transform:scale(.97);background:#fff0d7!important}
.pawket-home .home-shortcuts.android-quick-actions>button:focus-visible{outline:3px solid #ffae16;outline-offset:2px}

@media(max-width:750px){
 .pawket-home .home-deck-shell{padding-top:24px}
 .pawket-home .home-deck-shell .home-accounts.has-multiple-cards{gap:10px;padding:0 24px 12px 1px;margin:0 -14px -12px 0;scroll-padding-left:1px}
 .pawket-home .home-deck-shell .home-account{min-height:278px;flex:0 0 93%;padding:19px 19px 15px;border-radius:25px}
 .pawket-home .home-deck-shell .home-account-head{margin-bottom:15px}
 .pawket-home .home-deck-shell .home-summary-account .home-account-head{margin-bottom:10px}
 .pawket-home .home-deck-shell .home-summary-account .home-account-balance{margin-bottom:9px}
 .pawket-home .home-deck-shell .home-summary-account .home-summary-foot{margin-top:5px}
 .pawket-home .home-deck-shell .home-summary-mascot{width:58px;height:58px;right:15px;top:13px}
 .pawket-home .home-deck-shell .home-summary-account .home-account-head{padding-right:67px}
 .pawket-home .home-deck-shell .home-summary-account .home-summary-totals{padding-top:8px}
 .pawket-home .home-deck-shell .home-account .home-account-totals strong{font-size:clamp(12px,3.5vw,16px)}
 .pawket-home .home-deck-shell .home-account .home-account-totals small{font-size:10px}
 .pawket-home .home-deck-end .home-deck-chevron{display:none}
 .pawket-home .home-shortcuts.android-quick-actions>button{min-height:91px!important}
}
@media(max-width:360px){
 .pawket-home .home-deck-shell .home-account{flex-basis:94%;padding:18px 14px 13px;min-height:268px}
 .pawket-home .home-deck-shell .home-summary-mascot{width:52px;height:52px}
 .pawket-home .home-deck-shell .home-summary-account .home-account-head{padding-right:57px}
 .pawket-home .home-deck-shell .home-summary-account .home-summary-totals strong{font-size:13px}
 .pawket-home .home-shortcuts.android-quick-actions{gap:6px}
 .pawket-home .home-shortcuts.android-quick-actions>button{border-radius:16px!important;min-height:82px!important;padding:8px 2px}
 .pawket-home .home-shortcuts.android-quick-actions>button>span{width:36px;height:36px}
 .pawket-home .home-shortcuts.android-quick-actions>button>strong{font-size:10px}
 .pawket-home .home-account-dots>button{min-width:19px;width:19px}
}
@media(prefers-reduced-motion:reduce){
 .pawket-home .home-shortcuts.android-quick-actions>button,
 .pawket-home .home-account-dots>button>span{transition:none!important}
}
/* Gold summary uses the original free-flow card layout; bank cards keep their 3:2 fixed-position identity. */
.pawket-home .home-deck-shell .home-account.home-summary-account{
 display:flex!important;flex-direction:column!important;justify-content:space-between!important;
 padding:20px 20px 17px!important;box-sizing:border-box!important;
}
.pawket-home .home-deck-shell .home-summary-account > :is(.home-account-head,.home-card-chip-row,.home-account-balance,.home-summary-totals,.home-summary-foot){
 position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
 width:100%!important;max-width:100%!important;transform:none!important;
}
.pawket-home .home-deck-shell .home-summary-account .home-card-chip-row{display:flex!important;justify-content:space-between!important;align-items:center!important;margin:0!important;gap:6px}
.pawket-home .home-deck-shell .home-summary-account .home-account-head{display:flex!important;align-items:center!important;margin-bottom:7px!important;padding-right:76px!important}
.pawket-home .home-deck-shell .home-summary-account .home-account-balance{display:flex!important;align-items:baseline!important;justify-content:flex-start!important;margin:3px 0 4px!important;gap:5px!important;min-width:0}
.pawket-home .home-deck-shell .home-summary-account .home-summary-totals{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-top:auto!important;margin-bottom:0!important;min-width:0}
.pawket-home .home-deck-shell .home-summary-account .home-summary-foot{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;margin-top:8px!important;gap:5px!important}
.pawket-home .home-deck-shell .home-summary-account .home-summary-chip{position:static!important;white-space:nowrap!important;font-size:10px!important;flex:none!important}
.pawket-home .home-deck-shell .home-summary-account .home-summary-view{min-height:32px!important;padding:6px 10px!important}
.pawket-home .home-deck-shell .home-summary-account .home-balance-currency{font-size:17px;color:#241806}
.pawket-home .home-deck-shell .home-summary-account .home-balance-number{font-size:clamp(25px,7vw,41px)!important;color:#241806;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}
@media(max-width:750px){
 .pawket-home .home-deck-shell .home-account.home-summary-account{aspect-ratio:auto!important;min-height:284px;padding:17px 18px 13px!important}
 .pawket-home .home-deck-shell .home-summary-account .home-account-head{padding-right:70px!important}
 .pawket-home .home-deck-shell .home-summary-account .home-summary-foot{margin-top:8px!important}
 .pawket-home .home-deck-shell .home-summary-account .home-summary-mascot{width:58px;height:58px}
}
@media(max-width:360px){
 .pawket-home .home-deck-shell .home-account.home-summary-account{min-height:276px;padding:16px 14px 12px!important}
 .pawket-home .home-deck-shell .home-summary-account .home-account-head{padding-right:59px!important}
 .pawket-home .home-deck-shell .home-summary-account .home-summary-mascot{width:49px;height:49px;right:12px;top:11px}
 .pawket-home .home-deck-shell .home-summary-account .home-summary-chip{font-size:9px!important}
 .pawket-home .home-deck-shell .home-summary-account .home-summary-view{padding:5px 7px!important}
}
/* Keep the period chip clear of the top-right mascot at every phone width. */
.pawket-home .home-deck-shell .home-summary-account .home-card-chip-row{justify-content:flex-start!important;gap:10px!important}
.pawket-home .home-deck-shell .home-summary-account .home-summary-month{position:relative!important;inset:auto!important;flex:none!important}
.pawket-home .home-deck-shell .home-summary-account .home-balance-number.home-balance-long{font-size:clamp(16px,4.4vw,24px)!important;letter-spacing:-.5px}

/* V2.19.6 — REAL card layers, original V2.19.4 3:2 card shape and size.
   No pseudo-card placeholders: the next two bank/eWallet cards sit behind the front card. */
.pawket-home .home-deck-shell{
  position:relative;isolation:isolate;min-width:0;padding-top:25px;
}
.pawket-home .home-deck-shell.is-stack::before,
.pawket-home .home-deck-shell.is-stack::after{content:none!important;display:none!important}
.pawket-home .home-deck-shell .home-accounts,
.pawket-home .home-deck-shell .home-accounts.has-multiple-cards{
  position:relative;display:block!important;overflow:visible!important;
  width:100%;height:auto;aspect-ratio:3/2;
  padding:0!important;margin:0!important;gap:0!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;
  scroll-snap-type:none!important;scroll-padding:0!important;
  touch-action:pan-y pinch-zoom;overscroll-behavior:contain;
  -webkit-user-select:none;user-select:none;cursor:grab;
}
.pawket-home .home-deck-shell .home-accounts:active{cursor:grabbing}
.pawket-home .home-deck-shell .home-account,
.pawket-home .home-deck-shell .home-account.home-summary-account{
  position:absolute!important;inset:0 auto auto 0!important;
  display:block!important;box-sizing:border-box!important;
  width:100%!important;max-width:none!important;min-width:0!important;
  height:auto!important;min-height:0!important;max-height:none!important;
  aspect-ratio:3/2!important;flex:none!important;
  padding:0!important;margin:0!important;
  border-radius:6.6% / 10%!important;
  overflow:hidden!important;transform-origin:50% 60%!important;
  transition:transform .28s cubic-bezier(.2,.8,.25,1),opacity .18s ease,filter .2s ease!important;
  -webkit-backface-visibility:hidden;backface-visibility:hidden;
  animation:none!important;
}
.pawket-home .home-deck-shell .home-account[data-stack-depth="0"]{
  opacity:1;visibility:visible;pointer-events:auto;
  transform:translate3d(0,0,0) scale(1)!important;
  filter:none;box-shadow:0 14px 28px #0005,0 1px 3px #0002!important;
}
.pawket-home .home-deck-shell .home-account[data-stack-depth="1"]{
  opacity:1;visibility:visible;pointer-events:none;
  transform:translate3d(0,-14px,0) scale(.975)!important;
  filter:brightness(.88);box-shadow:0 6px 16px #0004!important;
}
.pawket-home .home-deck-shell .home-account[data-stack-depth="2"]{
  opacity:1;visibility:visible;pointer-events:none;
  transform:translate3d(0,-25px,0) scale(.95)!important;
  filter:brightness(.76);box-shadow:0 4px 13px #0004!important;
}
.pawket-home .home-deck-shell .home-account[data-stack-depth="hidden"]{
  opacity:0;visibility:hidden;pointer-events:none;
  transform:translate3d(0,-25px,0) scale(.93)!important;
}
/* Restore proportional V2.19.4 bank card positioning, preserving bank brand colours. */
.pawket-home .home-deck-shell .home-account:not(.home-summary-account) > *:not(.home-card-serial){position:absolute!important}
.pawket-home .home-deck-shell .home-account:not(.home-summary-account) .home-account-head{inset:8.5% 6% auto!important;margin:0!important}
.pawket-home .home-deck-shell .home-account:not(.home-summary-account) .home-card-chip-row{inset:38% 6% auto!important;margin:0!important}
.pawket-home .home-deck-shell .home-account:not(.home-summary-account) .home-account-balance{inset:50% 6% auto!important;margin:0!important;width:88%!important}
.pawket-home .home-deck-shell .home-account:not(.home-summary-account) .home-account-totals{
  inset:auto 6% 10%!important;width:88%!important;max-width:88%;margin:0!important;
  padding:0!important;border:0!important;display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.pawket-home .home-deck-shell .home-account:not(.home-summary-account) .home-account-totals strong{
  font-size:3.9cqw!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;
}
.pawket-home .home-deck-shell .home-account:not(.home-summary-account) .home-account-totals small{
  font-size:3.1cqw!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;
}
/* Compact original-size gold summary. Important balance and total in/out stay visible. */
.pawket-home .home-deck-shell .home-summary-account .home-account-head,
.pawket-home .home-deck-shell .home-summary-account .home-card-chip-row,
.pawket-home .home-deck-shell .home-summary-account .home-account-balance,
.pawket-home .home-deck-shell .home-summary-account .home-summary-totals{
  position:absolute!important;left:6%!important;right:auto!important;
  width:88%!important;max-width:88%!important;min-width:0!important;
  margin:0!important;transform:none!important;
}
.pawket-home .home-deck-shell .home-summary-account .home-account-head{
  top:7%!important;bottom:auto!important;display:block!important;
  height:auto!important;min-height:0!important;padding-right:24%!important;
}
.pawket-home .home-deck-shell .home-summary-account .home-account-name{
  display:block!important;width:100%!important;max-width:100%!important;
}
.pawket-home .home-deck-shell .home-summary-account .home-account-name strong{
  display:block;font-size:4.5cqw!important;line-height:1.2!important;
  white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;
}
.pawket-home .home-deck-shell .home-summary-account .home-account-name small{
  display:block;font-size:3cqw!important;line-height:1.2!important;
  margin-top:1cqw;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;
}
.pawket-home .home-deck-shell .home-summary-account .home-summary-mascot{
  position:absolute!important;width:17cqw!important;height:17cqw!important;
  right:5%!important;left:auto!important;top:6%!important;
  border:2px solid #fff4d7!important;
}
.pawket-home .home-deck-shell .home-summary-account .home-card-chip-row{
  top:34%!important;bottom:auto!important;display:flex!important;
  justify-content:space-between!important;align-items:center!important;
}
.pawket-home .home-deck-shell .home-summary-account .home-balance-label{font-size:3.2cqw!important}
.pawket-home .home-deck-shell .home-summary-account .home-summary-month{
  font-size:2.8cqw!important;padding:1cqw 2cqw!important;min-height:0!important;
}
.pawket-home .home-deck-shell .home-summary-account .home-account-balance{
  top:46%!important;bottom:auto!important;display:flex!important;
  align-items:baseline!important;min-height:0!important;gap:1.4cqw!important;
}
.pawket-home .home-deck-shell .home-summary-account .home-balance-currency,
.pawket-home .home-deck-shell .home-summary-account .home-balance-number{
  font-size:8.4cqw!important;line-height:1.1!important;letter-spacing:-.15cqw!important;
}
.pawket-home .home-deck-shell .home-summary-account .home-summary-totals{
  top:auto!important;bottom:7%!important;display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:0!important;padding:0!important;border:0!important;
}
.pawket-home .home-deck-shell .home-summary-account .home-summary-totals .home-summary-total-btn{
  display:grid!important;gap:.7cqw!important;padding:0 1cqw 0 0!important;
  margin:0!important;min-height:0!important;border-radius:0!important;background:transparent!important;
}
.pawket-home .home-deck-shell .home-summary-account .home-summary-totals .home-summary-total-btn+button{
  padding-left:3cqw!important;border-left:1px solid #91600955!important;
}
.pawket-home .home-deck-shell .home-summary-account .home-summary-totals small{
  font-size:3cqw!important;line-height:1.2!important;white-space:nowrap;overflow:hidden;
}
.pawket-home .home-deck-shell .home-summary-account .home-summary-totals strong{
  font-size:4.2cqw!important;line-height:1.2!important;white-space:nowrap!important;
  overflow:hidden;text-overflow:ellipsis;
}
.pawket-home .home-deck-shell .home-summary-account .home-summary-foot{display:none!important}
@media(max-width:750px){
 .pawket-home .home-deck-shell{padding-top:25px!important}
 .pawket-home .home-deck-shell .home-accounts,
 .pawket-home .home-deck-shell .home-accounts.has-multiple-cards{aspect-ratio:1.63!important}
 .pawket-home .home-deck-shell .home-account,
 .pawket-home .home-deck-shell .home-account.home-summary-account{
   width:92%!important;left:4%!important;top:0!important;
   aspect-ratio:3/2!important;min-height:0!important;max-height:none!important;
   border-radius:6.6% / 10%!important;padding:0!important;
 }
}
@media(prefers-reduced-motion:reduce){
 .pawket-home .home-deck-shell .home-account{transition:none!important}
}

/* V2.19.8: restrained metallic glint, fluid swipe and Home-only floating demo. */
.pawket-home .home-deck-shell .home-account{
  transition:transform .45s cubic-bezier(.2,.8,.18,1),opacity .38s ease,filter .38s ease,box-shadow .35s ease!important;
}
.pawket-home .home-deck-shell .home-account::before{
  content:""!important;display:block!important;position:absolute!important;inset:0!important;
  pointer-events:none!important;z-index:1!important;
  opacity:.7;
  background-image:linear-gradient(111deg,transparent 13%,#ffffff05 28%,#ffffff2c 43%,#ffffff67 48%,#ffffff22 54%,transparent 69%),repeating-linear-gradient(120deg,transparent 0 14px,#ffffff07 14px 15px,transparent 15px 23px)!important;
  background-size:240% 100%,auto!important;
  background-position:120% 0,0 0!important;
  background-repeat:no-repeat,repeat!important;
}
.pawket-home .home-deck-shell .home-account.home-summary-account::before{opacity:.38}
.pawket-home .home-deck-shell .home-accounts.is-metal-glint .home-account[data-stack-depth="0"]::before{
  animation:pawketMetalSweep .82s cubic-bezier(.15,.6,.2,1) both!important;
}
@keyframes pawketMetalSweep{
  from{background-position:120% 0,0 0}
  to{background-position:-130% 0,0 0}
}
.pawket-home .home-deck-shell .home-accounts.is-dragging .home-account[data-stack-depth="0"]{
  transition:none!important;
  transform:translate3d(var(--card-drag-x,0px),0,0) rotateZ(var(--card-drag-angle,0deg)) scale(1)!important;
  box-shadow:0 20px 32px #0006,0 2px 7px #0002!important;
}
.pawket-home .home-deck-shell .home-accounts.is-swipe-exiting .home-account[data-stack-depth="0"]{
  transform:translate3d(var(--card-exit-x,175px),0,0) rotateZ(5deg) scale(.985)!important;
  opacity:.08!important;
  transition:transform .2s cubic-bezier(.2,.68,.24,1),opacity .2s ease!important;
}
/* Only the top card is interactive; account colours, stacking and 3:2 sizing remain unchanged. */
.pawket-home .home-deck-shell .home-account[data-stack-depth="1"],
.pawket-home .home-deck-shell .home-account[data-stack-depth="2"]{transition:transform .45s cubic-bezier(.2,.8,.18,1),filter .38s ease!important}

/* Restore icon + wordmark in headers only, leaving logo treatment elsewhere untouched. */
.pawket-main .mobile-header .pawket-brand,
.hub-web-brand .pawket-brand{display:inline-flex!important;align-items:center;gap:7px;white-space:nowrap}
.pawket-main .mobile-header .pawket-brand-symbol,
.hub-web-brand .pawket-brand-symbol{display:block!important;object-fit:contain;flex:none}
.pawket-main .mobile-header .pawket-brand-symbol{width:31px!important;height:28px!important}
.pawket-main .mobile-header .pawket-brand-wordmark{width:91px!important;height:23px!important;object-fit:contain}
.hub-web-brand .pawket-brand-symbol{width:33px!important;height:31px!important}
.hub-web-brand .pawket-brand-wordmark{width:108px!important;height:25px!important;object-fit:contain}
@media(max-width:365px){
 .pawket-main .mobile-header .pawket-brand{gap:4px!important}
 .pawket-main .mobile-header .pawket-brand-symbol{width:26px!important;height:24px!important}
 .pawket-main .mobile-header .pawket-brand-wordmark{width:78px!important;height:20px!important}
}

/* Compact floating Demo notice on Home; close only hides the notice, not the workspace. */
.pawket-main .page .demo-home-floating{
  position:fixed;right:22px;bottom:24px;z-index:49;
  display:flex;flex-direction:column;align-items:stretch;gap:9px;
  width:min(310px,calc(100vw - 28px));max-width:100%;margin:0!important;
  padding:12px 13px!important;border-radius:17px!important;
  border:1px solid #e4ad47!important;
  background:#201c17!important;color:#fff6e5!important;
  box-shadow:0 15px 40px #0006,0 2px 8px #0004!important;
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  animation:demoFloatIn .28s ease-out both;
}
.demo-home-floating .demo-floating-main{display:flex;align-items:flex-start;gap:10px;min-width:0}
.demo-home-floating .demo-floating-icon{flex:none;width:33px;height:33px;border-radius:10px;background:#ffad19;color:#241600;display:grid;place-items:center}
.demo-home-floating .demo-floating-copy{flex:1;min-width:0}
.demo-home-floating .demo-floating-copy strong{font-size:12px;font-weight:750;color:#ffcb70;line-height:1.4}
.demo-home-floating .demo-floating-copy small{font-size:10px;color:#f0e3cb;line-height:1.45;margin-top:2px;font-weight:450}
.demo-home-floating .demo-floating-close{flex:none;display:grid;place-items:center;width:30px;height:30px;border:1px solid #8c7859;border-radius:10px;background:#3a332a;color:#fff6e5;cursor:pointer}
.demo-home-floating .demo-floating-close:hover{background:#554533}
.demo-home-floating .demo-floating-options{align-self:flex-start;display:flex;align-items:center;gap:4px;min-height:32px;padding:5px 10px;border-radius:9px;border:1px solid #796447;background:#362d21;color:#ffdd99;font-size:10px;font-weight:750;cursor:pointer}
.demo-home-floating .demo-floating-options[aria-expanded="true"] svg{transform:rotate(90deg)}
.demo-home-floating .demo-floating-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;align-items:stretch;margin-top:2px}
.demo-home-floating .demo-floating-actions[hidden]{display:none!important}
.demo-home-floating .demo-floating-actions .btn{margin:0!important;min-height:35px!important;white-space:normal;justify-content:center;font-size:10px;padding:7px}
@keyframes demoFloatIn{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:750px){
 .pawket-main .page .demo-home-floating{right:14px;bottom:calc(87px + env(safe-area-inset-bottom));width:min(290px,calc(100vw - 28px))}
}
@media(prefers-reduced-motion:reduce){
 .pawket-home .home-deck-shell .home-account,
 .pawket-home .home-deck-shell .home-account::before,
 .pawket-main .page .demo-home-floating{animation:none!important;transition:none!important}
}

/* Demo floating copy wraps cleanly without the label and description running together. */
.demo-home-floating .demo-floating-copy strong,.demo-home-floating .demo-floating-copy small{display:block!important;overflow-wrap:anywhere}

/* V2.19.9 — compact Home card pager: retains the original 3:2 cards and real swipe stack. */
.pawket-home .home-account-pager{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:max-content!important;max-width:100%!important;min-height:36px!important;
  margin:0 auto 8px!important;padding:0 2px!important;gap:9px!important;
  border:0!important;background:transparent!important;box-shadow:none!important;
}
.pawket-home .home-account-pager .home-deck-position{
  flex:none;font-size:10.5px!important;letter-spacing:0;line-height:1.1;
  font-variant-numeric:tabular-nums;color:var(--text);
}
.pawket-home .home-account-pager .home-deck-position>span{font-weight:450;color:var(--muted)}
.pawket-home .home-account-pager .home-account-dots{
  display:flex!important;align-items:center!important;justify-content:center!important;
  gap:0!important;min-width:0!important;max-width:100%;
}
.pawket-home .home-account-pager .home-account-dots>button:not(.home-add-account){
  display:flex!important;align-items:center;justify-content:center;
  flex:0 0 21px!important;min-width:21px!important;width:21px!important;
  height:34px!important;padding:0 5px!important;margin:0!important;
  border:0!important;border-radius:10px!important;
  touch-action:manipulation;
}
.pawket-home .home-account-pager .home-account-dots>button:not(.home-add-account)>span{
  display:block!important;flex:none!important;width:5px!important;height:5px!important;
  border-radius:99px!important;background:#858b93!important;
  transition:width .18s ease,background-color .18s ease!important;
}
.pawket-home .home-account-pager .home-account-dots>button.active:not(.home-add-account){
  width:27px!important;min-width:27px!important;flex-basis:27px!important;
}
.pawket-home .home-account-pager .home-account-dots>button.active:not(.home-add-account)>span{
  width:16px!important;height:6px!important;background:#ffac16!important;
}
.pawket-home .home-account-pager .home-account-dots>button.home-add-account{
  position:relative;display:grid!important;place-items:center!important;
  flex:0 0 35px!important;width:35px!important;min-width:35px!important;height:35px!important;
  padding:0!important;margin:0 0 0 3px!important;border:0!important;
  border-radius:50%!important;background:transparent!important;box-shadow:none!important;color:#ffbc4d!important;
}
.pawket-home .home-account-pager .home-account-dots>button.home-add-account::before{
  content:"";position:absolute;inset:4px;border:1px solid #b88a42a8;
  border-radius:50%;background:#ffa91b0b;pointer-events:none;
}
.pawket-home .home-account-pager .home-account-dots>button.home-add-account svg{
  position:relative;display:block;width:16px!important;height:16px!important;padding:0!important;
  border:0!important;stroke-width:1.9;
}
.pawket-home .home-account-pager .home-deck-end{display:flex!important;align-items:center;justify-content:center;gap:0!important;flex:none}
.pawket-home .home-account-pager .home-deck-end>button{
  width:32px!important;min-width:32px!important;height:35px!important;min-height:35px!important;
  padding:6px!important;margin:0!important;color:var(--muted);border-radius:9px!important;
}
.pawket-home .home-account-pager .home-deck-end>.home-account-list svg{width:18px!important;height:18px!important}
.pawket-home .home-account-pager button:focus-visible{
  outline:2px solid #ffb32c!important;outline-offset:-1px!important;
}
@media(max-width:360px){
 .pawket-home .home-account-pager{gap:5px!important;min-height:35px!important;margin-bottom:6px!important}
 .pawket-home .home-account-pager .home-deck-position{font-size:10px!important}
 .pawket-home .home-account-pager .home-account-dots>button:not(.home-add-account){width:19px!important;min-width:19px!important;flex-basis:19px!important}
 .pawket-home .home-account-pager .home-account-dots>button.active:not(.home-add-account){width:24px!important;min-width:24px!important;flex-basis:24px!important}
 .pawket-home .home-account-pager .home-account-dots>button.home-add-account{margin-left:2px!important}
 /* Prevent 'Transactions' from clipping in the 320px navigation bar. */
 .bottom-nav.android-bottom-nav button>span:not(.sr-only):not(.android-nav-pill){
   font-size:8.6px!important;letter-spacing:-.25px!important;overflow:visible!important;
   text-overflow:clip!important;
 }
}
/* Floating Demo notice remains dismissible but takes less space over Recent Activity. */
@media(max-width:750px){
 .pawket-main .page .demo-home-floating{
   width:min(266px,calc(100vw - 24px))!important;right:12px!important;
   padding:8px 9px!important;gap:5px!important;border-radius:13px!important;
 }
 .demo-home-floating .demo-floating-main{gap:7px!important}
 .demo-home-floating .demo-floating-icon{width:27px!important;height:27px!important;border-radius:8px!important}
 .demo-home-floating .demo-floating-copy strong{font-size:10.5px!important}
 .demo-home-floating .demo-floating-copy small{font-size:9px!important;line-height:1.3!important}
 .demo-home-floating .demo-floating-close{width:27px!important;height:27px!important}
 .demo-home-floating .demo-floating-options{min-height:26px!important;padding:4px 8px!important;font-size:9px!important}
}
@media(prefers-reduced-motion:reduce){
 .pawket-home .home-account-pager .home-account-dots>button>span{transition:none!important}
}


/* V2.19.10: guest-only destructive control in More; no duplicate tool tiles. */
.pawket-more .pawket-guest-reset{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 18px;border:1px solid var(--line);background:var(--surface);border-radius:16px;color:var(--text)}
.pawket-guest-reset-copy{display:flex;align-items:flex-start;gap:12px;min-width:0;flex:1}
.pawket-guest-reset-copy>div{min-width:0}
.pawket-guest-reset-copy h2{font-size:13px;font-weight:700;line-height:1.35;margin:0 0 5px;color:inherit}
.pawket-guest-reset-copy p{font-size:11px;line-height:1.55;color:var(--muted);margin:0;max-width:58ch}
.pawket-guest-reset-icon{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:11px;background:#fff0ef;color:#aa3030}
.pawket-guest-reset-button{display:flex;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 13px;max-width:100%;flex:none;border-radius:12px;border:1px solid #ce9999;background:transparent;color:#bc4646;font-size:11px;font-weight:750;cursor:pointer;white-space:normal;text-align:center}
.pawket-guest-reset-button:hover{background:rgba(196,48,48,.09)}
.pawket-guest-reset-button:focus-visible{outline:2px solid var(--brand-ink);outline-offset:3px}
@media(max-width:700px){.pawket-more .pawket-guest-reset{display:grid;gap:13px;padding:16px}.pawket-guest-reset-button{justify-self:stretch;width:100%}}
:root[data-theme=dark] .pawket-more .pawket-guest-reset{background:#fff;border-color:#e7e0dd;color:#171a20}
:root[data-theme=dark] .pawket-guest-reset-copy p{color:#5b6470}
:root[data-theme=dark] .pawket-guest-reset-button{border-color:#bb5252;color:#9b2424}

/* BEGIN PAWKET ADMIN UI */
/* Pawket V2.19.11 — compact owner-only admin center */
.pawket-admin{max-width:1100px;margin:0 auto 48px;display:grid;gap:18px;min-width:0}
.admin-title{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.admin-title>span{display:grid;place-items:center;width:48px;height:48px;background:#ff9c17;color:#151515;border-radius:16px}.admin-title>div{flex:1;min-width:0}.admin-title h1{font-size:clamp(20px,3vw,28px);font-weight:800}.admin-title p,.admin-users-head p,.admin-unlock p{font-size:12px;color:var(--muted);line-height:1.55;margin-top:4px}
.admin-unlock{padding:24px;max-width:580px}.admin-unlock h2{font-size:18px}.admin-unlock form{display:grid;gap:10px;margin-top:20px}.admin-unlock label{font-size:12px;font-weight:700}.admin-unlock input,.admin-users>input{width:100%;min-width:0;min-height:46px;padding:10px 13px;border:1px solid var(--line);background:var(--surface2);color:var(--text);border-radius:13px;font-size:16px}.admin-unlock form button{justify-self:start}
.admin-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.admin-metric{min-width:0;padding:18px;border-radius:17px;background:var(--surface);border:1px solid var(--line);display:grid;gap:9px}.admin-metric span{font-size:12px;color:var(--muted)}.admin-metric strong{font-size:clamp(21px,2.2vw,29px);line-height:1.1;color:var(--text);font-variant-numeric:tabular-nums}
.admin-users,.admin-events{padding:20px;min-width:0}.admin-users-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.admin-users-head h2,.admin-events h2{font-size:17px}.admin-user-list{display:grid;gap:10px;margin-top:15px}.admin-user-row{border:1px solid var(--line);border-radius:14px;padding:15px;background:var(--surface2);display:grid;gap:12px;min-width:0}.admin-user-main{display:grid;gap:5px;min-width:0}.admin-user-main strong{overflow-wrap:anywhere;font-size:13px}.admin-user-main span,.admin-events small{font-size:11px;color:var(--muted)}.admin-user-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.admin-user-actions{display:flex;gap:6px;flex-wrap:wrap}.admin-user-actions>.btn{font-size:11px;min-height:36px;padding:6px 10px}.admin-user-status{font-size:11px;font-weight:700;border-radius:999px;padding:6px 10px;background:#e6f8ed;color:#166b3b}.admin-user-status.is-suspended{background:#ffe5e8;color:#a51f2e}.admin-empty{text-align:center;padding:25px;font-size:12px;color:var(--muted)}.admin-events{display:grid;gap:12px}.admin-events>div{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:9px}.admin-events strong{font-size:12px}.admin-privacy{font-size:11px;color:var(--muted);display:flex;align-items:flex-start;gap:8px}.admin-confirm-help{font-size:13px;color:var(--text);line-height:1.6}.admin-confirm-email{background:var(--surface2);border:1px solid var(--line);border-radius:12px;padding:12px;overflow-wrap:anywhere;font-size:13px;font-weight:700}
@media(max-width:700px){.admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.admin-metric{padding:13px;border-radius:13px}.admin-users,.admin-events,.admin-unlock{padding:15px}.admin-user-row{padding:12px}.admin-user-actions>.btn{font-size:10.5px}.admin-title>span{width:41px;height:41px}.pawket-admin{gap:13px}.admin-users-head{align-items:flex-start}.admin-users-head>.btn{flex:none}}

/* V2.19.14 private numeric PIN */
#admin-pin-input,#admin-delete-pin{font-variant-numeric:tabular-nums;letter-spacing:.15em;max-width:100%;}

.pawket-admin-entry .admin-owner-handle{margin:-2px 0 10px;font-size:11px;opacity:.65;letter-spacing:.01em;}

/* V3.2 — clear one-time recovery handoff on desktop and mobile. */
.pawket-recovery-code{display:grid;gap:12px;min-width:0;margin:16px 0;padding:17px;border:1px solid var(--line);border-radius:15px;background:var(--surface2);text-align:center}
.pawket-recovery-code code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(12px,3.3vw,18px);font-weight:800;letter-spacing:.045em;overflow-wrap:anywhere;user-select:all;color:var(--text)}
.pawket-recovery-code .btn{justify-self:center;min-height:44px}
.pawket-recovery-entry{display:flex;width:100%;justify-content:center;align-items:center;gap:8px;min-height:44px;white-space:normal;margin-bottom:15px;text-align:center}
@media(max-width:400px){.pawket-recovery-code{padding:13px}.pawket-recovery-code code{letter-spacing:0}}

/* END PAWKET ADMIN UI */

/* V2.19.16 — edit saved/imported transaction category */
.pawket-category-edit{display:grid;gap:14px;min-width:0}
.pawket-category-edit-context{font-size:14px;line-height:1.5;font-weight:600;overflow-wrap:anywhere;margin:0}
.pawket-category-edit-context span{color:var(--muted);padding:0 4px}
.pawket-category-edit-note{font-size:13px;line-height:1.6;color:var(--muted);margin:0}
.pawket-category-edit .field{display:grid;gap:8px;min-width:0}
.pawket-category-edit .field input{width:100%;min-width:0;box-sizing:border-box}
.pawket-category-view-related{display:inline-flex;align-items:center;gap:8px;width:fit-content;border:0;background:none;padding:8px 0;color:var(--muted);font-size:12px;text-align:left;cursor:pointer}
.pawket-category-view-related:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

/* V2.19.17: Mobile-friendly transaction details editor. */
.pawket-edit-details .form-grid{gap:12px}
.pawket-edit-locked-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}
.pawket-edit-locked-grid>div{display:flex;flex-direction:column;gap:4px;padding:11px 12px;background:var(--surface2,var(--surface,#171717));border:1px solid var(--line,rgba(140,140,140,.16));border-radius:12px;min-width:0}
.pawket-edit-locked-grid small{color:var(--muted);font-size:11px}
.pawket-edit-locked-grid strong{font-size:13px;overflow-wrap:anywhere}
.pawket-edit-ledger-note{margin:12px 0 0;font-size:12px;color:var(--muted);line-height:1.5}
@media(max-width:390px){.pawket-edit-locked-grid{grid-template-columns:1fr 1fr}.pawket-edit-details .form-grid{grid-template-columns:1fr}.pawket-edit-details .form-grid .field{grid-column:1 / -1}}

/* V2.19.18 — searchable system-category selector inside transaction editor. */
.pawket-category-picker-field{min-width:0}
.pawket-category-picker-field .picker-trigger{min-height:50px;width:100%;background:var(--surface2,#f2f3f5);border:1px solid var(--line,#dedfe2);font-size:15px;padding:12px 14px;border-radius:14px}
.pawket-category-picker-hint{display:block;font-size:11px;line-height:1.5;margin-top:6px;color:var(--muted,#666);font-weight:400}
.pawket-edit-details .pawket-category-picker-field{grid-column:1/-1}
.pawket-category-edit .pawket-category-picker-field{display:grid;gap:5px}
@media(min-width:751px){.pawket-category-picker-field .picker-trigger{max-width:100%}}

/* BEGIN FINANCIAL HEALTH UI */
/* V3.0 Financial Health — clean, touch-friendly and safe on small screens. */
.pawket-financial-health{display:grid;gap:14px;max-width:1100px;margin:0 auto;padding-bottom:24px}
.pawket-financial-health .card{padding:17px;border-radius:18px}
.fh-summary{border:1px solid var(--line,#343434);background:var(--surface,#181818)}
.fh-summary.fh-good{border-color:rgba(73,169,109,.36)}
.fh-summary.fh-review{border-color:rgba(245,171,46,.48)}
.fh-summary.fh-critical{border-color:rgba(232,90,90,.52)}
.fh-summary-head{display:flex;align-items:center;gap:12px}
.fh-summary-head>span{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:rgba(255,169,30,.10);color:#ecac4b;flex-shrink:0}
.fh-summary-head>div{display:grid;gap:3px;min-width:0}.fh-summary-head strong{font-size:17px}.fh-summary-head small{color:var(--muted,#999);font-size:12px}
.fh-summary p,.fh-actions p,.fh-disclaimer{margin:12px 0 0;color:var(--muted,#aaa);font-size:13px;line-height:1.65}
.fh-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.fh-metrics .card{display:grid;gap:8px;min-width:0}.fh-metrics span{font-size:12px;color:var(--muted,#aaa)}.fh-metrics strong{font-size:23px;font-variant-numeric:tabular-nums}
.fh-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}.fh-section-title h2,.fh-actions h2{font-size:16px;margin:0}.fh-section-title span{font-size:12px;color:var(--muted,#aaa)}
.fh-account{padding:13px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line,rgba(120,120,120,.2))}.fh-account:last-child{border-bottom:0;padding-bottom:0}.fh-account-info{min-width:0;display:grid;gap:5px}.fh-account-info strong{font-size:14px;overflow-wrap:anywhere}.fh-account-info small,.fh-account-balance small{font-size:11px;color:var(--muted,#aaa)}.fh-account-balance{min-width:112px;display:grid;gap:4px;text-align:right;font-variant-numeric:tabular-nums}.fh-account-balance strong{font-size:15px;overflow-wrap:anywhere}.fh-negative{color:#d34e57}
.fh-finding{display:flex;gap:9px;align-items:start;padding:11px 0;border-bottom:1px solid var(--line,rgba(120,120,120,.16))}.fh-finding:last-child{border-bottom:0}.fh-finding>span{flex-shrink:0;color:#c58c30}.fh-finding-critical>span{color:#dc545b}.fh-finding p{margin:0;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.fh-empty{color:var(--muted,#aaa);line-height:1.6;font-size:13px;margin:8px 0}
.fh-action-buttons{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}.fh-action-buttons>.btn{display:inline-flex;align-items:center;gap:7px;min-height:43px}
.fh-message{display:grid;gap:10px;justify-items:start}.fh-message p{color:var(--muted,#aaa)}
@media(max-width:600px){.pawket-financial-health{gap:12px}.pawket-financial-health .card{padding:15px}.fh-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.fh-metrics strong{font-size:20px}.fh-account-balance{min-width:96px}.fh-action-buttons>.btn{flex:1 1 100%;justify-content:center}.fh-summary-head strong{font-size:16px}}

/* END FINANCIAL HEALTH UI */

/* BEGIN PREMIUM CARD MOTION */
/* PAWKET V3.1 — Premium Card Motion. Original real 3:2 cards and colour palette are unchanged. */
.pawket-home .home-cards-tools{display:flex;align-items:center;gap:6px;min-width:0}
.pawket-home .home-cards-tools .home-effects-button{display:inline-grid;place-items:center;flex:none;width:33px;height:33px;min-height:33px;padding:0;border:1px solid color-mix(in srgb,var(--muted) 26%,transparent);border-radius:11px;background:color-mix(in srgb,var(--surface) 60%,transparent);color:var(--text);cursor:pointer}
.pawket-home .home-effects-button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.card-fx-settings{display:grid;gap:3px;margin:10px 0}
.card-fx-setting{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid var(--line,#ddd3);cursor:pointer}
.card-fx-setting>span{display:grid;gap:4px;min-width:0}
.card-fx-setting strong{font-size:13px;font-weight:700}
.card-fx-setting small{font-size:11px;color:var(--muted);line-height:1.5}
.card-fx-setting input{width:20px;height:20px;flex:none;accent-color:#ec9d20}
.pawket-home .home-deck-shell .home-account[data-stack-depth="0"]{will-change:transform;transform:perspective(1000px) translate3d(0,0,0) rotateX(var(--card-tilt-x,0deg)) rotateY(var(--card-tilt-y,0deg)) scale(var(--card-press-scale,1))!important;transition:transform .43s cubic-bezier(.19,1.25,.26,1),filter .3s ease,box-shadow .33s ease!important;box-shadow:0 17px 32px #0005,0 3px 6px #0002!important}
.pawket-home .home-deck-shell .home-account[data-stack-depth="1"]{transform:translate3d(4px,-14px,0) scale(.975)!important;transition:transform .43s cubic-bezier(.19,1.25,.26,1),filter .3s ease!important}
.pawket-home .home-deck-shell .home-account[data-stack-depth="2"]{transform:translate3d(8px,-25px,0) scale(.95)!important;transition:transform .46s cubic-bezier(.19,1.25,.26,1),filter .33s ease!important}
.pawket-home .home-deck-shell .home-accounts.fx-press.is-card-pressed .home-account[data-stack-depth="0"]{--card-press-scale:.982;box-shadow:0 9px 18px #0004!important}
.pawket-home .home-deck-shell .home-accounts.is-dragging .home-account[data-stack-depth="0"]{transition:none!important;transform:perspective(1000px) translate3d(var(--card-drag-x,0px),0,0) rotateZ(var(--card-drag-angle,0deg)) rotateX(var(--card-tilt-x,0deg)) rotateY(var(--card-tilt-y,0deg)) scale(.995)!important}
.pawket-home .home-deck-shell .home-accounts.is-swipe-exiting .home-account[data-stack-depth="0"]{transform:translate3d(var(--card-exit-x,175px),0,0) rotateZ(var(--card-exit-angle,7deg)) scale(.96)!important;opacity:.04!important;transition:transform .2s cubic-bezier(.32,.7,.2,1),opacity .2s ease!important}
.pawket-home .home-deck-shell .home-account::before{background-image:linear-gradient(112deg,transparent 19%,#ffffff0a 30%,#ffffff44 44%,#ffffff77 50%,#ffffff21 55%,transparent 70%),repeating-linear-gradient(110deg,#ffffff06 0 1px,transparent 1px 5px)!important;background-size:240% 100%,auto!important;mix-blend-mode:screen;opacity:.52}
.pawket-home .home-deck-shell .home-accounts.fx-shine.is-metal-glint .home-account[data-stack-depth="0"]::before{animation:pawketMetalSweep .68s cubic-bezier(.17,.58,.18,1) both!important}
.pawket-home .home-deck-shell .home-account::after{content:""!important;display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border:0!important;border-radius:inherit!important;pointer-events:none!important;z-index:2!important;transform:none!important;opacity:0;background:radial-gradient(circle at var(--shine-x,50%) var(--shine-y,45%),#ffffff36,transparent 48%);transition:opacity .3s ease!important}
.pawket-home .home-deck-shell .home-accounts.fx-tilt .home-account[data-stack-depth="0"]::after{opacity:.38}
.pawket-home .home-deck-shell .home-accounts.fx-holographic .home-account:not(.home-summary-account)[data-stack-depth="0"]::after{opacity:.43;background:linear-gradient(125deg,transparent 16%,#e6ffec24 31%,#e5c2ff37 44%,#f7e6ad42 55%,#a7d8ff2b 67%,transparent 83%),radial-gradient(circle at var(--shine-x,50%) var(--shine-y,45%),#ffffff55,transparent 55%);background-size:180% 180%,100% 100%;background-position:var(--shine-x,50%) var(--shine-y,45%),center;mix-blend-mode:screen}
/* Different textures, always based on the user-selected bank/eWallet palette. */
.pawket-home .home-deck-shell .home-finish-bank::before,.pawket-home .home-deck-shell .home-finish-fixed_deposit::before{opacity:.57}
.pawket-home .home-deck-shell .home-finish-ewallet::before{opacity:.42}
.pawket-home .home-deck-shell .home-finish-cash::before{opacity:.31}
.pawket-home .home-deck-shell .home-summary-account::before{opacity:.29}
@media(max-width:365px){.pawket-home .home-cards-tools{gap:4px}.pawket-home .home-cards-tools .home-effects-button{width:30px;height:30px;min-height:30px}}
@media(prefers-reduced-motion:reduce){
 .pawket-home .home-deck-shell .home-account[data-stack-depth],
 .pawket-home .home-deck-shell .home-account::before,
 .pawket-home .home-deck-shell .home-account::after{transition:none!important;animation:none!important}
 .pawket-home .home-deck-shell .home-account[data-stack-depth="0"]{transform:none!important}
 .pawket-home .home-deck-shell .home-accounts.is-swipe-exiting .home-account[data-stack-depth="0"]{transform:none!important;opacity:1!important}
 .pawket-home .home-deck-shell .home-accounts.fx-holographic .home-account::after{opacity:.1!important}
}

/* END PREMIUM CARD MOTION */

/* BEGIN MORE HUB V3.3 */
/* Pawket V3.3 More Hub: calm, spacious, accessible finance navigation. */
.pawket-more-v33{
 --more-bg:var(--craft-panel,#fff);
 --more-alt:var(--craft-alt,#f3f4f6);
 --more-line:var(--craft-border,#e4e7eb);
 --more-ink:var(--craft-fg,#1a2028);
 --more-muted:var(--craft-muted,#68727c);
 --more-accent:var(--craft-accent,#ad6400);
 color:var(--more-ink);
 width:100%;max-width:100%;min-width:0;box-sizing:border-box;
 padding:6px 0 calc(34px + env(safe-area-inset-bottom,0px));
}
.pawket-more-v33 *, .pawket-more-v33 *::before, .pawket-more-v33 *::after{box-sizing:border-box}
.pawket-more-v33 .more-hub-head{padding:0;display:block;margin:0 0 20px}
.pawket-more-v33 .more-hub-head h1{font-size:clamp(25px,3vw,32px);font-weight:700;letter-spacing:-.7px;line-height:1.2;color:var(--more-ink)}
.pawket-more-v33 .more-hub-head .subtitle{font-size:12px;line-height:1.5;margin:6px 0 0;color:var(--more-muted)}
.pawket-more-v33 .pawket-profile{
 display:flex;align-items:center;gap:14px;min-width:0;width:100%;
 border-radius:18px;border:1px solid var(--more-line);background:var(--more-bg);
 box-shadow:none;text-align:left;padding:16px;margin:0 0 22px;color:var(--more-ink);min-height:84px;
}
.pawket-more-v33 .pawket-profile-avatar{flex:none;width:46px;height:46px;border:1px solid var(--more-line);position:relative}
.pawket-more-v33 .pawket-profile>span:nth-child(2){min-width:0;flex:1;display:grid;gap:4px}
.pawket-more-v33 .pawket-profile strong{font-size:15px;line-height:1.35;font-weight:700;color:var(--more-ink);overflow-wrap:anywhere}
.pawket-more-v33 .pawket-profile small{font-size:11.5px;line-height:1.45;color:var(--more-muted);overflow-wrap:anywhere}
.pawket-more-v33 .pawket-profile>svg{flex:none;color:var(--more-muted)}
.pawket-more-v33 .more-featured{margin:0 0 24px;min-width:0}
.pawket-more-v33 .more-section-header,.pawket-more-v33 .more-group>h2{margin:0 0 12px;padding:0;color:var(--more-muted);font-size:11px;line-height:1.4;font-weight:700;letter-spacing:.65px;text-transform:uppercase}
.pawket-more-v33 .more-section-header h2{font:inherit;color:inherit;margin:0}
.pawket-more-v33 .more-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;min-width:0}
.pawket-more-v33 .more-quick-grid .more-tile{display:flex;flex-direction:column;align-items:flex-start;text-align:left;justify-content:flex-start;gap:11px;min-width:0;min-height:118px;padding:16px;background:var(--more-bg);border:1px solid var(--more-line);border-radius:16px;box-shadow:none}
.pawket-more-v33 .more-quick-grid .more-tile-icon{width:36px;height:36px;min-height:36px;border-radius:11px;background:var(--more-alt);color:var(--more-accent);border:0;box-shadow:none}
.pawket-more-v33 .more-quick-grid .more-tile-icon svg{width:19px;height:19px}
.pawket-more-v33 .more-quick-grid .more-tile-copy{display:grid;gap:3px;width:100%;min-width:0}
.pawket-more-v33 .more-quick-grid .more-tile-label{font-size:13px;font-weight:700;line-height:1.35;min-height:0;color:var(--more-ink);text-align:left}
.pawket-more-v33 .more-quick-grid .more-tile-desc{font-size:10.5px;color:var(--more-muted);line-height:1.3}
.pawket-more-v33 .more-quick-grid .more-tile-arrow{display:none}
.pawket-more-v33 .more-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;margin:0}
.pawket-more-v33 .more-group{
 min-width:0;max-width:100%;border:1px solid var(--more-line);border-radius:18px;
 padding:17px 14px 10px;margin:0 0 18px;background:var(--more-bg);color:var(--more-ink);box-shadow:none;
}
.pawket-more-v33 .more-group>h2{margin:0 4px 10px;color:var(--more-muted)}
.pawket-more-v33 .more-grid{display:flex;flex-direction:column;gap:0;max-width:none;width:100%;min-width:0}
.pawket-more-v33 .more-grid .more-tile{display:flex;flex-direction:row;align-items:center;text-align:left;gap:12px;min-width:0;min-height:67px;width:100%;padding:11px 5px;border:0;border-radius:10px;background:transparent;box-shadow:none;animation:none;transform:none}
.pawket-more-v33 .more-grid .more-tile+.more-tile{border-top:1px solid var(--more-line);border-top-left-radius:0;border-top-right-radius:0}
.pawket-more-v33 .more-grid .more-tile-icon{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;border:0;background:var(--more-alt);color:var(--more-ink);box-shadow:none}
.pawket-more-v33 .more-grid .more-tile-icon svg{width:20px;height:20px;transform:none}
.pawket-more-v33 .more-grid .more-tile-copy{flex:1;display:grid;gap:3px;min-width:0;max-width:100%}
.pawket-more-v33 .more-grid .more-tile-label{display:block;min-height:0;color:var(--more-ink);font-size:13.5px;font-weight:650;line-height:1.35;text-align:left;overflow-wrap:anywhere;word-break:normal}
.pawket-more-v33 .more-grid .more-tile-desc{display:block;font-size:11px;color:var(--more-muted);line-height:1.4;overflow-wrap:anywhere;word-break:normal}
.pawket-more-v33 .more-grid .more-tile-arrow{flex:none;color:var(--more-muted);display:grid;place-items:center;width:18px;height:18px}
.pawket-more-v33 .more-grid .more-tile-arrow svg{width:17px;height:17px}
.pawket-more-v33 .more-tile:hover .more-tile-icon,.pawket-more-v33 .more-tile:active .more-tile-icon{transform:none;background:var(--more-alt);color:var(--more-accent);box-shadow:none}
.pawket-more-v33 .more-tile:hover{background:var(--more-alt)}
.pawket-more-v33 .more-tile:active{transform:scale(.992)}
.pawket-more-v33 :is(.more-tile,.pawket-profile,.pawket-mobile-signout,.pawket-guest-reset-button):focus-visible{outline:2px solid var(--more-accent);outline-offset:2px}
.pawket-more-v33 .pawket-admin-entry{max-width:100%;background:var(--more-bg);border-color:var(--more-line)}
.pawket-more-v33 .pawket-admin-entry .more-tile-icon{color:var(--more-accent)}
.pawket-more-v33 .pawket-more-footer{border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0;padding:13px 2px;margin:14px 0 0}
.pawket-more-v33 .pawket-more-footer-top{gap:10px;min-width:0}
.pawket-more-v33 .pawket-more-footer-logo{width:30px;height:30px;flex:none;opacity:.9}
.pawket-more-v33 .pawket-more-footer-top>div:last-child{min-width:0}
.pawket-more-v33 .pawket-more-footer-top strong{font-size:11px;color:var(--more-ink);font-weight:650}
.pawket-more-v33 .pawket-more-footer-top small{font-size:10px;color:var(--more-muted);overflow-wrap:anywhere}
.pawket-more-v33 .pawket-mobile-session-actions{min-width:0}
.pawket-more-v33 .pawket-mobile-session-note{overflow-wrap:anywhere}
@media(max-width:750px){
 .pawket-more-v33{padding-top:1px;padding-bottom:calc(94px + env(safe-area-inset-bottom,0px))}
 .pawket-more-v33 .more-hub-head{margin-bottom:17px}
 .pawket-more-v33 .pawket-profile{margin-bottom:0;padding:14px;min-height:76px}
 .pawket-more-v33 .pawket-mobile-session-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0 19px;padding:0 2px}
 .pawket-more-v33 .pawket-mobile-session-note{flex:1;min-width:0;font-size:11px}
 .pawket-more-v33 .pawket-mobile-signout{flex:none;min-width:106px;min-height:44px;border:1px solid var(--more-line);background:var(--more-bg);color:var(--more-ink)}
 .pawket-more-v33 .more-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .pawket-more-v33 .more-quick-grid .more-tile{min-height:104px;padding:13px;gap:8px;border-radius:15px}
 .pawket-more-v33 .more-quick-grid .more-tile-label{font-size:12.5px}
 .pawket-more-v33 .more-quick-grid .more-tile-desc{font-size:10px}
 .pawket-more-v33 .more-sections{grid-template-columns:minmax(0,1fr);gap:0}
 .pawket-more-v33 .more-group{padding:15px 11px 8px;margin-bottom:14px;border-radius:17px}
 .pawket-more-v33 .more-grid .more-tile{gap:11px;min-height:66px}
 .pawket-more-v33 .more-grid .more-tile-label{font-size:13px}
 .pawket-more-v33 .more-grid .more-tile-desc{font-size:10.7px}
}
@media(max-width:360px){
 .pawket-more-v33 .more-quick-grid .more-tile{min-height:113px;padding:12px 10px}
 .pawket-more-v33 .more-quick-grid .more-tile-label{font-size:11.6px}
 .pawket-more-v33 .more-quick-grid .more-tile-desc{font-size:9.8px}
 .pawket-more-v33 .pawket-profile{gap:9px;padding:12px}
 .pawket-more-v33 .pawket-profile-avatar{width:41px;height:41px}
 .pawket-more-v33 .pawket-profile strong{font-size:13.5px}
 .pawket-more-v33 .pawket-profile small{font-size:10.5px}
 .pawket-more-v33 .pawket-mobile-session-note{font-size:10px}
 .pawket-more-v33 .more-grid .more-tile{gap:9px}
}
@media(prefers-reduced-motion:reduce){.pawket-more-v33 .more-tile,.pawket-more-v33 .pawket-profile,.pawket-more-v33 .pawket-mobile-signout{transition:none!important;animation:none!important;transform:none!important}}
/* Pre-existing modal controls: reduce horizontal overflow on small Android screens. */
@media(max-width:750px){
 .modal,.select-dialog,.quick-sheet{max-width:calc(100vw - 20px);min-width:0;box-sizing:border-box}
 .modal :is(.form-grid,.field,.modal-body,.modal-actions),.select-dialog :is(.select-results,.select-option){min-width:0;max-width:100%;box-sizing:border-box}
 .modal :is(input,select,textarea){max-width:100%;min-width:0;box-sizing:border-box}
 .modal-actions{gap:8px;flex-wrap:wrap}
 .modal-actions .btn{min-width:0;flex:1 1 125px;max-width:100%;white-space:normal;overflow-wrap:anywhere}
}
/* Dark theme (Midnight · Kuro): cards match the white version (#ffffff) on the #08090b dark shell. */
:root[data-theme="dark"] .pawket-more-v33{
 --more-bg:#ffffff;--more-alt:#fff4df;--more-line:#e1e5ea;
 --more-ink:#171a20;--more-muted:#626b76;--more-accent:#9d5600;
}
:root[data-theme="dark"] .pawket-more-v33 .more-hub-head h1{color:#f8f9fb}
:root[data-theme="dark"] .pawket-more-v33 .more-hub-head .subtitle,
:root[data-theme="dark"] .pawket-more-v33 .more-section-header h2,
:root[data-theme="dark"] .pawket-more-v33 .pawket-mobile-session-note{color:#c1c7d0}
:root[data-theme="dark"] .pawket-more-v33 .pawket-profile,
:root[data-theme="dark"] .pawket-more-v33 .more-group,
:root[data-theme="dark"] .pawket-more-v33 .pawket-admin-entry,
:root[data-theme="dark"] .pawket-more-v33 .more-quick-grid .more-tile,
:root[data-theme="dark"] .pawket-more-v33 .pawket-mobile-signout{
 background:#ffffff!important;border-color:#e1e5ea!important;color:#171a20!important;box-shadow:0 8px 24px #0000001e;
}
:root[data-theme="dark"] .pawket-more-v33 .more-group{
 --text:#171a20;--muted:#626b76;--craft-fg:#171a20;--craft-muted:#626b76;
 --craft-panel:#ffffff;--craft-alt:#f4f6f8;--craft-border:#e1e5ea;
}
:root[data-theme="dark"] .pawket-more-v33 .more-group>h2{color:#945300!important}
:root[data-theme="dark"] .pawket-more-v33 .more-tile-label,
:root[data-theme="dark"] .pawket-more-v33 .more-grid .more-tile-label,
:root[data-theme="dark"] .pawket-more-v33 .more-quick-grid .more-tile-label,
:root[data-theme="dark"] .pawket-more-v33 .pawket-profile strong{color:#171a20!important}
:root[data-theme="dark"] .pawket-more-v33 .more-tile-desc,
:root[data-theme="dark"] .pawket-more-v33 .more-grid .more-tile-desc,
:root[data-theme="dark"] .pawket-more-v33 .more-quick-grid .more-tile-desc,
:root[data-theme="dark"] .pawket-more-v33 .pawket-profile small{color:#626b76!important}
:root[data-theme="dark"] .pawket-more-v33 .more-quick-grid .more-tile-icon,
:root[data-theme="dark"] .pawket-more-v33 .more-grid .more-tile-icon{background:#fff2d9!important;border:1px solid #f3dfbd!important;color:#9d5600!important}
:root[data-theme="dark"] .pawket-more-v33 .more-tile:hover{background:#fff8ec!important}
:root[data-theme="dark"] .pawket-more-v33 .pawket-more-footer,
:root[data-theme="graphite"] .pawket-more-v33 .pawket-more-footer{background:transparent!important;border:0!important;box-shadow:none!important}
:root[data-theme="dark"] body .pawket-more-v33 .pawket-more-footer :is(strong,p,span){color:#f8f9fb!important}
:root[data-theme="dark"] body .pawket-more-v33 .pawket-more-footer small{color:#c1c7d0!important}

/* END MORE HUB V3.3 */

/* V3.4 — aligned mobile & desktop responsive layout, PWA install surface. */
@media(max-width:760px){
 .pawket-edit-details .form-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
 .pawket-edit-details .form-grid .field{min-width:0;width:100%;grid-column:1/-1}
 .pawket-edit-details :is(input,select,textarea){max-width:100%;min-width:0;box-sizing:border-box}
 .pawket-edit-locked-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .pawket-edit-locked-grid>*{min-width:0;overflow-wrap:anywhere}
 .pawket-more-v33 .more-tile-label,.pawket-more-v33 .more-tile-desc{overflow-wrap:anywhere}
 .pwa-install-layer{bottom:calc(78px + env(safe-area-inset-bottom));left:10px;right:10px;z-index:125}
 .pwa-install-card{box-sizing:border-box;max-height:min(70dvh,520px);overflow-y:auto;overscroll-behavior:contain;border-radius:19px;padding:16px}
 .pwa-install-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .pwa-install-controls .btn{min-width:0;white-space:normal}
 .modal,.select-dialog{max-width:calc(100vw - 24px);box-sizing:border-box}
}
@media(min-width:761px){.pawket-edit-details .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pawket-edit-details .form-grid .full{grid-column:1/-1}}
@media(max-width:350px){.pawket-edit-locked-grid{grid-template-columns:minmax(0,1fr)}.pwa-install-head strong{font-size:15px}}
@media(prefers-reduced-motion:reduce){.pwa-install-card{animation:none!important}}

/* V3.4.4 install checker action matches native button sizing. */
.pwa-install-controls .pwa-check-link{display:flex;align-items:center;text-decoration:none;justify-content:center;min-width:0;text-align:center}