:root{--bg:#f6f8f5;--panel:#fff;--text:#131713;--muted:#7b837a;--line:#e7ebe4;--green:#2f80ed;--green-dark:#1d67d6;--green-soft:#eaf3ff;--red:#ed646e;--red-soft:#fff0f2;--amber:#ffad32;--shadow:0 16px 40px rgba(40,55,35,.07);--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:14px}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:232px;background:#fff;border-right:1px solid var(--line);padding:20px 14px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow:auto}.brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:800;padding:2px 10px 20px}.brand-mark{width:38px;height:38px;border-radius:14px;background:var(--green);display:grid;place-items:center;color:#fff}.sidebar nav{display:grid;gap:4px}.sidebar nav a,.sidebar-bottom a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:13px;color:#646d63}.sidebar nav a i,.sidebar-bottom a i{width:18px;text-align:center}.sidebar nav a:hover,.sidebar nav a.active{background:#edf4ff;color:#1d4ed8}.sidebar nav a.active{font-weight:700}.sidebar-bottom{margin-top:auto;padding-top:16px}.main-area{flex:1;min-width:0;padding:18px 28px 96px;max-width:1600px;margin:0 auto}.app-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.greeting{display:flex;align-items:center;gap:10px}.greeting span{display:block;color:#8a9188;font-size:12px}.greeting strong{display:block;margin-top:2px;font-size:14px}.avatar-sm{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#eaf3ff;color:#1d67d6;font-weight:800}.top-actions{display:flex;gap:7px}.top-actions a,.circle-add{width:38px;height:38px;border:1px solid var(--line);background:#fff;border-radius:50%;display:grid;place-items:center;color:#4f574f}.page-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.page-heading h1{margin:3px 0 0;font-size:26px;letter-spacing:-.7px}.eyebrow,.kicker{font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:#8c948a;margin:0}.circle-add{background:var(--green);color:#fff;border-color:var(--green)}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.section-head.compact{margin:0 0 14px}.section-head h2,.card h2{margin:0;font-size:19px;letter-spacing:-.35px}.section-head a{font-size:12px;color:#2563eb}.pill{display:inline-flex;align-items:center;border-radius:999px;background:#f5f8fd;padding:6px 10px;font-size:11px;color:#697168}.grow{flex:1;min-width:0}.empty{padding:28px 8px;text-align:center;color:#8b9289;font-size:13px}.toast{padding:12px 14px;border-radius:14px;margin:0 0 16px;transition:.25s}.toast.success{background:#eef5ff;color:#1d4ed8}.toast.error{background:#fff0f1;color:#ad3541}.toast.hide{opacity:0;transform:translateY(-4px)}
/* Dashboard */.dashboard-grid{display:grid;grid-template-columns:minmax(250px,1fr) minmax(380px,1.28fr) minmax(250px,1fr);gap:18px;align-items:start}.side-preview{min-height:610px}.account-preview h2,.budget-preview h2{font-size:20px;margin-top:3px}.account-list{display:grid;gap:10px}.account-row{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid var(--line)}.account-row:last-child{border-bottom:0}.account-row.large{padding:13px 4px}.provider-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:#eef5ff;color:#2563eb;flex:none}.account-row b{display:block;font-size:13px}.account-row small,.txn-item small,.asset-row small,.debt-row small,.bill-row small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.account-row strong{font-size:13px}.outline-action{margin-top:16px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:15px;padding:12px;font-size:13px}.phone-home{display:grid;gap:14px}.balance-card{padding:22px;min-height:165px;position:relative;overflow:hidden;box-shadow:0 12px 35px rgba(30,45,27,.05)}.balance-top{display:flex;justify-content:space-between;color:#8b938a;font-size:11px;letter-spacing:.08em}.balance-number{font-size:31px;font-weight:800;letter-spacing:-1.3px;margin-top:15px}.balance-foot{display:flex;justify-content:space-between;align-items:end;margin-top:18px;font-size:11px;color:#8a9188}.balance-foot b{color:var(--text);font-size:12px}.wallet-watermark{position:absolute;right:18px;bottom:-6px;font-size:72px;color:#eef1ec}.primary-actions{display:grid;grid-template-columns:1fr 1fr 48px;gap:10px}.primary-actions>a{height:46px;background:#fff;border:1px solid var(--line);border-radius:18px;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:600;font-size:12px}.primary-actions .plus,.primary-actions .minus{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#eaf3ff;color:#2563eb}.primary-actions .minus{background:#fff2f3;color:#e05863}.primary-actions .mini-grid{background:var(--green);color:#fff;border-color:var(--green)}.spending-card{padding:17px 18px}.section-head.compact small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.mini-bars{height:104px;display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:10px;padding-top:10px}.bar-col{display:flex;flex-direction:column;align-items:center;justify-content:end;gap:6px;height:100%}.bar-col .bar{width:16px;border-radius:10px;background:#cfe2ff;transition:.2s}.bar-col .bar.today{background:var(--green-dark)}.bar-col span{font-size:9px;color:#818a80}.recent-card{padding:17px 18px}.txn-list{display:grid}.txn-item{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.txn-item:last-child{border-bottom:0}.txn-icon{width:36px;height:36px;border-radius:12px;background:#f3f5f1;display:grid;place-items:center;color:#626b61;flex:none}.txn-item b{font-size:12px}.amount{font-size:12px;white-space:nowrap}.amount.income,.positive{color:#1f9d55}.amount.expense,.negative{color:#d84955}.budget-preview{text-align:left}.health-ring{width:166px;height:166px;margin:4px auto 18px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) calc(var(--p)*1%),#f0f2ee 0);position:relative}.health-ring:before{content:"";position:absolute;inset:13px;background:#fff;border-radius:50%}.health-ring>div{position:relative;z-index:1;text-align:center}.health-ring strong{display:block;font-size:28px}.health-ring small{font-size:10px;color:var(--muted)}.period-tabs{display:flex;justify-content:space-between;border-bottom:2px solid #d9e8ff;padding:12px 0 8px;margin-bottom:8px;font-size:11px}.budget-mini{padding:12px 0;border-bottom:1px solid var(--line)}.budget-mini>div:first-child{display:flex;justify-content:space-between;font-size:12px}.progress{height:7px;background:#eef1ec;border-radius:999px;overflow:hidden;margin:8px 0}.progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green),#a7dd48)}.budget-mini small{color:var(--muted);font-size:10px}.due-banner{margin-top:14px;background:#fff8e9;border:1px solid #ffe2a6;border-radius:15px;padding:11px;display:flex;align-items:center;gap:10px;color:#945d07}.due-banner small{display:block;color:#a67a35;font-size:10px;margin-top:2px}.smart-strip{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.smart-strip>a{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 16px;display:flex;align-items:center;gap:12px}.smart-strip>a>i:first-child{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:var(--green-soft);color:#2563eb}.smart-strip span{flex:1}.smart-strip b{display:block;font-size:12px}.smart-strip small{display:block;color:var(--muted);font-size:10px;margin-top:3px}
/* Layout / forms */.page-two-col,.receipt-layout,.assistant-layout,.calendar-layout,.charts-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,.8fr);gap:18px;align-items:start}.sticky-card{position:sticky;top:18px}.filter-chips{display:flex;gap:7px;flex-wrap:wrap}.filter-chips a,.filter-chips span,.period-tabs span{font-size:11px;padding:7px 10px;border-radius:999px;background:#f5f8fd;color:#737b72}.filter-chips .active,.period-tabs .active{background:var(--green);color:#fff}.account-group{margin-top:18px}.account-group h3{font-size:12px;color:#777f76;margin:0 0 2px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:16px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field>span{font-size:11px;color:#626a61;font-weight:600}.field input,.field select,.field textarea,.searchbar input{width:100%;border:1px solid #dfe5dc;background:#fff;border-radius:13px;padding:12px 13px;outline:none;font-size:13px}.field textarea{min-height:96px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#7db3ff;box-shadow:0 0 0 3px rgba(47,128,237,.14)}.btn{border:0;border-radius:14px;padding:12px 15px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600}.btn.primary{background:var(--green);color:#fff}.btn.secondary{background:#f5f8fd;color:#444d43}.btn.wide{width:100%;margin-top:16px}.btn:disabled{opacity:.5;cursor:not-allowed}.form-card{max-width:760px;margin:0 auto}.type-switch{display:grid;grid-template-columns:1fr 1fr;background:#f5f8fd;padding:4px;border-radius:16px;margin-bottom:18px}.type-switch a{padding:10px;border-radius:12px;text-align:center;font-size:12px}.type-switch a.active{background:#edf4ff;color:#2563eb}.type-switch a.active.danger{background:#fff0f2;color:#d84e59}.amount-input{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:8px 0 18px}.amount-input span{font-size:17px;color:#7a8279}.amount-input input{border:0;outline:0;font-size:34px;font-weight:800;min-width:0;width:100%;background:transparent}.form-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.transfer-icon{width:58px;height:58px;border-radius:20px;background:var(--green-soft);display:grid;place-items:center;color:#2563eb;font-size:20px;margin-bottom:10px}
/* Budget/goals */.budget-item,.goal-card{padding:16px 0;border-bottom:1px solid var(--line)}.budget-item:last-child,.goal-card:last-child{border-bottom:0}.budget-top{display:flex;justify-content:space-between;gap:10px}.budget-top b{font-size:13px}.budget-top small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.budget-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.mini-stat{background:#fff;border:1px solid var(--line);border-radius:18px;padding:15px}.mini-stat span{display:block;color:var(--muted);font-size:10px}.mini-stat strong{display:block;font-size:18px;margin-top:5px}.chart-wrap{height:270px}
/* Lists */.asset-list,.debt-list,.bill-list{display:grid}.asset-row,.debt-row,.bill-row{display:flex;align-items:center;gap:11px;padding:14px 0;border-bottom:1px solid var(--line)}.asset-row:last-child,.debt-row:last-child,.bill-row:last-child{border-bottom:0}.asset-row .right{text-align:right}.asset-row .right strong{display:block;font-size:12px}.round-icon{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:#f3f5f1}.round-icon.payable{color:#d94a55;background:#fff0f2}.round-icon.receivable{color:#1f9d55;background:#ecfdf3}.tiny-btn{padding:6px 9px;border-radius:9px;background:#ecfdf3;color:#1f9d55;font-size:10px}.date-box{width:44px;height:48px;border-radius:12px;background:#f5f8fd;display:grid;place-items:center;padding:4px}.date-box b{font-size:15px}.date-box span{font-size:8px;color:var(--muted);margin-top:-4px}.bill-row.urgent .date-box{background:#fff1e6;color:#d96a17}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:16px}.category-chip{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:14px;padding:11px}.category-chip i{width:30px;height:30px;border-radius:10px;background:#ecfdf3;color:#2563eb;display:grid;place-items:center}.category-chip b{display:block;font-size:11px}.category-chip small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.searchbar{display:flex;align-items:center;gap:8px;background:#f5f8fd;border-radius:15px;padding:3px 4px 3px 12px;margin:15px 0}.searchbar input{background:transparent;border:0;padding:10px 6px}.searchbar button{border:0;border-radius:12px;background:#fff;padding:9px 12px;color:#697267}.txn-list.full .txn-item{padding:14px 2px}.trash{color:#c9ceca;padding:6px}.trash:hover{color:#dc4f59}
/* Calendar */.calendar-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.calendar-stats>div{border:1px solid var(--line);border-radius:14px;padding:11px}.calendar-stats span{display:block;color:var(--muted);font-size:9px}.calendar-stats b{display:block;margin-top:4px;font-size:13px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.dow{text-align:center;font-size:9px;color:#959c94;padding:5px}.cal-day{aspect-ratio:1;border-radius:10px;background:#f6f7f5;padding:7px;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.cal-day b{font-size:10px}.cal-day small{font-size:7px;color:#6b736a}.level-1{background:#f4ebed}.level-2{background:#f7dfe2}.level-3{background:#f4c7cc}.level-4{background:#ee9da5}.level-5{background:#e96c77;color:#fff}.level-5 small{color:#fff}.heat-legend{display:flex;justify-content:flex-end;align-items:center;gap:5px;margin-top:12px;font-size:8px;color:var(--muted)}.heat-legend i{width:12px;height:12px;border-radius:4px}.calendar-layout aside h2{font-size:28px;margin:8px 0 18px}.simple-metric{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:11px}
/* Assistant */.assistant-card{min-height:610px;display:flex;flex-direction:column}.assistant-hero{display:flex;gap:12px;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--line)}.assistant-logo{width:46px;height:46px;border-radius:16px;background:var(--green);color:#fff;display:grid;place-items:center}.assistant-hero h2{margin:2px 0 4px}.assistant-hero small{color:var(--muted);font-size:10px}.chat-messages{flex:1;min-height:390px;max-height:520px;overflow:auto;padding:16px 2px;display:flex;flex-direction:column;gap:9px}.chat-bubble{max-width:82%;padding:11px 13px;border-radius:17px;font-size:12px;line-height:1.5;background:#f3f5f1;align-self:flex-start}.chat-bubble.user{background:var(--green);color:#fff;align-self:flex-end;border-bottom-right-radius:5px}.chat-bubble.bot{border-bottom-left-radius:5px}.chat-bubble.loading{color:#8d958c}.chat-compose{display:grid;grid-template-columns:42px 1fr 42px;gap:8px;padding-top:10px;border-top:1px solid var(--line)}.chat-compose input{border:1px solid var(--line);border-radius:14px;padding:11px 12px;outline:none}.voice-btn,.send-btn{border:0;border-radius:14px;background:#f3f7fd;color:#2563eb;cursor:pointer}.send-btn{background:var(--green);color:#fff}.voice-btn.listening{animation:pulse 1s infinite;background:#fff0f2;color:#e1535e}@keyframes pulse{50%{transform:scale(.92)}}.voice-status{font-size:9px;color:var(--muted);margin-top:6px;text-align:center}.prompt-list{display:grid;gap:8px;margin-top:12px}.prompt-list button{border:1px solid var(--line);background:#fff;border-radius:13px;padding:11px;text-align:left;font-size:11px;cursor:pointer}.note-box{display:flex;gap:10px;background:#f7faff;border-radius:14px;padding:12px;margin-top:16px}.note-box>i{color:#2563eb}.note-box b{display:block;font-size:11px}.note-box small{display:block;color:var(--muted);font-size:9px;margin-top:3px;line-height:1.45}
/* Receipt */.scan-zone{border:1.5px dashed #cad2c5;border-radius:18px;min-height:330px;display:grid;place-items:center;overflow:hidden;background:#fafbf9;margin-bottom:12px}.scan-zone label{text-align:center;display:grid;gap:7px;cursor:pointer;padding:28px}.scan-zone label i{font-size:30px;color:#2f80ed}.scan-zone label b{font-size:13px}.scan-zone label span{font-size:10px;color:var(--muted)}.scan-zone img{width:100%;max-height:460px;object-fit:contain}.ocr-progress{min-height:18px;text-align:center;color:#6f776e;font-size:10px;margin-top:8px}
/* Auth */.auth-body{min-height:100vh;display:grid;place-items:center;padding:20px;background:#f6f8f5}.auth-card{width:min(420px,100%);background:#fff;border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:var(--shadow)}.auth-brand{display:flex;align-items:center;gap:9px;margin-bottom:24px}.auth-card h1{font-size:26px;margin:0}.auth-card>p{color:var(--muted);font-size:12px;margin:6px 0 20px}.auth-card form{display:grid;gap:13px}.auth-card>small{display:block;text-align:center;color:var(--muted);margin-top:16px}.auth-card>small a{color:#1d67d6;font-weight:600}
.mobile-nav{display:none}
@media(max-width:1180px){.dashboard-grid{grid-template-columns:1fr 1.25fr}.budget-preview{grid-column:1/-1;min-height:0}.health-ring{float:left;margin-right:22px}.sidebar{width:210px}.main-area{padding-left:20px;padding-right:20px}}
@media(max-width:900px){.sidebar{display:none}.main-area{padding:16px 14px 88px;width:100%}.dashboard-grid,.page-two-col,.receipt-layout,.assistant-layout,.calendar-layout,.charts-grid{grid-template-columns:1fr}.side-preview{min-height:0}.account-preview,.budget-preview{display:none}.sticky-card{position:static}.smart-strip{grid-template-columns:1fr 1fr}.mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:8px 8px calc(9px + env(safe-area-inset-bottom));z-index:50}.mobile-nav>a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#7a8279;font-size:9px}.mobile-nav>a i{font-size:17px}.mobile-nav>a.active{color:#1d67d6}.mobile-nav .mobile-add{width:50px;height:50px;background:var(--green);color:#fff;border-radius:50%;margin:-24px auto 0;box-shadow:0 9px 24px rgba(47,128,237,.28);font-size:0}.mobile-nav .mobile-add i{font-size:19px}.app-topbar{margin-bottom:13px}.page-heading{margin-bottom:14px}.page-heading h1{font-size:22px}.card{border-radius:20px;padding:16px}.phone-home{gap:11px}.balance-card{min-height:154px}.balance-number{font-size:29px}.primary-actions{grid-template-columns:1fr 1fr 46px}.primary-actions>a{border-radius:16px}.chart-wrap{height:230px}.form-card{max-width:none}.assistant-card{min-height:560px}}
@media(max-width:560px){body{background:#fff}.main-area{padding-left:12px;padding-right:12px}.card{box-shadow:none}.phone-home>.card{border-left:0;border-right:0;border-radius:18px}.smart-strip{grid-template-columns:1fr}.stats-row{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.category-grid{grid-template-columns:1fr}.txn-item{align-items:flex-start}.txn-item .amount{margin-left:auto}.txn-list.full .txn-item{display:grid;grid-template-columns:38px 1fr auto}.txn-list.full .trash{grid-column:3}.calendar-grid{gap:4px}.cal-day{border-radius:8px;padding:5px}.health-ring{float:none;margin:4px auto 18px}.searchbar button{display:none}.top-actions a:nth-child(2){display:none}.assistant-tips{display:none}.assistant-card{border:0;padding:4px 0}.receipt-scanner{border:0;padding:0}.scan-zone{min-height:260px}.page-heading .circle-add{width:36px;height:36px}}
.report-head{margin-bottom:14px}.report-actions{display:flex;gap:8px;align-items:center}.report-actions input{border:1px solid var(--line);border-radius:12px;padding:10px;background:#fff}.insight-list{display:grid;margin-top:12px}.insight{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.insight:last-child{border-bottom:0}.insight b{font-size:12px}.insight p{font-size:11px;line-height:1.5;color:var(--muted);margin:4px 0 0}
.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.feature-tile{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;display:flex;align-items:center;gap:12px}.feature-tile>span{width:42px;height:42px;border-radius:14px;background:var(--green-soft);color:#5c9f0e;display:grid;place-items:center;flex:none}.feature-tile>div{flex:1;min-width:0}.feature-tile b{display:block;font-size:12px}.feature-tile small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.feature-tile>i{font-size:10px;color:#a8aea7}@media(max-width:560px){.feature-grid{grid-template-columns:1fr}.top-actions .menu-shortcut{display:grid}}


/* v2.0.1 theme refresh: FUNDCASH blue theme + better select */
:root{--bg:#f4f7fb;--panel:#ffffff;--text:#0f172a;--muted:#667085;--line:#d9e2ef;--green:#2f80ed;--green-dark:#1d67d6;--green-soft:#eaf3ff;--red:#ef5b72;--red-soft:#fff1f4;--amber:#f59e0b;--shadow:0 16px 40px rgba(15,23,42,.08);--radius:24px}
.sidebar nav a:hover,.sidebar nav a.active{background:#edf4ff;color:#1d4ed8}
.avatar-sm{background:#eaf3ff;color:#1d67d6}
.section-head a,.auth-card>small a{color:#2563eb}
.toast.success{background:#eef5ff;color:#1d4ed8}
.provider-icon,.smart-strip>a>i:first-child,.feature-tile>span,.category-chip i,.assistant-logo,.transfer-icon{background:var(--green-soft);color:var(--green-dark)}
.assistant-logo,.brand-mark,.circle-add,.btn.primary,.primary-actions .mini-grid,.mobile-nav .mobile-add,.send-btn{background:var(--green);color:#fff;border-color:var(--green)}
.primary-actions .plus{background:#edf4ff;color:var(--green-dark)}
.bar-col .bar{background:#cfe2ff}.bar-col .bar.today{background:var(--green-dark)}
.progress i{background:linear-gradient(90deg,var(--green),#65a7ff)}
.period-tabs{border-bottom-color:#d9e8ff}.filter-chips .active,.period-tabs .active{background:var(--green);color:#fff}
.type-switch a.active{background:#edf4ff;color:var(--green-dark)}
.field input:focus,.field select:focus,.field textarea:focus,.chat-compose input:focus{border-color:#7db3ff;box-shadow:0 0 0 4px rgba(47,128,237,.14)}
.voice-btn,.send-btn,.top-actions a,.circle-add{transition:.2s ease}
.top-actions a:hover,.circle-add:hover,.btn.primary:hover,.mobile-nav .mobile-add:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(47,128,237,.18)}
.health-ring{background:conic-gradient(var(--green) calc(var(--p)*1%),#eef2f7 0)}
.smart-strip>a,.feature-tile,.mini-stat,.category-chip,.outline-action{transition:.2s ease}
.smart-strip>a:hover,.feature-tile:hover,.outline-action:hover{border-color:#b8d2fb;box-shadow:0 10px 28px rgba(15,23,42,.06)}
.field select{appearance:none;-webkit-appearance:none;-moz-appearance:none;min-height:52px;padding-right:44px;border-radius:16px;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%232f80ed' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.field select:hover{border-color:#b9cdf0;background-color:#fbfdff}
.field select option{font-size:13px;padding:10px;background:#fff;color:var(--text)}
.field > span{letter-spacing:.01em}
.amount-input{border-bottom-color:#dbe5f0}
.mobile-nav>a.active{color:var(--green-dark)}
.mobile-nav .mobile-add{box-shadow:0 10px 24px rgba(47,128,237,.28)}
.searchbar{background:#f5f8fd}.searchbar button{color:#4b5563}
.note-box{background:#f7faff}.note-box>i{color:var(--green-dark)}
.scan-zone label i{color:var(--green)}
@media(max-width:900px){.mobile-nav{background:rgba(255,255,255,.98)}}

.inline-action{display:inline;margin:0}.button-reset,.icon-button{font:inherit;border:0;cursor:pointer}.button-reset{display:inline-flex}.icon-button{background:transparent}.trash.icon-button{padding:6px;color:#c9ceca}.trash.icon-button:hover{color:#dc4f59}

/* v2.0.3 — premium account cards + provider logo auto-detection */
.account-page{grid-template-columns:minmax(0,1.45fr) minmax(320px,.82fr)}
.account-main-card{padding:22px}
.account-title-row{align-items:flex-start}.account-title-row h2{font-size:22px;margin-top:4px}.total-balance-pill{display:grid;gap:2px;min-width:116px;text-align:right;padding:9px 12px;background:#f4f7fb;color:var(--text)}.total-balance-pill small{font-size:9px;color:var(--muted);font-weight:500}
.account-sort{margin-top:16px}.account-sort a{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:#fff}.account-sort a.active{border-color:var(--green);background:var(--green);color:#fff}
.premium-account-group{margin-top:26px}.premium-account-group>h3{font-size:15px;color:var(--text);margin:0 0 10px}.account-cards{display:grid;gap:10px}
.premium-account-row{border:1px solid var(--line);border-radius:19px;padding:14px 15px;background:#fff;box-shadow:0 5px 16px rgba(15,23,42,.045);min-height:82px;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.premium-account-row:hover{border-color:#bdd4f6;box-shadow:0 10px 25px rgba(15,23,42,.075);transform:translateY(-1px)}.premium-account-row.is-inactive{opacity:.55}
.brand-provider-icon{position:relative;width:56px;height:56px;border-radius:17px;background:#fff;border:1px solid #e1e7f0;color:var(--green-dark);overflow:hidden;flex:none}.brand-provider-icon .fallback-provider-icon,.preview-provider-icon>i{position:absolute;inset:0;display:grid;place-items:center;font-size:19px}.provider-logo{position:absolute;inset:7px;width:calc(100% - 14px);height:calc(100% - 14px);object-fit:contain;background:#fff;z-index:2}
.account-copy b{font-size:14px;line-height:1.25}.account-copy small{font-size:10px;margin-top:5px;text-transform:none;letter-spacing:.01em}.account-balance-block{margin-left:auto;text-align:right;display:grid;gap:2px;align-self:center;min-width:126px}.account-balance-block small{font-size:9px;color:var(--muted)}.account-balance-block strong{font-size:14px}.account-balance-block em{font-size:8px;color:#7b8798;font-style:normal;margin-top:2px}
.add-account-card h2{font-size:20px;line-height:1.25}.account-logo-preview{margin:16px 0 4px;border:1px solid #dce6f3;background:#f8fbff;border-radius:18px;padding:12px;display:flex;align-items:center;gap:11px}.account-logo-preview>span:last-child{min-width:0}.account-logo-preview b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-logo-preview small{display:block;font-size:9px;color:var(--muted);margin-top:3px;line-height:1.4}.preview-provider-icon{width:48px;height:48px;border-radius:15px}
@media(max-width:900px){.account-page{grid-template-columns:1fr}.account-main-card,.add-account-card{padding:16px}.premium-account-row{min-height:76px}.brand-provider-icon{width:50px;height:50px;border-radius:15px}.account-balance-block{min-width:112px}.account-balance-block strong{font-size:13px}}
@media(max-width:560px){.account-main-card{border:0;padding:2px 0 14px}.account-title-row{padding:0 2px}.account-title-row h2{font-size:19px}.total-balance-pill{min-width:104px}.account-sort{flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}.account-sort::-webkit-scrollbar{display:none}.account-sort a{white-space:nowrap}.premium-account-group{margin-top:22px}.premium-account-group>h3{font-size:14px;padding:0 2px}.premium-account-row{border-radius:18px;padding:13px;box-shadow:0 4px 14px rgba(15,23,42,.04)}.brand-provider-icon{width:50px;height:50px}.account-copy b{font-size:12px}.account-copy small{font-size:9px}.account-balance-block{min-width:105px}.account-balance-block small{font-size:8px}.account-balance-block strong{font-size:12px}.add-account-card{margin-top:2px}}
.account-preview .brand-provider-icon{width:42px;height:42px;border-radius:14px}.account-preview .brand-provider-icon .provider-logo{inset:5px;width:calc(100% - 10px);height:calc(100% - 10px)}

/* v2.0.6 provider PNG fix */
.provider-logo{image-rendering:auto;max-width:100%;max-height:100%}

/* v2.0.6 searchable provider + aligned logos + formatted balance */
.brand-provider-icon,.preview-provider-icon{display:flex;align-items:center;justify-content:center;position:relative}
.brand-provider-icon .fallback-provider-icon,.preview-provider-icon>i{position:absolute;top:50%;left:50%;right:auto;bottom:auto;width:auto;height:auto;display:flex;align-items:center;justify-content:center;margin:0;line-height:1;transform:translate(-50%,-50%);transform-origin:center}
.provider-logo{position:absolute;inset:6px;width:calc(100% - 12px);height:calc(100% - 12px);object-fit:contain;object-position:center;margin:auto;transform:none;background:#fff;z-index:2}
.preview-provider-icon .provider-logo{inset:5px;width:calc(100% - 10px);height:calc(100% - 10px)}
.provider-field{position:relative;z-index:20}.provider-select{position:relative}.provider-select-trigger{width:100%;min-height:52px;border:1px solid #d9e2ef;background:#fff;border-radius:16px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--text);cursor:pointer;text-align:left;transition:border-color .2s,box-shadow .2s,background .2s}.provider-select-trigger:hover{border-color:#b9cdf0;background:#fbfdff}.provider-select.is-open .provider-select-trigger{border-color:#7db3ff;box-shadow:0 0 0 4px rgba(47,128,237,.14)}.provider-select-trigger>i{font-size:12px;color:var(--green);transition:transform .2s}.provider-select.is-open .provider-select-trigger>i{transform:rotate(180deg)}.provider-selected-placeholder{color:#98a2b3}
.provider-select-menu{position:absolute;left:0;right:0;top:calc(100% + 7px);z-index:200;background:#fff;border:1px solid #d7e2f0;border-radius:18px;padding:9px;box-shadow:0 18px 42px rgba(15,23,42,.16)}.provider-search-box{height:44px;border:1px solid #d9e2ef;border-radius:13px;display:flex;align-items:center;gap:9px;padding:0 12px;margin-bottom:7px;background:#fbfdff}.provider-search-box:focus-within{border-color:#7db3ff;box-shadow:0 0 0 3px rgba(47,128,237,.10)}.provider-search-box>i{font-size:12px;color:var(--green)}.provider-search-box input{border:0;outline:0;box-shadow:none;background:transparent;padding:0;min-width:0;width:100%;font-size:12px;color:var(--text)}.provider-options{max-height:290px;overflow:auto;padding:2px;scrollbar-width:thin;scrollbar-color:#c5d3e6 transparent}.provider-option-heading{padding:9px 10px 5px;color:#98a2b3;font-size:9px;text-transform:uppercase;letter-spacing:.11em}.provider-option{width:100%;border:0;background:transparent;border-radius:11px;padding:9px 10px;display:flex;align-items:center;gap:10px;text-align:left;color:var(--text);cursor:pointer;font-size:12px}.provider-option:hover,.provider-option.is-keyboard-active{background:#edf4ff;color:#1d67d6}.provider-option[aria-selected="true"]{background:#e7f1ff;color:#1d67d6}.provider-option-glyph{width:27px;height:27px;border-radius:9px;background:#f2f6fb;display:grid;place-items:center;color:#47709f;flex:none}.provider-option:hover .provider-option-glyph,.provider-option.is-keyboard-active .provider-option-glyph,.provider-option[aria-selected="true"] .provider-option-glyph{background:#dceaff;color:#2563eb}.provider-no-results{padding:22px 10px;text-align:center;color:var(--muted);font-size:11px}.provider-custom-wrap{margin-top:8px}.provider-custom-wrap input{width:100%;min-height:48px;border:1px solid #d9e2ef;background:#fff;border-radius:14px;padding:0 13px;outline:none}.provider-custom-wrap input:focus{border-color:#7db3ff;box-shadow:0 0 0 4px rgba(47,128,237,.12)}
#initialBalanceDisplay{font-variant-numeric:tabular-nums;letter-spacing:.01em}
@media(max-width:560px){.provider-select-menu{position:fixed;left:12px;right:12px;top:auto;bottom:84px;max-height:min(440px,65vh);border-radius:20px;padding:10px}.provider-options{max-height:min(340px,50vh)}.provider-search-box{height:46px}.provider-option{min-height:44px}.provider-field{z-index:60}}


/* v2.0.7 — provider picker real logos + neutral selected state */
.provider-option-glyph{position:relative;width:34px;height:34px;border-radius:10px;background:#f7f9fc;border:1px solid #e6ebf2;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#6b7a90}
.provider-option-fallback{font-size:13px;line-height:1}
.provider-option-logo{position:absolute;inset:4px;width:calc(100% - 8px);height:calc(100% - 8px);object-fit:contain;object-position:center;background:#fff;border-radius:6px;z-index:2}
.provider-option[aria-selected="true"]{background:transparent;color:var(--text)}
.provider-option[aria-selected="true"] .provider-option-glyph{background:#f7f9fc;color:#6b7a90}
.provider-option:hover,.provider-option.is-keyboard-active{background:#f4f7fb;color:var(--text)}
.provider-option:hover .provider-option-glyph,.provider-option.is-keyboard-active .provider-option-glyph{background:#fff;color:#4f6786;border-color:#d7e2ef}
.provider-option:focus-visible{outline:2px solid rgba(47,128,237,.35);outline-offset:-2px}


/* v2.0.9 account form field simplification */
.add-account-card .form-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
.add-account-card .provider-field{min-width:0}
.add-account-card .provider-select-trigger{height:52px}
@media(max-width:560px){.add-account-card .form-grid{grid-template-columns:1fr}}

/* v2.0.10 account modal + swipe transaction actions */
.account-list-only{display:block;max-width:1180px;margin:0 auto}.account-title-actions{display:flex;align-items:center;gap:10px}.account-add-trigger{background:var(--green);color:#fff;border:1px solid var(--green);min-height:42px;padding:0 15px;border-radius:14px;white-space:nowrap}.account-add-trigger:hover{background:var(--green-dark)}.account-empty-state{display:grid;place-items:center;gap:7px}.account-empty-state b{color:var(--text)}.account-empty-state span{font-size:11px;max-width:340px;line-height:1.5}.account-empty-state .account-add-trigger{margin-top:7px}
.account-modal[hidden]{display:none}.account-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px}.account-modal-backdrop{position:absolute;inset:0;border:0;background:rgba(15,23,42,.42);backdrop-filter:blur(3px);cursor:default}.account-modal-dialog{position:relative;z-index:1;width:min(620px,100%);max-height:calc(100vh - 40px);background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:0 28px 80px rgba(15,23,42,.22);overflow:hidden;display:flex;flex-direction:column}.account-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px 22px 12px}.account-modal-head h2{margin:3px 0 0;font-size:21px;line-height:1.3}.account-modal-close{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:#fff;color:#667085;display:grid;place-items:center;cursor:pointer;flex:none}.account-modal-close:hover{background:#f5f8fd;color:var(--text)}.account-modal-scroll{overflow:auto;padding:0 22px 22px}.account-modal-scroll .account-logo-preview{margin-top:6px}.account-modal-scroll .form-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.account-modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.account-modal-actions .btn{min-width:120px}.account-modal-open{overflow:hidden}
.account-modal .provider-select-menu{z-index:1310}.account-modal .provider-field{z-index:40}

.swipe-txn-list{overflow:hidden}.txn-swipe-row{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:#fff;touch-action:pan-y}.txn-swipe-row:last-child{border-bottom:0}.txn-swipe-row .txn-item{border-bottom:0;margin:0;background:#fff;position:relative;z-index:2;will-change:transform;transform:translateX(0);transition:transform .22s ease;padding:14px 2px}.txn-swipe-row.is-dragging .txn-item{transition:none}.txn-swipe-row.is-open .txn-item{transform:translateX(-92px)}.txn-swipe-action{position:absolute;right:0;top:0;bottom:0;width:92px;z-index:1;display:flex}.txn-swipe-action form{display:flex;width:100%;height:100%;margin:0}.txn-swipe-delete,.txn-swipe-locked{width:100%;height:100%;border:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font:inherit;font-size:10px}.txn-swipe-delete{background:#ef4444;color:#fff;cursor:pointer}.txn-swipe-delete:hover{background:#dc2626}.txn-swipe-delete i,.txn-swipe-locked i{font-size:15px}.txn-swipe-locked{background:#eef2f6;color:#98a2b3}.txn-swipe-content:focus-visible{outline:2px solid rgba(47,128,237,.55);outline-offset:-2px}.swipe-delete-hint{display:none;align-items:center;justify-content:center;gap:7px;color:#98a2b3;font-size:9px;padding:12px 0 2px}.swipe-delete-hint i{font-size:9px}
@media(max-width:900px){.account-list-only{max-width:none}.swipe-delete-hint{display:flex}}
@media(max-width:560px){.account-title-row{align-items:flex-start}.account-title-actions{flex-direction:column-reverse;align-items:flex-end;gap:7px}.account-add-trigger{min-height:38px;padding:0 12px;border-radius:13px;font-size:11px}.total-balance-pill{min-width:0}.account-modal{padding:0;align-items:end}.account-modal-dialog{width:100%;max-height:88%;border-radius:24px 24px 0 0;border-bottom:0}.account-modal-head{padding:18px 16px 10px}.account-modal-head h2{font-size:19px}.account-modal-scroll{padding:0 16px calc(18px + env(safe-area-inset-bottom))}.account-modal-scroll .form-grid{grid-template-columns:1fr}.account-modal-actions{position:sticky;bottom:0;background:#fff;padding-top:10px}.account-modal-actions .btn{flex:1;min-width:0}.account-modal .provider-select-menu{position:fixed;left:12px;right:12px;bottom:84px;top:auto;z-index:1350}.transaction-history-card{padding-bottom:10px}.txn-swipe-row .txn-item{display:grid;grid-template-columns:38px 1fr auto}.txn-swipe-row .txn-item .amount{margin-left:auto}.txn-swipe-row.is-open .txn-item{transform:translateX(-88px)}.txn-swipe-action{width:88px}}


/* v2.0.11 — desktop keeps inline Add Account; mobile uses on-demand modal */
.account-responsive-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,.82fr);gap:18px;align-items:start;max-width:none;margin:0}
@media(min-width:901px){
  .account-responsive-layout .account-main-card{min-width:0}
  .account-responsive-layout .account-title-actions .account-add-trigger,
  .account-responsive-layout .account-empty-state .account-add-trigger{display:none}
  .account-responsive-layout .account-modal{position:static;inset:auto;z-index:auto;display:block;padding:0;min-width:0}
  .account-responsive-layout .account-modal-backdrop{display:none}
  .account-responsive-layout .account-modal-dialog{position:static;width:100%;max-height:none;border-radius:24px;box-shadow:var(--shadow);overflow:visible}
  .account-responsive-layout .account-modal-head{padding:20px 20px 8px}
  .account-responsive-layout .account-modal-close{display:none}
  .account-responsive-layout .account-modal-scroll{overflow:visible;padding:0 20px 20px}
  .account-responsive-layout .account-modal-scroll .account-logo-preview{margin-top:6px}
  .account-responsive-layout .account-modal-actions{margin-top:16px}
  .account-responsive-layout .account-modal-actions .secondary{display:none}
  .account-responsive-layout .account-modal-actions .primary{width:100%;min-height:44px}
  .account-responsive-layout .account-modal .provider-select-menu{z-index:200}
  body.account-modal-open{overflow:auto}
}
@media(max-width:900px){
  .account-responsive-layout{display:block;max-width:none}
  .account-responsive-layout .account-add-trigger{display:inline-flex}
  .account-responsive-layout .account-modal{display:none;position:fixed;inset:0;z-index:1000;place-items:center;padding:20px}
  .account-responsive-layout .account-modal.is-open{display:grid}
  .account-responsive-layout .account-modal-backdrop{display:block}
  .account-responsive-layout .account-modal-dialog{position:relative;width:min(620px,100%);max-height:calc(100vh - 40px)}
}
@media(max-width:560px){
  .account-responsive-layout .account-modal{padding:0;align-items:end}
  .account-responsive-layout .account-modal-dialog{width:100%;max-height:88%;border-radius:24px 24px 0 0;border-bottom:0}
}

/* v2.0.13 — balance privacy + modern transaction pickers */
.balance-visibility-toggle{width:34px;height:34px;margin:-8px -8px -8px 0;border:0;background:transparent;border-radius:50%;display:grid;place-items:center;color:#596273;cursor:pointer;transition:.18s ease}.balance-visibility-toggle:hover{background:#f1f5fb;color:var(--green-dark)}.balance-visibility-toggle:focus-visible{outline:3px solid rgba(47,128,237,.18);outline-offset:1px}.balance-number{font-variant-numeric:tabular-nums}
.transaction-form-card .smart-select-field{position:relative;z-index:12}.transaction-form-card .smart-select-field:nth-of-type(2){z-index:11}.smart-select{position:relative}.smart-select-trigger{width:100%;min-height:52px;border:1px solid #d9e2ef;background:#fff;border-radius:16px;padding:8px 13px;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;color:var(--text);cursor:pointer;box-shadow:0 1px 2px rgba(16,24,40,.04);transition:.18s ease}.smart-select-trigger:hover{border-color:#b9cdf0;background:#fbfdff}.smart-select.is-open .smart-select-trigger,.smart-select-trigger:focus-visible{border-color:#7db3ff;box-shadow:0 0 0 4px rgba(47,128,237,.12);outline:0}.smart-select.has-error .smart-select-trigger{border-color:#ef5b72;box-shadow:0 0 0 4px rgba(239,91,114,.11)}.smart-select-trigger-main{display:flex;align-items:center;gap:10px;min-width:0}.smart-select-selected-icon,.smart-option-icon{width:34px;height:34px;border:1px solid #e6ebf2;border-radius:10px;background:#f7f9fc;color:#47709f;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex:none}.smart-select-selected-icon img,.smart-option-icon img{position:absolute;inset:4px;width:calc(100% - 8px);height:calc(100% - 8px);object-fit:contain;object-position:center;background:#fff;border-radius:6px;z-index:2}.smart-select-selected-icon i,.smart-option-icon i{font-size:13px}.smart-select-placeholder{color:#98a2b3}.smart-select-chevron{font-size:11px;color:#2f80ed;transition:transform .18s ease}.smart-select.is-open .smart-select-chevron{transform:rotate(180deg)}.smart-select-menu{position:absolute;z-index:300;left:0;right:0;top:calc(100% + 8px);background:#fff;border:1px solid #d9e2ef;border-radius:16px;padding:8px;box-shadow:0 18px 45px rgba(15,23,42,.14)}.smart-select-menu[hidden]{display:none}.smart-select-search{height:44px;border:1px solid #d9e2ef;border-radius:12px;display:flex;align-items:center;gap:8px;padding:0 11px;margin-bottom:7px;background:#fff}.smart-select-search:focus-within{border-color:#7db3ff;box-shadow:0 0 0 3px rgba(47,128,237,.10)}.smart-select-search i{font-size:12px;color:#2f80ed}.smart-select-search input{width:100%;border:0;outline:0;box-shadow:none;background:transparent;padding:0;font-size:12px}.smart-select-options{max-height:270px;overflow:auto;padding:2px;scrollbar-width:thin;scrollbar-color:#c5d3e6 transparent}.smart-select-option{width:100%;border:0;background:transparent;border-radius:11px;padding:8px;display:flex;align-items:center;gap:10px;text-align:left;color:var(--text);cursor:pointer}.smart-select-option:hover,.smart-select-option.is-keyboard-active{background:#f4f7fb}.smart-select-option[aria-selected="true"]{background:transparent}.smart-option-copy{display:block;min-width:0}.smart-option-copy b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.smart-option-copy small{display:block;margin-top:3px;color:var(--muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.smart-select-empty{padding:18px 10px;text-align:center;color:var(--muted);font-size:11px}.transaction-form-card .field>span{margin-bottom:1px}
@media(max-width:560px){.transaction-form-card .smart-select-menu{position:fixed;left:12px;right:12px;top:auto;bottom:84px;max-height:min(440px,65vh);border-radius:20px;padding:10px;z-index:1200}.transaction-form-card .smart-select-options{max-height:min(330px,48vh)}.transaction-form-card .smart-select-search{height:46px}.transaction-form-card .smart-select-option{min-height:48px}.transaction-form-card .smart-select-field{z-index:auto}}

/* v2.0.14 account header cleanup */
.mobile-account-add-row{display:none}
@media(max-width:900px){
  .mobile-account-add-row{display:flex;justify-content:flex-end;margin:0 0 12px}
}
@media(max-width:560px){
  .mobile-account-add-row{padding:0 2px;margin-bottom:10px}
}

/* v2.0.16 — 24-hour transaction time */
.transaction-datetime-control{width:100%;min-height:52px;border:1px solid #dfe5dc;background:#fff;border-radius:13px;display:grid;grid-template-columns:minmax(0,1fr) 1px 112px;align-items:center;overflow:hidden;transition:.18s ease;box-shadow:0 1px 2px rgba(16,24,40,.03)}
.transaction-datetime-control:focus-within{border-color:#7db3ff;box-shadow:0 0 0 4px rgba(47,128,237,.14)}
.transaction-datetime-control input{border:0;box-shadow:none;outline:0;background:transparent;border-radius:0;min-height:50px;padding:0 12px;color:var(--text)}
.transaction-datetime-control input[type="date"]{min-width:0;width:100%}
.datetime-divider{width:1px;height:28px;background:var(--line)}
.transaction-time-wrap{display:flex;align-items:center;gap:7px;padding:0 11px;min-width:0}
.transaction-time-wrap i{font-size:12px;color:#667085;flex:none}
.transaction-time-wrap input{width:100%;padding:0;text-align:center;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.transaction-time-wrap input.time-invalid{color:#d84955}
.transaction-datetime-field .field-help{font-size:9px;color:var(--muted);margin-top:1px}
@media(max-width:560px){.transaction-datetime-control{grid-template-columns:minmax(0,1fr) 1px 104px}.transaction-datetime-control input{font-size:13px}.transaction-time-wrap{padding:0 8px;gap:5px}}


/* v2.0.16 - transaction row alignment + provider search caret fix */
.transaction-form-card .form-grid{align-items:start}
.transaction-form-card .transaction-datetime-field,
.transaction-form-card .field:has(> input[name="merchant"]){align-self:start}
.transaction-form-card .transaction-datetime-control{height:52px;min-height:52px;border-radius:16px}
.transaction-form-card .field>input[name="merchant"]{height:52px;min-height:52px;border-radius:16px}
.transaction-form-card .transaction-datetime-control input{height:50px;min-height:50px}
.transaction-form-card .transaction-time-wrap{height:50px}
.provider-search-box{overflow:visible}
.provider-search-box input[type="search"]{height:30px;min-height:30px;line-height:20px;padding:5px 0;margin:0;vertical-align:middle;caret-color:#2f80ed;overflow:visible;font-family:inherit}
.provider-search-box input[type="search"]::placeholder{line-height:20px}
.smart-select-search{overflow:visible}
.smart-select-search input[type="search"]{height:30px;min-height:30px;line-height:20px;padding:5px 0;margin:0;vertical-align:middle;caret-color:#2f80ed;overflow:visible;font-family:inherit}
.smart-select-search input[type="search"]::placeholder{line-height:20px}
@media(max-width:560px){
  .transaction-form-card .transaction-datetime-control,
  .transaction-form-card .field>input[name="merchant"]{height:52px;min-height:52px}
}

/* v2.0.17 — settings drawer, notifications, dark mode, assistant review, transaction ledger */
.top-action-button{width:38px;height:38px;border:1px solid var(--line);background:var(--panel);border-radius:50%;display:grid;place-items:center;color:#4f574f;cursor:pointer}.top-action-button:hover{border-color:#bdd3f0;color:var(--green-dark)}.notification-top-link{position:relative}.notification-badge{position:absolute;right:-3px;top:-5px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#e53e4d;color:#fff;font-size:9px;display:grid;place-items:center;border:2px solid var(--panel)}
.app-drawer{position:fixed;inset:0;z-index:1800;pointer-events:none}.app-drawer-backdrop{position:absolute;inset:0;border:0;background:rgba(15,23,42,.34);opacity:0;transition:.2s}.app-drawer-panel{position:absolute;right:0;top:0;bottom:0;width:min(360px,88vw);background:var(--panel);border-left:1px solid var(--line);padding:18px;transform:translateX(100%);transition:.24s ease;display:flex;flex-direction:column;box-shadow:-22px 0 50px rgba(15,23,42,.14)}.app-drawer.is-open{pointer-events:auto}.app-drawer.is-open .app-drawer-backdrop{opacity:1}.app-drawer.is-open .app-drawer-panel{transform:translateX(0)}.drawer-open{overflow:hidden}.drawer-profile{display:flex;align-items:center;gap:11px;padding:2px 0 16px;border-bottom:1px solid var(--line)}.drawer-profile b,.drawer-profile small{display:block}.drawer-profile small{color:var(--muted);font-size:10px;margin-top:3px}.drawer-profile>button{border:0;background:transparent;width:36px;height:36px;border-radius:11px;color:var(--muted);cursor:pointer}.drawer-nav{display:grid;gap:3px;padding:14px 0;overflow:auto}.drawer-nav a,.drawer-bottom a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:12px;color:var(--muted);font-size:12px}.drawer-nav a i,.drawer-bottom a i{width:18px;text-align:center}.drawer-nav a:hover,.drawer-nav a.active,.drawer-bottom a:hover{background:var(--green-soft);color:var(--green-dark)}.drawer-bottom{border-top:1px solid var(--line);padding-top:12px;margin-top:auto}.drawer-bottom a em{margin-left:auto;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#e53e4d;color:#fff;font-style:normal;font-size:9px;display:grid;place-items:center}

.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.settings-card{min-height:100%}.settings-wide{grid-column:1/-1}.settings-copy{color:var(--muted);font-size:11px;line-height:1.55;margin:7px 0 0}.settings-save{margin-top:16px}.setting-row{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}.setting-row b{display:block;font-size:12px}.setting-row small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.setting-icon{width:40px;height:40px;border-radius:13px;background:var(--green-soft);color:var(--green-dark);display:grid;place-items:center;flex:none}.switch{position:relative;width:46px;height:26px;flex:none}.switch input{position:absolute;opacity:0;pointer-events:none}.switch span{position:absolute;inset:0;border-radius:999px;background:#d7dee8;transition:.2s;cursor:pointer}.switch span:after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:#fff;left:3px;top:3px;transition:.2s;box-shadow:0 2px 5px rgba(15,23,42,.18)}.switch input:checked+span{background:var(--green)}.switch input:checked+span:after{transform:translateX(20px)}.switch input:focus-visible+span{box-shadow:0 0 0 4px rgba(47,128,237,.15)}

.notifications-card{max-width:860px;margin:0 auto}.notification-list{display:grid;margin-top:10px}.notification-item{margin:0}.notification-item>button{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:12px;padding:14px 4px;border-bottom:1px solid var(--line);text-align:left;color:var(--text);cursor:pointer}.notification-item:last-child>button{border-bottom:0}.notification-item.unread>button{background:linear-gradient(90deg,var(--green-soft),transparent);border-radius:14px}.notification-dot{width:40px;height:40px;border-radius:13px;background:#f3f6fa;color:#6f7b89;display:grid;place-items:center;flex:none}.notification-item.unread .notification-dot{background:var(--green);color:#fff}.notification-item b,.notification-item small,.notification-item em{display:block}.notification-item b{font-size:12px}.notification-item small{font-size:10px;color:var(--muted);margin-top:4px}.notification-item em{font-style:normal;color:#9aa5b1;font-size:9px;margin-top:5px}.notification-item>button>i{font-size:10px;color:#a8b1bd}

.transaction-ledger{max-width:980px;margin:0 auto;padding:20px}.transaction-ledger-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.transaction-ledger-head h2{font-size:25px;margin:0}.transaction-ledger-head p{margin:5px 0 0;color:var(--muted);font-size:11px}.transaction-new{min-height:42px}.transaction-search{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:#f7f9fc;border-radius:14px;padding:0 11px;margin:16px 0 10px}.transaction-search>i{font-size:11px;color:#748092}.transaction-search input{flex:1;min-width:0;height:44px;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:11px}.transaction-search button{border:0;background:transparent;color:var(--green);width:34px;height:34px;border-radius:10px;cursor:pointer}.transaction-filters{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:16px}.filter-popover{position:relative}.filter-popover summary{list-style:none;display:flex;align-items:center;gap:7px;min-height:34px;padding:0 10px;border:1px solid var(--line);border-radius:11px;background:var(--panel);font-size:10px;color:var(--text);cursor:pointer}.filter-popover summary::-webkit-details-marker{display:none}.filter-popover summary>i:last-child{font-size:8px;color:var(--muted);transition:.15s}.filter-popover[open] summary>i:last-child{transform:rotate(180deg)}.filter-popover[open] summary{border-color:#a9c9f5;box-shadow:0 0 0 3px rgba(47,128,237,.08)}.filter-menu{position:absolute;z-index:420;top:calc(100% + 6px);left:0;min-width:190px;max-width:300px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:6px;box-shadow:0 16px 38px rgba(15,23,42,.14)}.filter-menu a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:9px;font-size:10px;color:var(--text)}.filter-menu a:hover{background:var(--green-soft)}.filter-menu a i{visibility:hidden;color:var(--green-dark)}.filter-menu a.selected{color:var(--green-dark)}.filter-menu a.selected i{visibility:visible}.filter-menu a span{display:block}.filter-menu a small{display:block;color:var(--muted);font-size:8px;margin-top:2px}.transaction-date-heading{padding:14px 2px 7px;color:#6f7a88;font-size:9px;font-weight:700;letter-spacing:.08em}.ledger-row{border-bottom:1px solid var(--line)}.ledger-row:last-child{border-bottom:0}.ledger-row .txn-item{border-bottom:0;padding:12px 3px}.ledger-row .txn-icon{background:#f3f5f2}.transaction-date-groups .amount{font-weight:700}.transaction-date-groups .txn-item small{font-size:9px}.transaction-date-groups .txn-item b{font-size:11px}

.assistant-draft-card{border:1px solid #cfe0f7;background:#f8fbff;border-radius:18px;padding:14px;margin:0 0 12px;box-shadow:0 12px 26px rgba(47,128,237,.08)}.assistant-draft-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.assistant-draft-top span,.assistant-draft-top b{display:block}.assistant-draft-top span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.assistant-draft-top b{font-size:12px;margin-top:2px}.draft-type{font-size:9px;padding:6px 8px;border-radius:999px}.draft-type.expense{background:#fff0f2;color:#d94d59}.draft-type.income{background:#eaf8ef;color:#18894b}.assistant-draft-summary{position:relative;border:1px solid var(--line);background:var(--panel);border-radius:13px;padding:11px;margin-top:10px}.assistant-draft-summary>div:not(.assistant-draft-amount){display:grid;grid-template-columns:80px 1fr;gap:8px;padding:3px 0;font-size:9px}.assistant-draft-summary span{color:var(--muted)}.assistant-draft-summary b{text-align:right}.assistant-draft-amount{text-align:right;font-size:13px;font-weight:800;color:#d94d59;margin-top:7px}.assistant-draft-card:has(.draft-type.income) .assistant-draft-amount{color:#178a4a}.assistant-draft-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.assistant-draft-actions .btn{padding:9px 11px;font-size:10px}.assistant-draft-editor{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;padding:10px;border-radius:13px;background:var(--panel);border:1px solid var(--line)}.assistant-draft-editor label{display:grid;gap:5px}.assistant-draft-editor label span{font-size:9px;color:var(--muted)}.assistant-draft-editor input,.assistant-draft-editor select{min-width:0;width:100%;height:38px;border:1px solid var(--line);border-radius:10px;padding:0 9px;background:var(--panel);color:var(--text);font:inherit;font-size:10px}.assistant-draft-editor .btn{grid-column:1/-1}

/* Full dark mode */
html[data-theme="dark"]{color-scheme:dark;--bg:#0b1118;--panel:#111923;--text:#edf3fa;--muted:#8f9bac;--line:#253244;--green:#4d96ff;--green-dark:#75afff;--green-soft:#142a46;--shadow:0 16px 40px rgba(0,0,0,.28)}
html[data-theme="dark"] body,html[data-theme="dark"] .auth-body{background:var(--bg);color:var(--text)}
html[data-theme="dark"] .sidebar,html[data-theme="dark"] .card,html[data-theme="dark"] .auth-card,html[data-theme="dark"] .mobile-nav,html[data-theme="dark"] .app-drawer-panel,html[data-theme="dark"] .account-modal-dialog,html[data-theme="dark"] .provider-select-menu,html[data-theme="dark"] .smart-select-menu,html[data-theme="dark"] .filter-menu{background:var(--panel);border-color:var(--line);color:var(--text)}
html[data-theme="dark"] .sidebar nav a,html[data-theme="dark"] .sidebar-bottom a,html[data-theme="dark"] .mobile-nav>a{color:var(--muted)}
html[data-theme="dark"] .sidebar nav a:hover,html[data-theme="dark"] .sidebar nav a.active,html[data-theme="dark"] .sidebar-bottom a:hover{background:var(--green-soft);color:var(--green-dark)}
html[data-theme="dark"] .top-actions a,html[data-theme="dark"] .top-action-button,html[data-theme="dark"] .circle-add{background:#121c27;border-color:var(--line);color:#c3cfdd}
html[data-theme="dark"] .avatar-sm{background:#173153;color:#7bb2ff}
html[data-theme="dark"] .pill,html[data-theme="dark"] .filter-chips a,html[data-theme="dark"] .filter-chips span,html[data-theme="dark"] .period-tabs span,html[data-theme="dark"] .btn.secondary{background:#17212d;color:#c2ccda}
html[data-theme="dark"] .field input,html[data-theme="dark"] .field select,html[data-theme="dark"] .field textarea,html[data-theme="dark"] .searchbar input,html[data-theme="dark"] .provider-select-trigger,html[data-theme="dark"] .provider-search-box,html[data-theme="dark"] .provider-custom-wrap input,html[data-theme="dark"] .smart-select-trigger,html[data-theme="dark"] .smart-select-search,html[data-theme="dark"] .chat-compose input,html[data-theme="dark"] .transaction-datetime-control,html[data-theme="dark"] .transaction-search{background:#0f1720;border-color:var(--line);color:var(--text)}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#708094}
html[data-theme="dark"] .provider-option:hover,html[data-theme="dark"] .provider-option.is-keyboard-active,html[data-theme="dark"] .smart-select-option:hover,html[data-theme="dark"] .smart-select-option.is-keyboard-active,html[data-theme="dark"] .filter-menu a:hover{background:#17283d;color:#cfe3ff}
html[data-theme="dark"] .provider-option-glyph,html[data-theme="dark"] .smart-select-selected-icon,html[data-theme="dark"] .smart-option-icon,html[data-theme="dark"] .txn-icon,html[data-theme="dark"] .round-icon,html[data-theme="dark"] .date-box{background:#17212d;border-color:#2a394b;color:#96b9e8}
html[data-theme="dark"] .provider-logo,html[data-theme="dark"] .provider-option-logo,html[data-theme="dark"] .smart-select-selected-icon img,html[data-theme="dark"] .smart-option-icon img{background:#fff}
html[data-theme="dark"] .balance-card,html[data-theme="dark"] .account-row,html[data-theme="dark"] .feature-tile,html[data-theme="dark"] .mini-stat,html[data-theme="dark"] .category-chip,html[data-theme="dark"] .smart-strip>a{background:var(--panel);border-color:var(--line)}
html[data-theme="dark"] .wallet-watermark{color:#1c2835}
html[data-theme="dark"] .health-ring:before{background:var(--panel)}
html[data-theme="dark"] .progress,html[data-theme="dark"] .type-switch,html[data-theme="dark"] .searchbar{background:#17212d}
html[data-theme="dark"] .type-switch a.active{background:#173153;color:#86b9ff}
html[data-theme="dark"] .type-switch a.active.danger{background:#3a1d27;color:#ff8e99}
html[data-theme="dark"] .note-box,html[data-theme="dark"] .due-banner{background:#151f2a;border-color:var(--line)}
html[data-theme="dark"] .chat-bubble.bot,html[data-theme="dark"] .prompt-list button{background:#17212d;border-color:var(--line);color:var(--text)}
html[data-theme="dark"] .scan-zone{background:#0e151d;border-color:#334154}
html[data-theme="dark"] .account-modal-backdrop{background:rgba(0,0,0,.62)}
html[data-theme="dark"] .account-modal-actions{background:var(--panel)}
html[data-theme="dark"] .transaction-search{background:#0f1720}
html[data-theme="dark"] .ledger-row .txn-icon{background:#17212d}
html[data-theme="dark"] .assistant-draft-card{background:#0f1c2b;border-color:#254a78;box-shadow:none}
html[data-theme="dark"] .assistant-draft-summary,html[data-theme="dark"] .assistant-draft-editor{background:#101923;border-color:var(--line)}
html[data-theme="dark"] .assistant-draft-editor input,html[data-theme="dark"] .assistant-draft-editor select{background:#0d151e;border-color:var(--line);color:var(--text)}
html[data-theme="dark"] .notification-item.unread>button{background:linear-gradient(90deg,#122844,transparent)}
html[data-theme="dark"] .notification-dot{background:#17212d;color:#9eb7d4}
html[data-theme="dark"] .toast.success{background:#102b45;color:#8dc0ff}
html[data-theme="dark"] .toast.error{background:#321923;color:#ff9ba5}
html[data-theme="dark"] .auth-card>small a,html[data-theme="dark"] .section-head a{color:#7eb5ff}
html[data-theme="dark"] .cal-day{background:#131d28}html[data-theme="dark"] .level-1{background:#281a21}html[data-theme="dark"] .level-2{background:#392028}html[data-theme="dark"] .level-3{background:#4a252f}html[data-theme="dark"] .level-4{background:#642d38}html[data-theme="dark"] .level-5{background:#8a3b48}

@media(min-width:901px){.drawer-trigger{display:none}}
@media(max-width:900px){.settings-grid{grid-template-columns:1fr}.settings-wide{grid-column:auto}.transaction-ledger{padding:16px}.transaction-ledger-head{display:block}.transaction-new{width:100%;margin-top:12px}.filter-menu{position:fixed;left:12px;right:12px;top:auto;bottom:84px;max-width:none;min-width:0;z-index:1500;border-radius:18px;padding:9px}.filter-menu a{min-height:42px}.transaction-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.transaction-filters::-webkit-scrollbar{display:none}.filter-popover{flex:none}.filter-popover summary{white-space:nowrap}.assistant-draft-editor{grid-template-columns:1fr}}
@media(max-width:560px){.top-actions{gap:5px}.top-actions a,.top-action-button{width:36px;height:36px}.transaction-ledger{border-left:0;border-right:0;border-radius:18px;padding:13px 12px}.transaction-ledger-head h2{font-size:23px}.transaction-search{margin-top:13px}.ledger-row .txn-item{display:grid;grid-template-columns:38px minmax(0,1fr) auto}.ledger-row .txn-item .amount{align-self:start;padding-top:2px}.transaction-date-heading{padding-top:16px}.assistant-draft-actions{display:grid;grid-template-columns:1fr 1fr}.assistant-draft-actions .btn.primary{grid-column:1/-1}.notifications-card{border:0;padding:4px 0}.settings-card{border-left:0;border-right:0}.app-drawer-panel{width:min(340px,92vw)}}

.sidebar-bottom a.active{background:#edf4ff;color:#1d4ed8}html[data-theme="dark"] .sidebar-bottom a.active{background:var(--green-soft);color:var(--green-dark)}


/* v2.0.18 — compact assistant transaction review */
.assistant-draft-card{padding:10px 11px;border-radius:14px;margin:4px 0 10px;box-shadow:none;background:var(--panel)}
.assistant-draft-top{min-height:28px;padding:0 1px 7px;border-bottom:1px solid var(--line)}
.assistant-draft-top .draft-type{font-size:8px;padding:4px 6px;border-radius:7px;letter-spacing:.02em}
.assistant-draft-top .assistant-draft-amount{margin:0;font-size:11px;line-height:1;color:#d94d59;white-space:nowrap}
.assistant-draft-card:has(.draft-type.income) .assistant-draft-amount{color:#178a4a}
.assistant-draft-summary{border:0;background:transparent;border-radius:0;padding:6px 1px 5px;margin:0}
.assistant-draft-summary>div:not(.assistant-draft-amount){grid-template-columns:64px minmax(0,1fr);gap:7px;padding:2px 0;font-size:8.5px;line-height:1.35}
.assistant-draft-summary b{font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.assistant-draft-actions{display:grid;grid-template-columns:auto auto minmax(118px,1fr);align-items:center;gap:5px;margin-top:4px}
.draft-action{min-height:32px;border:0;border-radius:9px;padding:0 9px;background:#f5f7fa;color:#4b5563;display:inline-flex;align-items:center;justify-content:center;gap:5px;font:inherit;font-size:8.5px;cursor:pointer;white-space:nowrap}
.draft-action i{font-size:8px}.draft-action:hover{background:#eef2f7}.draft-action.active{background:#edf4ff;color:var(--green-dark)}
.draft-save{background:var(--green);color:#fff}.draft-save:hover{background:var(--green-dark)}.draft-save:disabled{opacity:.55;cursor:not-allowed}
.assistant-draft-editor[hidden]{display:none}
.assistant-draft-editor{margin-top:9px;padding:9px;grid-template-columns:1fr 1fr;gap:7px;border-radius:11px}
.assistant-draft-card.is-editing{padding:12px}.assistant-draft-card.is-editing .assistant-draft-summary{padding-bottom:2px}
html[data-theme="dark"] .assistant-draft-card{background:#101923;border-color:#25384c}
html[data-theme="dark"] .assistant-draft-summary{background:transparent;border:0}
html[data-theme="dark"] .draft-action{background:#162331;color:#cbd5e1}html[data-theme="dark"] .draft-action:hover{background:#1c2c3c}html[data-theme="dark"] .draft-save{background:var(--green);color:#fff}
@media(max-width:560px){
  .assistant-draft-card{padding:9px 10px;border-radius:13px;margin-bottom:8px}
  .assistant-draft-actions{grid-template-columns:auto auto minmax(108px,1fr);gap:4px}
  .draft-action{min-height:31px;padding:0 8px;font-size:8px}
  .assistant-draft-summary>div:not(.assistant-draft-amount){grid-template-columns:58px minmax(0,1fr);font-size:8px}
  .assistant-draft-summary b{font-size:8px}
  .assistant-draft-top .assistant-draft-amount{font-size:10.5px}
  .assistant-draft-card.is-editing .assistant-draft-actions{grid-template-columns:1fr 1fr}
  .assistant-draft-card.is-editing .draft-save{grid-column:1/-1}
}

/* v2.0.19 — compact assistant editor without apply button + modern dropdowns */
.assistant-draft-editor{grid-template-columns:1fr 1fr;gap:7px;overflow:visible}
.assistant-editor-field{display:grid;gap:5px;min-width:0;position:relative}
.assistant-editor-label{font-size:8.5px;color:var(--muted)}
.assistant-editor-input{width:100%;height:40px;border:1px solid var(--line);border-radius:11px;padding:0 10px;background:var(--panel);color:var(--text);outline:0;font:inherit;font-size:9.5px}
.assistant-editor-input:focus{border-color:#7db3ff;box-shadow:0 0 0 3px rgba(47,128,237,.10)}
.assistant-smart-select{position:relative;min-width:0}
.assistant-smart-trigger{width:100%;height:40px;border:1px solid var(--line);border-radius:11px;background:var(--panel);color:var(--text);padding:0 9px;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;text-align:left;outline:0}
.assistant-smart-trigger:hover{border-color:#b9cdf0}.assistant-smart-select.is-open .assistant-smart-trigger,.assistant-smart-trigger:focus-visible{border-color:#7db3ff;box-shadow:0 0 0 3px rgba(47,128,237,.10)}
.assistant-smart-trigger-main{display:flex;align-items:center;gap:7px;min-width:0}.assistant-smart-trigger-icon,.assistant-smart-option-icon{width:26px;height:26px;border:1px solid #e6ebf2;border-radius:8px;background:#f7f9fc;color:#47709f;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex:none}.assistant-smart-trigger-icon i,.assistant-smart-option-icon i{font-size:10px}.assistant-smart-trigger-icon img,.assistant-smart-option-icon img{position:absolute;inset:3px;width:calc(100% - 6px);height:calc(100% - 6px);object-fit:contain;background:#fff;border-radius:5px;z-index:2}.assistant-smart-trigger-text{font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.assistant-smart-trigger-text.is-placeholder{color:#98a2b3}.assistant-smart-chevron{font-size:9px;color:#2f80ed;transition:transform .18s}.assistant-smart-select.is-open .assistant-smart-chevron{transform:rotate(180deg)}
.assistant-smart-menu{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:1400;background:#fff;border:1px solid #d9e2ef;border-radius:13px;padding:7px;box-shadow:0 18px 42px rgba(15,23,42,.15)}.assistant-smart-menu[hidden]{display:none}.assistant-smart-search{height:36px;border:1px solid #d9e2ef;border-radius:10px;display:flex;align-items:center;gap:7px;padding:0 9px;margin-bottom:6px;background:#fff}.assistant-smart-search:focus-within{border-color:#7db3ff;box-shadow:0 0 0 3px rgba(47,128,237,.09)}.assistant-smart-search i{font-size:10px;color:#2f80ed}.assistant-smart-search input{width:100%;height:28px;border:0;outline:0;box-shadow:none;background:transparent;color:var(--text);padding:4px 0;margin:0;font:inherit;font-size:9.5px;line-height:20px;caret-color:#2f80ed}.assistant-smart-options{max-height:190px;overflow:auto;padding:1px;scrollbar-width:thin;scrollbar-color:#c5d3e6 transparent}.assistant-smart-option{width:100%;min-height:38px;border:0;background:transparent;border-radius:9px;padding:6px 7px;display:flex;align-items:center;gap:8px;text-align:left;color:var(--text);cursor:pointer}.assistant-smart-option:hover{background:#f4f7fb}.assistant-smart-option[aria-selected="true"]{background:transparent}.assistant-smart-option-copy{min-width:0;display:block}.assistant-smart-option-copy b{display:block;font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.assistant-smart-option-copy small{display:block;font-size:7.5px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.assistant-smart-empty{padding:15px 8px;text-align:center;color:var(--muted);font-size:9px}
.assistant-draft-actions{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,.82fr) minmax(0,1.36fr);gap:5px;align-items:center}.assistant-draft-actions .draft-action{width:100%;min-width:0;padding:0 6px}.assistant-draft-actions .draft-save{grid-column:auto}.assistant-draft-card.is-editing .assistant-draft-actions{grid-template-columns:minmax(0,.82fr) minmax(0,.82fr) minmax(0,1.36fr)}.assistant-draft-card.is-editing .draft-save{grid-column:auto}
html[data-theme="dark"] .assistant-editor-input,html[data-theme="dark"] .assistant-smart-trigger,html[data-theme="dark"] .assistant-smart-menu,html[data-theme="dark"] .assistant-smart-search{background:#0d151e;border-color:var(--line);color:var(--text)}html[data-theme="dark"] .assistant-smart-option:hover{background:#17283d}html[data-theme="dark"] .assistant-smart-trigger-icon,html[data-theme="dark"] .assistant-smart-option-icon{background:#17212d;border-color:#2a394b;color:#96b9e8}
@media(max-width:560px){.assistant-draft-editor{grid-template-columns:1fr 1fr}.assistant-smart-menu{position:fixed;left:12px;right:12px;top:auto;bottom:84px;z-index:1600;border-radius:18px;padding:9px}.assistant-smart-options{max-height:min(300px,42vh)}.assistant-smart-option{min-height:44px}.assistant-smart-search{height:42px}.assistant-draft-actions{grid-template-columns:minmax(0,.78fr) minmax(0,.78fr) minmax(0,1.44fr)}.draft-action{font-size:7.6px;padding:0 5px}}
@media(max-width:360px){.assistant-draft-editor{grid-template-columns:1fr}.assistant-draft-actions{gap:4px}.draft-action{font-size:7.2px}.draft-action i{font-size:7px}}


/* v2.0.21 — compact assistant saved receipt, matching reference */
.assistant-saved-group{width:min(360px,88%);display:grid;gap:12px;margin:8px 0 16px;align-self:flex-start}
.assistant-saved-note{display:flex;align-items:flex-start;gap:8px;background:#f7f7f7;border:0;border-radius:15px;padding:13px 14px;color:#222;font-size:12px;line-height:1.55;box-shadow:0 4px 14px rgba(15,23,42,.025)}
.assistant-saved-check{color:#27ae60;font-size:17px;line-height:1;flex:none;margin-top:1px}
.assistant-saved-note-text{min-width:0}
.assistant-saved-card{width:100%;background:#fff;border:1px solid #dfe3e8;border-radius:12px;padding:13px 14px 14px;box-shadow:none}
.assistant-saved-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid #eceff2}
.assistant-saved-head{display:flex;align-items:center;gap:9px;min-width:0}
.assistant-saved-icon{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none;font-size:13px}
.assistant-saved-icon.income{background:#e9f8ef;color:#168f4f}
.assistant-saved-icon.expense{background:#fdebed;color:#d84a55}
.assistant-saved-title{display:block;min-width:0}
.assistant-saved-title b{display:block;font-size:12px;line-height:1.2;color:var(--text)}
.assistant-saved-title small{display:block;color:#7f8792;font-size:10px;margin-top:3px}
.assistant-saved-amount{font-size:15px;line-height:1.2;white-space:nowrap;letter-spacing:-.2px}
.assistant-saved-amount.income{color:#168f4f}
.assistant-saved-amount.expense{color:#d31320}
.assistant-saved-meta{display:grid;gap:8px;padding-top:11px}
.assistant-saved-row{display:grid;grid-template-columns:15px 58px minmax(0,1fr);align-items:center;column-gap:7px;min-width:0;font-size:11px;line-height:1.3}
.assistant-saved-row-icon{width:15px;color:#6f7782;text-align:center;font-size:11px}
.assistant-saved-row-label{color:#777f89}
.assistant-saved-row-value{color:var(--text);font-weight:600;min-width:0;overflow-wrap:anywhere}
html[data-theme="dark"] .assistant-saved-note{background:#171c22;color:#f3f4f6;box-shadow:none}
html[data-theme="dark"] .assistant-saved-card{background:#101923;border-color:#2a3949}
html[data-theme="dark"] .assistant-saved-top{border-bottom-color:#273748}
html[data-theme="dark"] .assistant-saved-title small,html[data-theme="dark"] .assistant-saved-row-label,html[data-theme="dark"] .assistant-saved-row-icon{color:#9aa8b8}
@media(max-width:560px){
 .assistant-saved-group{width:100%;max-width:100%;gap:10px;margin:6px 0 14px}
 .assistant-saved-note{font-size:11px;padding:12px 13px;border-radius:14px}
 .assistant-saved-card{padding:12px 13px 13px;border-radius:12px}
 .assistant-saved-amount{font-size:14px}
 .assistant-saved-row{grid-template-columns:14px 56px minmax(0,1fr);font-size:10.5px}
}


/* v2.0.22 — global anchored dropdowns: always open directly below the trigger */
@media(max-width:900px){
  .transaction-filters{flex-wrap:wrap;overflow:visible;padding-bottom:0}
  .filter-popover{position:relative;overflow:visible;z-index:30}
  .filter-popover[open]{z-index:460}
  .filter-menu{
    position:absolute;
    left:0;
    right:auto;
    top:calc(100% + 7px);
    bottom:auto;
    width:max-content;
    min-width:190px;
    max-width:min(320px,calc(100vw - 28px));
    max-height:min(320px,46vh);
    overflow:auto;
    z-index:1500;
    border-radius:14px;
    padding:7px;
  }
  .filter-menu.account-filter-menu{min-width:min(280px,calc(100vw - 28px))}
}
@media(max-width:560px){
  .provider-field,.smart-select-field,.assistant-editor-field{position:relative;overflow:visible}
  .provider-select,.smart-select,.assistant-smart-select{position:relative;overflow:visible}
  .provider-field:focus-within,.smart-select-field:focus-within,.assistant-editor-field:focus-within{z-index:500}
  .provider-field .provider-select.is-open,.smart-select-field .smart-select.is-open,.assistant-editor-field .assistant-smart-select.is-open{z-index:520}

  .provider-select-menu,
  .account-modal .provider-select-menu,
  .transaction-form-card .smart-select-menu,
  .assistant-smart-menu{
    position:absolute;
    left:0;
    right:0;
    top:calc(100% + 7px);
    bottom:auto;
    width:100%;
    max-width:none;
    max-height:min(330px,46vh);
    border-radius:16px;
    padding:8px;
    z-index:1600;
    box-shadow:0 16px 38px rgba(15,23,42,.16);
  }
  .provider-options,.transaction-form-card .smart-select-options,.assistant-smart-options{max-height:min(245px,34vh)}
  .provider-search-box,.transaction-form-card .smart-select-search,.assistant-smart-search{height:42px}
  .provider-option,.transaction-form-card .smart-select-option,.assistant-smart-option{min-height:42px}

  /* Keep account modal dropdown anchored to its field instead of turning into a bottom sheet. */
  .account-modal .provider-field{z-index:80}
  .account-modal .provider-field:focus-within{z-index:700}

  /* Transaction form menus need to stay above the fields that follow them. */
  .transaction-form-card .smart-select-field{z-index:40}
  .transaction-form-card .smart-select-field + .smart-select-field{z-index:39}

  /* Assistant editor dropdowns also remain attached to the edited field. */
  .assistant-draft-card,.assistant-draft-editor{overflow:visible}
}


/* v2.0.23 — narrower account/rekening dropdowns on mobile */
@media(max-width:560px){
  /* Transactions: keep the account filter compact and nudge it to the right. */
  .filter-menu.account-filter-menu{
    left:14px;
    right:auto;
    width:min(220px,calc(100vw - 170px));
    min-width:190px;
    max-width:220px;
  }

  /* Add transaction: the rekening menu is slightly narrower than the field
     and aligned to the field's right edge, so it does not feel oversized. */
  #transactionAccountSelect .smart-select-menu{
    left:auto;
    right:0;
    width:92%;
    max-width:92%;
  }
}
@media(max-width:350px){
  .filter-menu.account-filter-menu{
    left:8px;
    width:178px;
    min-width:178px;
    max-width:178px;
  }
  #transactionAccountSelect .smart-select-menu{
    width:94%;
    max-width:94%;
  }
}


/* v2.0.24 — global Rupiah inputs + manual transaction success sheet */
input[data-rupiah]{font-variant-numeric:tabular-nums}
.amount-input input[data-rupiah]{appearance:textfield;-moz-appearance:textfield}
.transaction-success-overlay{position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center;padding:20px}
.transaction-success-overlay:not(.is-open){display:none}
.transaction-success-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.38);backdrop-filter:blur(2px)}
.transaction-success-sheet{position:relative;z-index:1;width:min(390px,calc(100vw - 28px));background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:10px 22px 20px;box-shadow:0 28px 70px rgba(15,23,42,.22);text-align:center}
.transaction-success-handle{width:38px;height:4px;border-radius:999px;background:#e2e8f0;margin:0 auto 12px}
.transaction-success-head{display:grid;grid-template-columns:32px 1fr 32px;align-items:center;margin-bottom:18px}
.transaction-success-head:before{content:""}.transaction-success-head strong{font-size:15px}.transaction-success-head button{width:32px;height:32px;border:0;background:transparent;color:var(--text);border-radius:50%;cursor:pointer}
.transaction-success-icon{width:62px;height:62px;border-radius:18px;margin:0 auto 15px;display:grid;place-items:center;background:linear-gradient(145deg,#11c893,#069b78);color:#fff;font-size:26px;box-shadow:0 13px 28px rgba(5,150,105,.24)}
.transaction-success-copy{display:grid;gap:4px}.transaction-success-copy span{font-size:12px;font-weight:600}.transaction-success-copy strong{font-size:25px;letter-spacing:-.7px}.transaction-success-copy small{font-size:11px;color:var(--muted)}
.transaction-success-progress{height:4px;width:142px;margin:20px auto 6px;background:#e8edf3;border-radius:999px;overflow:hidden}.transaction-success-progress i{display:block;height:100%;width:100%;background:#10b981;border-radius:inherit;transform-origin:left;animation:fundcashSuccessCountdown 3.6s linear forwards}.transaction-success-note{font-size:9px;color:var(--muted)}
@keyframes fundcashSuccessCountdown{from{transform:scaleX(1)}to{transform:scaleX(0)}}
html[data-theme="dark"] .transaction-success-backdrop{background:rgba(0,0,0,.56)}html[data-theme="dark"] .transaction-success-handle{background:#334155}html[data-theme="dark"] .transaction-success-progress{background:#273547}
@media(max-width:560px){.transaction-success-overlay{align-items:flex-end;padding:0}.transaction-success-sheet{width:100%;max-width:none;border-radius:24px 24px 0 0;border-left:0;border-right:0;border-bottom:0;padding:10px 24px calc(24px + env(safe-area-inset-bottom));}.transaction-success-backdrop{backdrop-filter:blur(1.5px)}.transaction-success-copy strong{font-size:26px}}
@media(prefers-reduced-motion:reduce){.transaction-success-progress i{animation:none;transform:scaleX(.35)}}

/* v2.0.26 — receipt scan integrated into Assistant Finance */
.assistant-compose-shell{border-top:1px solid var(--line);padding-top:10px;margin-top:4px;display:grid;gap:8px}
.assistant-compose-row{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px;align-items:center}
.assistant-compose-row input{width:100%;height:44px;border:1px solid var(--line);border-radius:14px;padding:0 13px;background:var(--panel);color:var(--text);outline:0;font:inherit}
.assistant-compose-row input:focus{border-color:#7db3ff;box-shadow:0 0 0 4px rgba(47,128,237,.12)}
.assistant-compose-tools{display:flex;align-items:center;gap:7px;min-height:34px}
.assistant-tool-btn{height:32px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:#667085;padding:0 11px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;font:inherit;font-size:10px}
.assistant-tool-btn i{font-size:10px}.assistant-tool-btn:hover{border-color:#b9cdf0;color:var(--green-dark)}
.assistant-tool-btn.voice-btn{background:#eef8e8;border-color:#dbeecf;color:#5d9b20;border-radius:999px}
.assistant-tool-btn.voice-btn.listening{animation:pulse 1s infinite;background:#fff0f2;border-color:#ffd5dc;color:#e1535e}
.assistant-compose-tools .voice-status{margin-left:auto;margin-top:0;text-align:right;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.chat-receipt-sent{align-self:flex-end;max-width:210px;background:var(--green);color:#fff;border-radius:17px 17px 5px 17px;padding:7px;display:grid;gap:6px;margin-left:auto}
.chat-receipt-sent img{width:100%;max-height:150px;object-fit:cover;border-radius:12px;background:#e5e7eb}
.chat-receipt-sent span{font-size:10px;padding:1px 3px 2px}.chat-receipt-sent span i{font-size:9px;margin-right:4px}

.assistant-receipt-alerts{display:grid;gap:6px;margin:7px 0 8px}
.assistant-receipt-alert{display:flex;align-items:flex-start;gap:8px;border-radius:10px;padding:8px 9px;font-size:8.5px;line-height:1.35}
.assistant-receipt-alert>i{font-size:10px;margin-top:2px;flex:none}.assistant-receipt-alert span{display:grid;gap:2px}.assistant-receipt-alert b{font-size:8.5px}.assistant-receipt-alert small{font-size:7.6px;line-height:1.35}
.assistant-receipt-alert.danger{background:#fff0f2;border:1px solid #f6c9d0;color:#b42336}.assistant-receipt-alert.danger small{color:#b65d69}
.assistant-receipt-alert.warning{background:#fffaf0;border:1px solid #f2dfad;color:#9a6700}.assistant-receipt-alert.warning small{color:#9b7a32}

.assistant-camera-open{overflow:hidden}
.assistant-camera-overlay{position:fixed;inset:0;z-index:5000;background:#050607;display:flex;align-items:center;justify-content:center}
.assistant-camera-overlay[hidden]{display:none}
.assistant-camera-shell{width:min(460px,100%);height:100%;max-height:100vh;background:#050607;display:grid;grid-template-rows:62px minmax(0,1fr) 112px;color:#fff;overflow:hidden}
.assistant-camera-top{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;padding:8px 10px;position:relative;z-index:2;background:linear-gradient(to bottom,rgba(0,0,0,.65),rgba(0,0,0,0))}
.assistant-camera-top strong{text-align:center;font-size:13px}.assistant-camera-top button,.camera-side-btn{border:0;background:transparent;color:#fff;cursor:pointer}
.assistant-camera-top button{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:16px}
.assistant-camera-stage{position:relative;min-height:0;overflow:hidden;background:#000}
.assistant-camera-stage video{width:100%;height:100%;object-fit:cover;display:block}
.assistant-camera-guide{position:absolute;inset:9% 10%;border:1.5px solid rgba(255,255,255,.72);border-radius:18px;box-shadow:0 0 0 999px rgba(0,0,0,.13);pointer-events:none}
.assistant-camera-guide:before,.assistant-camera-guide:after,.assistant-camera-guide>span:before,.assistant-camera-guide>span:after{content:"";position:absolute;width:24px;height:24px;border-color:#fff;border-style:solid}
.assistant-camera-guide:before{left:-2px;top:-2px;border-width:3px 0 0 3px;border-radius:10px 0 0}.assistant-camera-guide:after{right:-2px;top:-2px;border-width:3px 3px 0 0;border-radius:0 10px 0 0}
.assistant-camera-guide>span:before{left:-2px;bottom:-2px;border-width:0 0 3px 3px;border-radius:0 0 0 10px}.assistant-camera-guide>span:after{right:-2px;bottom:-2px;border-width:0 3px 3px 0;border-radius:0 0 10px}
.assistant-camera-guide small{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);background:rgba(0,0,0,.52);padding:5px 8px;border-radius:999px;font-size:9px;white-space:nowrap;color:#fff}
.assistant-camera-controls{display:grid;grid-template-columns:1fr 92px 1fr;align-items:center;padding:10px 24px 18px;background:linear-gradient(to top,#050607 60%,rgba(5,6,7,.88))}
.camera-side-btn{display:grid;place-items:center;gap:4px;justify-self:start;font-size:9px}.camera-side-btn i{font-size:18px}.camera-side-spacer{width:40px}
.assistant-shutter{width:76px;height:76px;border-radius:50%;border:4px solid #fff;background:transparent;padding:5px;justify-self:center;cursor:pointer}
.assistant-shutter span{display:block;width:100%;height:100%;border-radius:50%;background:#fff}
.assistant-shutter:active span{transform:scale(.92)}

.assistant-ocr-overlay{position:fixed;inset:0;z-index:5100;background:rgba(3,7,18,.58);backdrop-filter:blur(3px);display:grid;place-items:center;padding:20px}
.assistant-ocr-overlay[hidden]{display:none}
.assistant-ocr-card{width:min(270px,calc(100vw - 40px));background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:20px;padding:24px;text-align:center;display:grid;justify-items:center;gap:8px;box-shadow:0 24px 60px rgba(15,23,42,.25)}
.assistant-ocr-card strong{font-size:14px}.assistant-ocr-card small{font-size:10px;color:var(--muted)}
.assistant-ocr-spinner{width:42px;height:42px;border:4px solid #dbeafe;border-top-color:var(--green);border-radius:50%;animation:assistantOcrSpin .8s linear infinite;margin-bottom:3px}
@keyframes assistantOcrSpin{to{transform:rotate(360deg)}}

html[data-theme="dark"] .assistant-compose-row input,html[data-theme="dark"] .assistant-tool-btn{background:#0f1720;border-color:var(--line);color:var(--text)}
html[data-theme="dark"] .assistant-tool-btn.voice-btn{background:#173022;border-color:#294a34;color:#9bd36a}
html[data-theme="dark"] .assistant-receipt-alert.danger{background:#32171d;border-color:#5d2934;color:#ff9aaa}html[data-theme="dark"] .assistant-receipt-alert.danger small{color:#d98591}
html[data-theme="dark"] .assistant-receipt-alert.warning{background:#2b2414;border-color:#574929;color:#ffd36b}html[data-theme="dark"] .assistant-receipt-alert.warning small{color:#d8bd78}
@media(max-width:560px){
 .assistant-compose-row{grid-template-columns:minmax(0,1fr) 42px}.assistant-compose-row input{height:43px;font-size:16px}
 .assistant-compose-tools{padding:0 1px}.assistant-tool-btn{height:31px;padding:0 10px;font-size:9px}.assistant-compose-tools .voice-status{font-size:8px;max-width:135px}
 .assistant-camera-shell{width:100%;height:100%;max-height:none}.assistant-camera-guide{inset:8% 9%}.assistant-camera-controls{padding-bottom:calc(18px + env(safe-area-inset-bottom))}
 .chat-receipt-sent{max-width:62%}
}
@media(min-width:561px){.assistant-camera-shell{height:min(760px,92vh);border-radius:24px;box-shadow:0 26px 80px rgba(0,0,0,.45)}}
@media(prefers-reduced-motion:reduce){.assistant-ocr-spinner{animation-duration:1.6s}}


/* v2.0.27 assistant scan JSON hardening + send button alignment */
.assistant-compose-row .send-btn{width:44px;height:44px;min-width:44px;min-height:44px;padding:0;margin:0;border:0;border-radius:14px;display:grid;place-items:center;align-self:center;justify-self:end;line-height:1;box-shadow:none}
.assistant-compose-row .send-btn i{display:block;font-size:16px;line-height:1;margin:0;transform:none}
.assistant-compose-row .send-btn:hover{box-shadow:0 8px 18px rgba(47,128,237,.18);transform:translateY(-1px)}
.assistant-compose-row .send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}
@media(max-width:560px){.assistant-compose-row .send-btn{width:43px;height:43px;min-width:43px;min-height:43px;border-radius:13px}.assistant-compose-row .send-btn i{font-size:15px}}

/* v2.0.28 — live OCR progress */
.assistant-ocr-progress{width:100%;height:7px;background:#edf2f7;border-radius:999px;overflow:hidden;margin-top:6px}
.assistant-ocr-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green),#66a8ff);transition:width .18s ease}
.assistant-ocr-percent{font-size:11px;color:var(--green-dark);font-weight:700;letter-spacing:.02em}
html[data-theme="dark"] .assistant-ocr-progress{background:#253344}
@media(prefers-reduced-motion:reduce){.assistant-ocr-progress i{transition:none}}

/* Mobile topbar order: theme | settings | notification | sidebar */
@media(max-width:900px){
  .top-actions .theme-toggle{order:1}
  .top-actions > a[href="settings.php"]{order:2}
  .top-actions .notification-top-link{order:3}
  .top-actions .drawer-trigger{order:4}
}


/* v218.3 — compact transaction filter dropdowns on mobile */
@media(max-width:560px){
  .transaction-filters .compact-filter-menu{
    width:max-content;
    min-width:0;
    max-width:calc(100vw - 28px);
    padding:6px;
  }
  .transaction-filters .compact-filter-menu a{
    width:auto;
    min-width:0;
    white-space:nowrap;
    padding:9px 10px;
    gap:14px;
  }
  .transaction-filters .period-filter-menu{
    min-width:124px;
  }
  .transaction-filters .type-filter-menu{
    min-width:132px;
    left:auto;
    right:0;
  }
}


/* v218.5 — cleaner dropdown search fields without pill border radius */
.provider-search-box,
.smart-select-search,
.assistant-smart-search{
  border-radius:6px;
}
.provider-search-box input,
.smart-select-search input,
.assistant-smart-search input{
  border-radius:0;
}


/* v218.6 — flat dropdown search fields, no visible border/radius, caret-safe */
.provider-search-box,
.smart-select-search,
.assistant-smart-search{
  border:0;
  border-radius:0;
  box-shadow:none;
  background:transparent;
  overflow:visible;
  padding-left:2px;
  padding-right:2px;
}
.provider-search-box:focus-within,
.smart-select-search:focus-within,
.assistant-smart-search:focus-within{
  border:0;
  border-color:transparent;
  border-radius:0;
  box-shadow:none;
  outline:0;
}
.provider-search-box input[type="search"],
.smart-select-search input[type="search"],
.assistant-smart-search input[type="search"]{
  height:32px;
  min-height:32px;
  line-height:1.4;
  padding:5px 2px;
  margin:0;
  border:0;
  border-radius:0;
  outline:0;
  box-shadow:none;
  background:transparent;
  overflow:visible;
  caret-color:#2f80ed;
  -webkit-appearance:none;
  appearance:none;
}
.provider-search-box input[type="search"]:focus,
.smart-select-search input[type="search"]:focus,
.assistant-smart-search input[type="search"]:focus{
  border:0;
  border-radius:0;
  outline:0;
  box-shadow:none;
}
.provider-search-box input[type="search"]::-webkit-search-decoration,
.provider-search-box input[type="search"]::-webkit-search-cancel-button,
.smart-select-search input[type="search"]::-webkit-search-decoration,
.smart-select-search input[type="search"]::-webkit-search-cancel-button,
.assistant-smart-search input[type="search"]::-webkit-search-decoration,
.assistant-smart-search input[type="search"]::-webkit-search-cancel-button{
  -webkit-appearance:none;
}
html[data-theme="dark"] .provider-search-box,
html[data-theme="dark"] .smart-select-search,
html[data-theme="dark"] .assistant-smart-search{
  background:transparent;
  border:0;
  box-shadow:none;
}