:root{--blue:#2078d4;--bg:#f4f6f8;--text:#151515;--muted:#777;--line:#e6e6e6;--red:#e53935;--green:#22a952;--purple:#6554c0;--card:#fff}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.app-shell{display:flex;min-height:100vh}.sidebar{width:260px;background:#fff;padding:28px 24px;border-right:1px solid var(--line);position:sticky;top:0;height:100vh}.sidebar h2{font-size:13px;color:var(--muted);font-weight:500;margin:0 0 24px}.sidebar a{display:block;padding:13px 14px;border-radius:12px;font-weight:700;margin-bottom:5px}.sidebar a.active{background:#eaf3ff;color:var(--blue)}.sidebar .logout{color:#b3261e}.sidebar hr{border:0;border-top:1px solid #222;margin:18px 0}.main{flex:1;min-width:0}.topbar{height:84px;background:var(--blue);display:flex;align-items:center;gap:28px;padding:0 32px;color:#fff}.topbar strong{font-size:22px;letter-spacing:.5px}.icon-btn,.plus{border:0;background:transparent;color:#fff;font-size:30px;cursor:pointer}.plus{margin-left:auto}.content{max-width:1040px;margin:0 auto;padding:32px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}h1{font-size:24px;text-transform:uppercase;letter-spacing:.8px;margin:0 0 22px}h2{font-size:18px;margin:0 0 16px}.filter select,.form input,.form select,.inline-form input,.inline-form select,.manage-row input,.manage-row select,.budget-edit input{width:100%;border:1px solid #c9c9c9;border-radius:8px;background:#fff;padding:14px 16px;font-size:16px}.filter select{min-width:170px;color:#555}.cards{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:16px;margin-bottom:24px}.card,.panel,.date-group,.login-card{background:var(--card);border-radius:14px;box-shadow:0 2px 12px rgba(0,0,0,.06);padding:24px}.card span{display:block;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.card strong{font-size:30px}.green{color:var(--green)}.red,.expense{color:var(--red)}.blue,.investment{color:var(--purple)}.income{color:var(--green)}.panel{margin-bottom:20px}.panel-head{display:flex;align-items:center;justify-content:space-between}.panel-head a{color:var(--blue);font-weight:700}.budget-row{display:grid;grid-template-columns:220px 1fr;gap:18px;align-items:center;margin:18px 0}.budget-row small,.txn small,.manage-row small{display:block;color:var(--muted);margin-top:4px}.bar{height:8px;background:#bdd8f6;border-radius:99px;overflow:hidden}.bar i{display:block;height:100%;background:var(--blue)}.tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.tabs a{padding:10px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:700}.tabs a.active{background:var(--blue);color:#fff;border-color:var(--blue)}.date-group{padding:0;margin-bottom:18px;overflow:hidden}.date-head{display:flex;justify-content:space-between;gap:16px;padding:18px 24px;border-bottom:1px solid var(--line);position:sticky;top:84px;background:#fff;z-index:1}.txn{display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;padding:14px 24px;border-bottom:1px solid #f0f0f0}.store-icon{font-size:22px}.form{display:grid;gap:16px;max-width:620px}.form label{font-weight:700}.form label input,.form label select{margin-top:8px}.switch-row{display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:12px;padding:16px;border:1px solid var(--line)}.switch-row input{width:22px;height:22px}.btn{border:0;border-radius:8px;padding:14px 18px;font-size:15px;font-weight:800;text-align:center;cursor:pointer;display:inline-block}.btn.primary{background:var(--blue);color:#fff}.btn.secondary{background:#999;color:#fff}.btn.small{padding:10px 12px;font-size:13px}.btn.danger{background:#fff0f0;color:#b3261e;border:1px solid #ffd0d0}.inline-form{display:grid;grid-template-columns:70px 1fr 160px 110px;gap:10px}.manage-row{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:10px;display:grid;grid-template-columns:70px 1fr 150px auto auto;gap:10px;align-items:center}.manage-row.recurring{grid-template-columns:1fr auto auto auto}.budget-edit{border-bottom:1px solid var(--line);padding:14px 0}.budget-edit label{display:grid;grid-template-columns:1fr 180px;gap:12px;align-items:center}.report-row{display:grid;grid-template-columns:1fr auto;gap:12px;margin:14px 0}.report-row .bar{grid-column:1 / -1}.empty,.muted{color:var(--muted)}.flash{padding:12px 14px;border-radius:10px;margin-bottom:16px;font-weight:700}.flash.success{background:#eaf8ef;color:#136f36}.flash.error{background:#ffefef;color:#a11010}.login-body{display:grid;place-items:center;min-height:100vh}.login-card{width:min(420px,92vw)}.login-card h1{text-transform:none}.login-card form{display:grid;gap:14px}.login-card input{width:100%;border:1px solid #c9c9c9;border-radius:8px;padding:14px;margin-top:6px;font-size:16px}@media(max-width:800px){.sidebar{position:fixed;left:-280px;z-index:10;transition:.2s}.sidebar.open{left:0}.content{padding:22px}.cards{grid-template-columns:1fr 1fr}.budget-row{grid-template-columns:1fr}.inline-form,.manage-row,.budget-edit label{grid-template-columns:1fr}.date-head{top:84px}.topbar{padding:0 22px}.page-head{align-items:flex-start;flex-direction:column}}@media(max-width:520px){.cards{grid-template-columns:1fr}.topbar strong{font-size:18px}.content{padding:18px}.txn{grid-template-columns:30px 1fr}.txn strong{grid-column:2}.card strong{font-size:26px}}
.auth-link{margin-top:16px}.auth-link a{color:var(--blue);font-weight:800}.login-card hr{border:0;border-top:1px solid var(--line);margin:22px 0}.store-img{width:32px;height:32px;border-radius:8px;object-fit:contain;background:#f6f6f6;border:1px solid var(--line);padding:3px}.store-preview{display:flex;align-items:center;justify-content:center}.file-input{font-size:13px;color:var(--muted);font-weight:700}.file-input input{display:block;margin-top:6px;font-size:13px;border:1px solid #c9c9c9;border-radius:8px;padding:10px;background:#fff}.small-file input{max-width:180px}.row-title{display:flex;gap:12px;align-items:center}.inline-form{grid-template-columns:70px 1fr 190px 140px}.manage-row{grid-template-columns:46px 70px 1fr 160px auto auto}@media(max-width:800px){.inline-form,.manage-row{grid-template-columns:1fr}.store-preview{justify-content:flex-start}.small-file input{max-width:100%}}

.captcha-wrap {
  margin: 12px 0 16px;
  min-height: 78px;
  display: flex;
  align-items: center;
  overflow-x: auto;
}
.store-form{display:grid;grid-template-columns:1fr 260px 140px;gap:12px;align-items:end}.store-form input[type=text],.store-form input:not([type]){width:100%;border:1px solid #c9c9c9;border-radius:8px;background:#fff;padding:14px 16px;font-size:16px}.store-row{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:10px;display:grid;grid-template-columns:54px 1fr 210px auto auto;gap:12px;align-items:center}.store-row>input{width:100%;border:1px solid #c9c9c9;border-radius:8px;background:#fff;padding:12px 14px;font-size:16px}.store-img{width:36px;height:36px;border-radius:9px;object-fit:contain;background:#f6f6f6;border:1px solid var(--line);padding:4px}.store-preview{display:flex;align-items:center;justify-content:center}@media(max-width:800px){.store-form,.store-row{grid-template-columns:1fr}.store-preview{justify-content:flex-start}}

/* Stores page redesign */
.page-subtitle{margin:6px 0 0;color:var(--muted);font-size:15px}.stores-head{margin-bottom:22px}.store-add-panel,.stores-card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 24px rgba(15,23,42,.06);padding:24px;margin-bottom:24px}.store-add-panel{display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:start}.store-add-copy h2,.stores-card h2{margin:5px 0 6px;font-size:20px}.eyebrow{display:inline-flex;background:#eaf3ff;color:var(--blue);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;letter-spacing:.4px;text-transform:uppercase}.store-add-form{display:grid;grid-template-columns:minmax(220px,1fr) 240px 140px;gap:14px;align-items:end}.field-label{display:grid;gap:8px;font-size:13px;font-weight:800;color:#4b5563}.field-label input{width:100%;height:48px;border:1px solid #d8dee8;border-radius:12px;background:#fff;padding:0 14px;font-size:16px;color:var(--text);outline:0}.field-label input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(32,120,212,.12)}.upload-tile,.replace-upload{position:relative;border:1px dashed #b8c3d3;background:#f8fafc;border-radius:14px;min-height:86px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:14px;color:#344054;cursor:pointer;transition:.15s}.upload-tile:hover,.replace-upload:hover{border-color:var(--blue);background:#f1f7ff}.upload-tile input,.replace-upload input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-icon{width:28px;height:28px;border-radius:50%;background:#eaf3ff;color:var(--blue);display:grid;place-items:center;font-size:22px;line-height:1;font-weight:800;margin-bottom:6px}.upload-title,.replace-upload span{font-weight:900}.upload-tile small,.replace-upload small{color:var(--muted);margin-top:4px}.store-add-btn{height:48px;border-radius:12px}.stores-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:10px}.count-pill{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;padding:8px 12px;font-weight:800;color:#475569;font-size:13px;white-space:nowrap}.store-list{display:grid;gap:10px}.store-item{display:grid;grid-template-columns:58px minmax(220px,1fr) 210px auto;gap:14px;align-items:center;padding:14px;border:1px solid transparent;border-radius:16px}.store-item:hover{background:#f8fafc;border-color:#edf2f7}.store-logo-box{width:48px;height:48px;border-radius:14px;background:#f1f5f9;border:1px solid #e2e8f0;display:grid;place-items:center;overflow:hidden}.store-logo-box .store-img{width:42px;height:42px;border:0;background:transparent;border-radius:10px;padding:3px}.replace-upload{min-height:58px;border-radius:12px;padding:9px 12px}.store-actions{display:flex;gap:8px;justify-content:flex-end}.primary-soft{background:#eaf3ff;color:var(--blue);border:1px solid #cfe5ff}.store-empty{padding:24px;text-align:center;background:#f8fafc;border-radius:14px;margin-top:14px}
@media(max-width:980px){.store-add-panel{grid-template-columns:1fr}.store-add-form{grid-template-columns:1fr}.store-item{grid-template-columns:58px 1fr}.replace-upload,.store-actions{grid-column:2}.store-actions{justify-content:flex-start}}@media(max-width:560px){.stores-card,.store-add-panel{padding:18px;border-radius:14px}.store-item{grid-template-columns:1fr;padding:14px 0;border-bottom:1px solid var(--line);border-radius:0}.store-logo-box,.replace-upload,.store-actions{grid-column:1}.store-actions{width:100%}.store-actions .btn{flex:1}.stores-card-head{flex-direction:column}.count-pill{align-self:flex-start}}

/* Store picker on Add Transaction: use uploaded PNG/placeholder images instead of browser select emoji/options */
.store-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:-6px}
.store-choice{border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px;display:flex;align-items:center;gap:10px;font-weight:800;cursor:pointer;text-align:left;min-height:58px;color:var(--text)}
.store-choice:hover{border-color:#9fc8f5;background:#f7fbff}
.store-choice.selected{border-color:var(--blue);background:#eaf3ff;box-shadow:0 0 0 2px rgba(32,120,212,.12)}
.store-choice .store-img{width:34px;height:34px;border-radius:9px;flex:0 0 34px}
.store-choice-icon{width:34px;height:34px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;background:#f1f3f5;color:var(--muted);border:1px solid var(--line);flex:0 0 34px}
.no-store-dot{font-size:18px}
.field-label{font-weight:800}
@media(max-width:520px){.store-picker{grid-template-columns:1fr}.store-choice{min-height:54px}}