:root{--bg: #F4F6F7;--card: #FFFFFF;--teal: #0F766E;--tint: #E6F4F2;--gold: #F2B33D;--gold-tint: #FFF6E0;--income: #15803D;--expense: #C2410C;--fg: #1F2A37;--muted: #5B6B75;--line: #DCE3E6;--track: #E8EEF0;--font: "Mali", "IBM Plex Sans Thai", "Noto Sans Thai", "Leelawadee UI", system-ui, sans-serif;--r-lg: 22px;--r-md: 16px;--r-sm: 12px;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);font-size:16px;-webkit-text-size-adjust:100%}body{min-height:100dvh}button,input,select{font:inherit;color:inherit}a{color:var(--teal)}.num{font-variant-numeric:tabular-nums}.in{color:var(--income)}.out{color:var(--expense)}.muted{color:var(--muted)}:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.app{max-width:560px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column}.page{flex:1;display:flex;flex-direction:column;gap:14px;padding:calc(env(safe-area-inset-top,0px) + 16px) max(16px,env(safe-area-inset-right,0px)) 110px max(16px,env(safe-area-inset-left,0px))}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.topbar h1{margin:0;font-size:22px;font-weight:700}.nav{position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--card);border-top:1px solid var(--line);padding:6px max(8px,env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + 8px) max(8px,env(safe-area-inset-left,0px))}.nav-inner{max-width:560px;margin:0 auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end}.nav a{text-decoration:none;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:2px;font-size:13px;min-height:48px;justify-content:flex-end}.nav a[aria-current=page]{color:var(--fg);font-weight:700}.nav .fab{width:58px;height:58px;border-radius:999px;background:var(--gold);display:flex;align-items:center;justify-content:center;margin-top:-26px;box-shadow:0 4px 14px #f2b33d73}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px}.seg{display:flex;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:3px}.seg button{border:0;background:transparent;border-radius:999px;padding:7px 14px;font-size:14px;font-weight:600;cursor:pointer;min-height:36px}.seg button[aria-pressed=true]{background:var(--teal);color:#fff}.month{display:flex;align-items:center;gap:2px}.iconbtn{border:0;background:transparent;width:40px;height:40px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.iconbtn:hover{background:var(--track)}.btn{border:1px solid var(--line);border-radius:14px;background:var(--card);min-height:44px;padding:0 16px;font-size:15px;font-weight:600;cursor:pointer}.btn.primary{background:var(--gold);border-color:var(--gold)}.btn.teal{background:var(--teal);border-color:var(--teal);color:#fff}.btn:disabled{opacity:.55;cursor:default}.chip{display:inline-block;font-size:14px;font-weight:600;background:var(--tint);border-radius:999px;padding:4px 12px}.chip.warn{background:var(--gold-tint)}.field{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}.field input,.field select,.search input,select.input{border:1px solid var(--line);border-radius:14px;background:var(--card);min-height:48px;padding:0 14px;font-size:16px;font-weight:400}.search{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:0 12px}.search input{border:0;flex:1;min-height:44px;padding:0;outline:none}.err{color:var(--expense);font-size:14px;margin:0}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom,0px) + 96px);z-index:30;background:var(--fg);color:#fff;border-radius:14px;padding:10px 16px;font-size:15px;max-width:calc(100vw - 32px)}.hero{display:flex;gap:12px;align-items:center}.hero img{width:96px;height:110px;object-fit:contain;flex:none}.hero .big{margin:0;font-size:30px;font-weight:700;line-height:1.15;color:var(--teal)}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tile{text-decoration:none;color:var(--fg);background:var(--card);border:1px solid var(--line);border-radius:18px;padding:12px;display:flex;flex-direction:column;gap:2px}.tile b{font-size:22px}.tile span{font-size:14px}.bar{height:12px;background:var(--track);border-radius:999px;overflow:hidden}.bar>div{height:100%;border-radius:999px}.rows{display:flex;flex-direction:column;gap:8px}.row{display:flex;align-items:center;gap:12px;background:var(--card);border-radius:var(--r-md);padding:10px 12px}.row .dot{width:40px;height:40px;border-radius:12px;background:var(--tint);flex:none;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--teal);font-size:13px}.row .name{flex:1;min-width:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}h2{margin:4px 0 0;font-size:17px}.group{display:flex;flex-direction:column;gap:8px}.group .head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.group .payee{font-weight:700;min-width:0;overflow-wrap:anywhere}.group .actions{display:flex;gap:8px;flex-wrap:wrap}.group .actions .btn.primary{flex:1}.items{display:flex;flex-direction:column;border-top:1px solid var(--line);margin-top:4px}.login{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px max(16px,env(safe-area-inset-right,0px)) 24px max(16px,env(safe-area-inset-left,0px))}.login form{width:100%;max-width:380px;display:flex;flex-direction:column;gap:14px}.login .brand{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.login .brand img{width:120px;height:120px}.login .brand h1{margin:0;font-size:26px}.soon{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:40px 16px}.soon img{width:140px}@media (min-width: 900px){.app,.nav-inner{max-width:760px}}.form{display:flex;flex-direction:column;gap:12px}.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.field select,.field input{width:100%;min-width:0}.field input.amount{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}.line-head{display:flex;justify-content:space-between;align-items:center}.linkbtn{border:0;background:none;color:var(--expense);font-weight:600;font-size:14px;cursor:pointer;padding:8px 4px}.btn.danger{background:var(--expense);border-color:var(--expense);color:#fff}.seg-wide{width:100%}.seg-wide button{flex:1}.sum{display:grid;grid-template-columns:1fr auto;gap:4px 12px;margin:0;font-size:15px}.sum dt{color:var(--muted)}.sum dd{margin:0;text-align:right}.sum .total{font-weight:700;color:var(--fg);font-size:17px;padding-top:6px;border-top:1px solid var(--line)}.sum dd.total.out{color:var(--expense)}.sum dd.total.in{color:var(--income)}@media (max-width: 360px){.two{grid-template-columns:1fr}}.cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.cal-h{text-align:center;font-size:12px;color:var(--muted);font-weight:600;padding-bottom:4px}.cal-d{border:0;background:transparent;border-radius:12px;min-height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:14px;font-weight:600;cursor:pointer}.cal-d:hover{background:var(--track)}.cal-d.today{background:var(--gold-tint)}.cal-d.on{background:var(--teal);color:#fff}.cal-d .dots{display:flex;gap:2px;height:6px}.cal-d .dots i{width:6px;height:6px;border-radius:999px;display:block}.rowbtn{border:0;width:100%;font:inherit;color:inherit;cursor:pointer}.rowbtn:hover{background:var(--tint)}.menu{display:flex;flex-direction:column}.menu a{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:14px 4px;color:var(--fg);text-decoration:none;font-weight:600;border-bottom:1px solid var(--track)}.menu a:last-child{border-bottom:0}.menu a span{color:var(--muted);font-weight:400;font-size:14px}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#1f2a3759;display:flex;justify-content:center;align-items:flex-end}.sheet{background:var(--bg);width:100%;max-width:760px;max-height:100dvh;overflow-y:auto;border-radius:22px 22px 0 0;display:flex;flex-direction:column;gap:12px;padding:0 max(16px,env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + 20px) max(16px,env(safe-area-inset-left,0px))}.sheet-top{position:sticky;top:0;background:var(--bg);z-index:1;padding:calc(env(safe-area-inset-top,0px) + 12px) 0 8px}.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}@media (max-width: 420px){.three{grid-template-columns:1fr 1fr}.three>:last-child{grid-column:1 / 3}}@media (min-width: 761px){.sheet-backdrop{align-items:center}.sheet{border-radius:22px;max-height:92dvh}}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--card);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230F766E' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:38px!important}select:focus,input:focus{outline:none;border-color:var(--teal)!important;box-shadow:0 0 0 3px var(--tint)}.btn.small{min-height:38px;font-size:14px;padding:0 12px}.btn.icon{display:inline-flex;align-items:center;gap:6px}.ico{display:inline-block;flex:none;object-fit:contain;vertical-align:middle}.cat-ico{display:inline-flex;align-items:center;justify-content:center;flex:none;border-radius:12px;background:var(--tint);color:var(--teal);font-weight:700;overflow:hidden}.cat-ico img{width:100%;height:100%;object-fit:contain}.src{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:13px;min-width:0;overflow-wrap:anywhere}.group{gap:10px;padding:14px}.g-pick{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}.g-pick select{border:1px solid var(--line);border-radius:12px;min-height:44px;padding:0 12px;font-size:15px;width:100%;min-width:0}.g-meta{display:flex;justify-content:space-between;gap:8px;font-size:13px;color:var(--muted);flex-wrap:wrap}.g-meta .hint{color:var(--teal);font-weight:600}.items{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--line);padding-top:10px;margin-top:2px}.item{border:1px solid var(--line);border-radius:14px;padding:10px 12px;display:flex;flex-direction:column;gap:8px;background:var(--card)}.item-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:14px}.item-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:8px}.item-row input,.item-row select{border:1px solid var(--line);border-radius:12px;background-color:var(--card);min-height:40px;padding:0 12px;font-size:14px;width:100%;min-width:0}.item-actions{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}@media (max-width: 560px){.item-row{grid-template-columns:1fr}}@media (min-width: 700px){.group{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px}.group>.head,.group>.g-meta,.group>.items{grid-column:1 / 3}.group>.actions{flex-wrap:nowrap}.item{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:8px}.item-top{grid-column:1 / 3}.item-actions{flex-wrap:nowrap;align-self:center}}.cat-ico.has-img{background:transparent}.cat-ico.pickable{border:0;padding:0;cursor:pointer;font:inherit}.cat-ico.pickable:hover{box-shadow:0 0 0 2px var(--teal)}.tabs{flex:none;display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.tabs button{flex:none;border:1px solid var(--line);background:var(--card);border-radius:999px;padding:6px 14px;font-size:14px;font-weight:600;cursor:pointer;min-height:36px}.tabs button[aria-selected=true]{background:var(--teal);border-color:var(--teal);color:#fff}.sticker-grid{flex:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}.sticker-head{grid-column:1 / -1;font-size:13px;font-weight:700;color:var(--muted);padding-top:6px}.sticker-tile{border:1px solid var(--line);background:var(--card);border-radius:16px;padding:10px 6px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;font-size:12px;text-align:center;line-height:1.25;min-height:96px}.sticker-tile:hover{border-color:var(--teal)}.sticker-tile.on{border:2px solid var(--teal);background:var(--tint)}.tile-list{display:flex;flex-direction:column;padding:4px 12px}.tile-row{display:flex;align-items:center;gap:12px;padding:10px 0;border:0;border-bottom:1px solid var(--track);background:none;font:inherit;color:inherit;text-align:left;cursor:pointer;width:100%}.tile-row:last-child{border-bottom:0}.tile-row .t-name{flex:1;min-width:0;font-weight:600;display:flex;flex-direction:column}.tile-row .t-name small{font-weight:400;color:var(--muted);font-size:13px}.filters{display:grid;grid-template-columns:auto repeat(3,minmax(0,1fr));gap:8px;align-items:center}.filters select{border:1px solid var(--line);border-radius:12px;min-height:40px;padding:0 12px;font-size:14px;width:100%;min-width:0}.filters .month .btn{min-width:104px}@media (max-width: 640px){.filters{grid-template-columns:repeat(3,minmax(0,1fr))}.filters .month{grid-column:1 / -1;justify-content:center}}.day{display:flex;flex-direction:column;gap:6px}.day-h{font-size:14px;color:var(--muted);margin:6px 4px 0;font-weight:600}.tile-row .t-title,.tile-row .t-name small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.t-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex:none}.pill{font-size:11px;font-weight:700;color:#8a5a00;background:var(--gold-tint);border-radius:999px;padding:1px 8px}.wsum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.wsum div{display:flex;flex-direction:column;gap:2px;min-width:0}.wsum span{font-size:13px}.wsum b{font-size:clamp(14px,4.2vw,19px);white-space:nowrap}@media (max-width: 380px){.wsum{grid-template-columns:1fr 1fr}.wsum div:last-child{grid-column:1 / -1}}.chk.ok{color:var(--income)}.chk.bad{color:var(--expense);font-weight:600}.chk.warn{color:#8a5a00}.chk.none{color:var(--muted)}.wlink{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--fg);padding:12px 16px}.wlink>span:not(:last-child){flex:1;display:flex;flex-direction:column;min-width:0}.wlink .muted{font-size:13px}.wlink b{font-size:17px}.tile-row.closed{opacity:.6}.defaults{display:flex;flex-direction:column;gap:10px;border:1px dashed var(--line);border-radius:14px;padding:12px}.op-input{width:130px;flex:none;border:1px solid var(--line);border-radius:12px;min-height:42px;padding:0 12px;text-align:right;font-size:15px;background:var(--card)}.op-fields{display:flex;flex-direction:column;gap:6px;flex:none}.op-fields .op-input{width:150px}@media (min-width: 640px){.op-fields{flex-direction:row}}.search{min-width:0}.search input{min-width:0;width:100%}.nav-stk{width:30px;height:30px;object-fit:contain;filter:saturate(.55);opacity:.8;transition:transform .15s}.nav-stk.on{filter:none;opacity:1;transform:scale(1.12)}@media (prefers-reduced-motion: reduce){.nav-stk{transition:none}}.btn .ico{width:20px;height:20px}.viewbar{position:sticky;top:env(safe-area-inset-top,0px);z-index:15;display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--card);border-bottom:1px solid var(--line);padding:8px max(16px,env(safe-area-inset-right,0px)) 8px max(16px,env(safe-area-inset-left,0px))}.viewbar .vb-label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);min-width:0}.viewbar .vb-label b{color:var(--fg)}.viewbar .vb-dot{width:10px;height:10px;border-radius:999px;background:var(--teal);flex:none}.viewbar.mine{background:var(--gold-tint);border-bottom-color:#f2d48a}.viewbar.mine .vb-dot{background:var(--gold);box-shadow:0 0 0 3px #f2b33d4d}.viewbar .seg button{padding:5px 12px;min-height:32px;font-size:13px}.app>.page{padding-top:14px}.src .from{display:inline-flex;align-items:center;gap:4px;font-weight:600;color:var(--fg);white-space:nowrap}.src .from .cat-ico{flex:none}.g-from{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 2px}.chip-src{display:inline-flex;align-items:center;gap:4px;padding:2px 8px 2px 4px;border:1px solid var(--line);border-radius:999px;font-size:12px;color:var(--fg);background:var(--card);white-space:nowrap}.src{flex-wrap:wrap;row-gap:2px}.src>span:last-child{flex:1 1 100%;min-width:0}button.chip-src{cursor:pointer;font:inherit;font-size:12px;min-height:28px}button.chip-src:hover{border-color:var(--teal)}.chip-src>.ico:last-child{opacity:.75}.src .from{font-weight:600}.stmt-file{font-size:12px;overflow-wrap:anywhere}.stmt-sum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 12px}.stmt-sum>div{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:13px}.stmt-sum b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stmt-lines{padding:4px 0}.stmt-line{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;padding:9px 14px;border-top:1px solid var(--line);font-size:13px;align-items:start}.stmt-line:first-child{border-top:0}.stmt-line.on{background:var(--gold-tint);box-shadow:inset 4px 0 0 var(--gold)}.sl-date{white-space:nowrap}.sl-desc{display:flex;flex-direction:column;gap:2px;overflow-wrap:anywhere;min-width:0}.sl-desc small{color:var(--muted);font-size:11px}.sl-desc small.pend{color:var(--gold-ink, #9a6b00)}.sl-amt{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.sl-amt small{font-size:11px}@media (max-width: 380px){.stmt-sum{grid-template-columns:repeat(2,minmax(0,1fr))}}.stmt-sum>.wide{grid-column:1 / -1;flex-direction:row;justify-content:space-between;align-items:baseline}.sl-date{min-width:4.8em}.wht-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.wht-sum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.wht-sum>div{display:flex;flex-direction:column;gap:3px;min-width:0}.wht-sum .muted{font-size:13px}.wht-sum b{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wht-sum .gold-num{color:#9a6400}.wht-sum .bar{height:6px;margin-top:4px}.wht-sum .bar i{display:block;height:100%;background:var(--teal);border-radius:999px}.wht-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.check{display:inline-flex;align-items:center;gap:6px;font-size:14px;cursor:pointer}.check input,.wl-check input{width:20px;height:20px;accent-color:var(--teal)}.wht-list{padding:4px 0}.wc{border-top:1px solid var(--line)}.wc:first-child{border-top:0}.wc-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;width:100%;border:0;background:none;font:inherit;color:inherit;text-align:left;padding:12px 16px;cursor:pointer}.wc-row:hover,.wc.open .wc-row{background:var(--tint)}.wc-name,.wl-main{display:flex;flex-direction:column;gap:2px;min-width:0}.wc-name b{overflow-wrap:anywhere}.wc-name small,.wl-main small{font-size:12px;overflow-wrap:anywhere}.wc-amt,.wl-amt{display:flex;flex-direction:column;align-items:flex-end;gap:1px}.wc-amt small,.wl-amt small{font-size:11px;white-space:nowrap}.pill.ok{background:var(--tint);color:var(--teal)}.wc-lines{background:var(--bg);padding:4px 0 8px}.wc-act{display:flex;gap:8px;flex-wrap:wrap;padding:8px 16px}.wl{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 16px;border-top:1px solid var(--line)}.wht-list>.wl:first-child{border-top:0}.wl.got .wl-amt b{color:var(--teal)}.wl-top{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:14px}.wl-check{display:flex;padding:4px;cursor:pointer}.wc-total{display:flex;justify-content:space-between;padding:12px 16px;border-top:2px solid var(--line)}.table-wrap{padding:0;overflow-x:auto}.wht-table{width:100%;border-collapse:collapse;font-size:14px}.wht-table th,.wht-table td{padding:10px 8px;border-top:1px solid var(--line);text-align:left;white-space:nowrap}.wht-table thead th{border-top:0;color:var(--muted);font-weight:600;font-size:13px}.wht-table tfoot td{font-weight:700;border-top:2px solid var(--line)}.r{text-align:right!important}.print-only{display:none}@media (max-width: 420px){.wht-sum b{font-size:15px}.wht-filters{grid-template-columns:1fr 1fr}.wht-filters select:last-child{grid-column:1 / -1}}@media print{@page{size:A4 landscape;margin:12mm}body{background:#fff!important}.viewbar,.bottom-nav,nav.nav,.no-print,.wht-list,.table-wrap,.wht-tools{display:none!important}.app>*:not(.page){display:none!important}.page{padding:0!important;max-width:none!important;gap:8px!important}.wht,.wht *{font-family:Sarabun,TH Sarabun New,sans-serif!important;color:#000!important}.print-only{display:block}.print-head h1{font-size:18pt;margin:0 0 4px}.print-head div{font-size:11pt}.wht-sum{border:1px solid #999;border-radius:0;padding:8px 12px;break-inside:avoid}.wht-sum b{font-size:12pt}.wht-sum .bar{display:none}table.print-table{display:table;width:100%;border-collapse:collapse;font-size:10pt}.print-table th,.print-table td{border:1px solid #999;padding:3px 6px;vertical-align:top}.print-table thead{display:table-header-group}.print-table tfoot{display:table-row-group}.print-table tr{break-inside:avoid}.print-table tr.sub td,.print-table tfoot td{font-weight:700;background:#f2f2f2}}.bk-card{display:flex;flex-direction:column;gap:12px}.bk-head{display:flex;gap:12px;align-items:flex-start}.bk-head>div{display:flex;flex-direction:column;gap:3px;min-width:0}.bk-head small{font-size:13px;line-height:1.5}.bk-note{margin:0;font-size:13px}.ok{color:var(--income);font-size:14px;margin:0;font-weight:600;overflow-wrap:anywhere}.imp-drop{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;border:2px dashed var(--line);padding:22px 16px}.imp-drop.over{border-color:var(--teal);background:var(--tint)}.imp-drop small{font-size:12px}.imp-card{display:flex;flex-direction:column;gap:12px}.imp-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.imp-file{display:flex;flex-direction:column;gap:2px;min-width:0}.imp-file b{overflow-wrap:anywhere}.imp-pw{display:flex;flex-direction:column;gap:10px}.imp-sum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 12px;background:var(--bg);border-radius:var(--r-sm);padding:12px}.imp-checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:14px}.imp-checks .ok{color:var(--income)}.imp-checks .bad{color:var(--expense);font-weight:600}.imp-checks .warn{color:#8a5a00}.warn-line{margin:0;font-size:14px;color:#8a5a00;background:var(--gold-tint);border-radius:10px;padding:8px 12px}.imp-lines{max-height:420px;overflow-y:auto;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card)}.stmt-line.had{opacity:.5}.imp-recent{display:flex;flex-direction:column}.imp-r{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.imp-r:first-child{border-top:0}.imp-r-main{display:flex;flex-direction:column;gap:2px;min-width:0}.imp-r-main small{font-size:12px}.sec-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px}button.link{border:0;background:none;color:var(--teal);font:inherit;font-size:14px;font-weight:600;cursor:pointer;padding:4px 0;align-self:flex-start}a.btn{display:inline-flex;align-items:center;text-decoration:none;color:inherit}.mascot-name{color:var(--income);font-weight:700}