/* Local system fonts keep the private dashboard free from external requests. */
:root{--bg:#f5f7f5;--paper:#fff;--ink:#17241e;--muted:#89958e;--line:#e9eeea;--green:#157a52;--green2:#e8f5ed;--mint:#d8f2e3;--orange:#ef9b39;--red:#dc625b;--shadow:0 3px 15px rgba(23,49,36,.035);font-family:'DM Sans',sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{width:250px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:27px 17px 16px;display:flex;flex-direction:column;z-index:4}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#18271f;font:800 19px Manrope,sans-serif;margin:1px 4px 50px;letter-spacing:-.8px}.brand-light{font-weight:500;color:#69776f}.brand-mark{width:34px;height:34px;border-radius:11px;background:#177a53;color:#fff;display:grid;place-items:center;font:800 21px Manrope,sans-serif;box-shadow:0 4px 9px #157a5233}.side-label{font-size:10px;font-weight:700;letter-spacing:1.4px;color:#a1aaa4;margin:0 11px 12px}.sidebar nav{display:grid;gap:5px}.nav-item{border:0;background:none;text-align:left;padding:11px 13px;border-radius:9px;color:#69766f;font-weight:500;display:flex;align-items:center;gap:13px;transition:.15s}.nav-item span{width:17px;font-size:17px;text-align:center;color:#8c9a91}.nav-item:hover{background:#f7faf7}.nav-item.active{background:#eaf5ed;color:#176e4b;font-weight:700}.nav-item.active span{color:#176e4b}.side-bottom{margin-top:auto}.privacy-note{border:1px solid var(--line);border-radius:10px;padding:12px 10px;display:flex;gap:9px;align-items:flex-start;margin:12px 2px 13px}.lock-icon{width:26px;height:26px;display:grid;place-items:center;background:#edf6ef;color:#247a55;border-radius:8px;font-size:17px}.privacy-note b,.user-chip b{display:block;font-size:11px}.privacy-note small,.user-chip small{display:block;color:var(--muted);font-size:10px;margin-top:4px;line-height:1.4}.logout-link{display:flex;justify-content:space-between;color:#849188;text-decoration:none;padding:10px 11px;font-size:12px}.user-chip{display:flex;align-items:center;gap:9px;padding:13px 4px 3px;border-top:1px solid var(--line);margin-top:8px}.avatar{height:31px;width:31px;background:#deeee3;color:#28754f;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;flex:none}.dots{margin-left:auto;color:#829087;letter-spacing:2px}.main{margin-left:250px;min-height:100vh}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;position:sticky;top:0;z-index:3}.breadcrumb{font-size:12px;color:#849087}.breadcrumb span{padding:0 9px;color:#bac3bd}.breadcrumb b{color:#23332a;font-weight:600}.top-actions{display:flex;align-items:center;gap:16px}.privacy-pill{background:#f2f7f3;color:#3f7657;padding:7px 11px;border-radius:20px;font-size:11px}.privacy-pill i{height:6px;width:6px;display:inline-block;border-radius:10px;background:#30a367;margin-right:6px;vertical-align:1px}.icon-btn{border:1px solid var(--line);background:#fff;width:32px;height:32px;border-radius:9px;color:#68786e}.small-avatar{width:29px;height:29px}.mobile-brand{display:none}.content{max-width:1450px;padding:31px 42px 65px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.4px;color:#849189;margin:0 0 8px}.page-head h1{font:700 26px Manrope,sans-serif;letter-spacing:-.8px;margin:0}.page-head p{color:#86928a;margin:7px 0 0;font-size:12px}.head-actions{display:flex;align-items:center;gap:9px}.period-controls{display:flex;align-items:center;gap:8px}.period-toggle{display:flex;border:1px solid var(--line);padding:3px;border-radius:9px;background:#fff}.period-toggle button{border:0;background:transparent;color:#79867e;padding:6px 10px;border-radius:6px;font-size:11px}.period-toggle button.active{background:#eaf5ed;color:#176e4b;font-weight:700}.month-select,.filter-select,.form-control{background:#fff;border:1px solid var(--line);border-radius:8px;padding:9px 12px;color:#38483e;font-size:12px;outline:none}.primary-btn,.secondary-btn{border:0;border-radius:8px;padding:10px 14px;background:#18794f;color:#fff;font-size:12px;font-weight:600;box-shadow:0 3px 7px #17794f26}.primary-btn:hover{background:#116c46}.primary-btn span{padding-left:10px;font-size:16px}.secondary-btn{background:white;color:#53645a;border:1px solid var(--line);box-shadow:none}.cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 17px;box-shadow:var(--shadow);min-height:119px}.metric-top{display:flex;justify-content:space-between;align-items:center;color:#758179;font-size:11px}.metric-icon{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:#eff7f1;color:#278455;font-size:15px}.metric-card .amount{font:700 22px Manrope,sans-serif;letter-spacing:-.7px;margin-top:13px}.metric-foot{font-size:10px;color:#9ba59f;margin-top:5px}.metric-card.positive .amount{color:#197a51}.metric-card.warning .amount{color:#cd7950}.content-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.9fr);gap:16px;margin-top:17px}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:19px 20px;box-shadow:var(--shadow);min-width:0}.panel-title{font:700 14px Manrope,sans-serif;letter-spacing:-.2px;margin:0}.panel-subtitle{color:#949e97;font-size:10px;margin-top:5px}.budget-summary{margin-top:18px;background:#fcfdfc;border:1px solid #eef1ee;border-radius:10px;padding:17px}.budget-row{display:flex;align-items:baseline;gap:5px}.budget-row strong{font:700 24px Manrope;letter-spacing:-.6px}.budget-row span{color:#8f9992;font-size:12px}.budget-pct{margin-left:auto;color:#41835e;font-weight:700;font-size:12px}.progress{height:8px;border-radius:6px;background:#edf1ed;margin:13px 0 9px;overflow:hidden}.progress>i{height:100%;display:block;border-radius:6px;background:#4db67b;transition:width .3s}.progress.warn>i{background:#e5ab52}.progress.over>i{background:#dc625b}.budget-note{display:flex;justify-content:space-between;color:#8b9690;font-size:10px}.budget-note strong{color:#3d5948}.category-list{margin-top:19px;display:grid;gap:16px}.category-row-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-bottom:7px}.category-row-top b{font-weight:600}.category-row-top span{font-weight:700}.mini-progress{height:5px;background:#eff2ef;border-radius:5px;overflow:hidden}.mini-progress i{display:block;height:100%;background:#83c99d;border-radius:5px}.mini-progress i.warn{background:#e9b360}.category-meta{font-size:9px;color:#9ba49e;margin-top:5px}.bar-chart{display:grid;gap:13px;margin-top:20px}.bar-line{display:grid;grid-template-columns:105px minmax(50px,1fr) 62px;align-items:center;gap:11px;font-size:10px}.bar-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#536158}.bar-track{height:8px;background:#f0f3f0;border-radius:6px;overflow:hidden}.bar-track i{display:block;height:100%;background:#68bd8a;border-radius:6px}.bar-val{text-align:right;font-weight:600}.bar-line:first-child .bar-track i{background:#198255}.empty{padding:25px 10px;text-align:center;color:#929d95;font-size:12px}.section-row{display:flex;align-items:flex-start;justify-content:space-between}.link-btn{border:0;background:none;color:#237c53;font-weight:600;font-size:10px;padding:4px}.transaction-list{margin-top:15px}.recent-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid #f0f2f0}.merchant-icon{height:31px;width:31px;border-radius:10px;display:grid;place-items:center;background:#f1f6f2;color:#39835c;font-size:12px;font-weight:700}.recent-name{font-size:11px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.recent-detail{font-size:9px;color:#9aa49d;margin-top:4px}.recent-amount{font-size:11px;font-weight:700}.income{color:#267f53!important}.dash-bottom{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;margin-top:17px}.insight-card{background:#eef7f0;border:1px solid #e3f0e5;border-radius:11px;padding:15px;display:flex;gap:11px;margin-top:13px}.insight-icon{background:#dcefe1;color:#32774e;border-radius:8px;width:29px;height:29px;display:grid;place-items:center;flex:none}.insight-card b{font-size:11px}.insight-card p{color:#728078;font-size:10px;line-height:1.5;margin:5px 0 0}.table-wrap{overflow:auto;margin-top:17px}.table{width:100%;border-collapse:collapse;min-width:850px}.table th{text-align:left;padding:10px 9px;color:#98a29b;font-size:9px;letter-spacing:.6px;font-weight:700;text-transform:uppercase;border-bottom:1px solid var(--line)}.table td{padding:11px 9px;border-bottom:1px solid #f1f3f1;font-size:11px;vertical-align:middle}.table tr:hover td{background:#fcfdfc}.merchant-main{font-weight:600;color:#29382e}.merchant-sub{font-size:9px;color:#9ba49d;margin-top:4px;max-width:245px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-select,.trip-select{border:1px solid #edf0ed;background:#fff;border-radius:6px;font-size:10px;padding:6px 8px;max-width:165px;color:#45534a}.amount-cell{text-align:right;font-weight:700;white-space:nowrap}.badge{display:inline-flex;border-radius:20px;padding:5px 8px;font-size:9px;background:#f0f4f1;color:#65746a;white-space:nowrap}.badge.green{background:#e7f4eb;color:#378154}.badge.orange{background:#fff4e6;color:#ae7533}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.search-box{min-width:220px}.search-box input{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:8px;font-size:11px;outline:none}.split-panels{display:grid;grid-template-columns:1fr 1fr;gap:16px}.upload-zone{margin-top:17px;border:1.5px dashed #cdd9d0;border-radius:11px;background:#fbfdfb;padding:34px;text-align:center;transition:.2s;cursor:pointer}.upload-zone.drag{border-color:#31875b;background:#f0faf3}.upload-icon{width:45px;height:45px;border-radius:13px;display:grid;place-items:center;background:#e9f5ec;color:#258152;font-size:21px;margin:0 auto 12px}.upload-zone b{font-size:13px}.upload-zone p{font-size:10px;color:#97a199;margin:7px 0 13px}.upload-zone .secondary-btn{font-size:10px;padding:8px 12px}.import-history{margin-top:17px}.history-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid #f0f2f0;font-size:11px}.history-row small{display:block;color:#99a39c;margin-top:4px;font-size:9px}.history-count{color:#43805a;font-weight:700}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #eff2ef;gap:14px}.setting-row:last-child{border:0}.setting-row b{display:block;font-size:11px}.setting-row small{display:block;font-size:9px;color:#98a29b;margin-top:4px}.setting-row input[type=number]{width:140px}.switch{width:34px;height:19px;position:relative;display:inline-block}.switch input{opacity:0;width:0;height:0}.switch i{position:absolute;inset:0;border-radius:20px;background:#dce3dd;transition:.2s}.switch i:after{content:'';position:absolute;width:15px;height:15px;background:white;border-radius:50%;top:2px;left:2px;transition:.2s}.switch input:checked+i{background:#248254}.switch input:checked+i:after{transform:translateX(15px)}.form-inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.form-inline>*{flex:1}.form-inline button{flex:none}.rule-row,.trip-card{padding:13px 0;border-top:1px solid #eff2ef;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px}.rule-row small{color:#8e9a92}.trip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:17px}.trip-card{border:1px solid var(--line);border-radius:10px;padding:15px;display:block}.trip-card h3{font:700 13px Manrope;margin:0}.trip-card p{font-size:10px;color:#8e9a92}.trip-amount{font:700 20px Manrope}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}.stat-box{padding:15px;border:1px solid var(--line);border-radius:10px}.stat-box small{display:block;color:#8b978f;font-size:10px}.stat-box strong{display:block;font:700 18px Manrope;margin-top:8px}.month-row{display:grid;grid-template-columns:1.2fr repeat(5,1fr);gap:12px;align-items:center;padding:14px 5px;border-bottom:1px solid #f0f2f0;font-size:10px}.month-row.head{color:#98a29b;font-size:9px;font-weight:700;text-transform:uppercase}.month-row strong{font-size:11px}.month-chart{display:flex;align-items:end;gap:9px;height:175px;margin:20px 6px 8px;border-bottom:1px solid #e9eeea}.month-col{flex:1;display:flex;align-items:center;justify-content:end;flex-direction:column;height:100%;gap:4px}.month-bars{height:140px;display:flex;align-items:end;gap:3px;width:100%;justify-content:center}.month-bars i{width:11px;max-width:34%;border-radius:4px 4px 0 0;background:#52ad76;min-height:2px}.month-bars i.out{background:#d4e9d9}.month-col small{color:#96a098;font-size:9px}.legend{font-size:9px;color:#8b978f;display:flex;gap:12px}.legend i{width:7px;height:7px;display:inline-block;border-radius:50%;background:#52ad76;margin-right:4px}.legend i.out{background:#d4e9d9}.opportunity{padding:14px 0;border-top:1px solid #eff2ef}.opportunity b{font-size:11px}.opportunity p{font-size:10px;line-height:1.5;color:#8b978f}.opportunity strong{color:#277b50}.modal-backdrop{position:fixed;inset:0;background:#101b1680;z-index:10;display:grid;place-items:center;padding:20px}.modal{width:min(510px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:14px;padding:22px;box-shadow:0 22px 80px #0e2a1b35}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.modal-head h2{font:700 17px Manrope;margin:0}.close-btn{border:0;background:#f2f5f2;border-radius:7px;width:29px;height:29px}.modal label,.login-card label{display:block;font-size:10px;color:#78857c;margin:12px 0 6px}.modal input,.modal select,.modal textarea{width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;font-size:11px}.modal textarea{min-height:70px;resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:17px}.toast{position:fixed;bottom:22px;right:24px;z-index:20;transform:translateY(15px);opacity:0;pointer-events:none;background:#1f3427;color:#fff;padding:12px 16px;border-radius:9px;font-size:11px;box-shadow:0 6px 20px #11251b2b;transition:.2s}.toast.show{opacity:1;transform:translateY(0)}.loading{color:#7e8b82;padding:20px}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 20% 0%,#e5f1e8,transparent 43%),#f6f8f6}.login-card{width:min(390px,calc(100% - 35px));padding:37px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 48px #2443320b}.login-card .brand-mark{margin-bottom:25px}.login-card h1{font:700 26px Manrope;letter-spacing:-.7px;margin:0}.login-card>p:not(.eyebrow){font-size:12px;color:#8b978f;margin:9px 0 25px}.login-card input{width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;outline:none}.login-card .primary-btn{width:100%;margin-top:16px;display:flex;justify-content:space-between}.login-card small{display:block;text-align:center;color:#9ba49e;font-size:9px;margin-top:18px}.error{color:var(--red);font-size:11px}.login-card label{font-size:11px}.desktop-only{display:block}
@media(max-width:1150px){.sidebar{width:215px}.main{margin-left:215px}.content{padding:27px 26px 50px}.topbar{padding:0 26px}.cards{grid-template-columns:repeat(3,1fr)}.content-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.sidebar{width:auto;height:58px;inset:auto 0 0;padding:5px 7px;background:#fff;border-right:0;border-top:1px solid var(--line);display:block}.brand,.side-label,.side-bottom{display:none}.sidebar nav{height:100%;display:flex;justify-content:space-around;gap:0}.nav-item{padding:5px 8px;flex-direction:column;gap:2px;justify-content:center;align-items:center;font-size:9px;border-radius:8px;flex:1}.nav-item span{font-size:16px}.main{margin-left:0;padding-bottom:57px}.topbar{height:55px;padding:0 16px}.breadcrumb{display:none}.mobile-brand{display:inline;font:800 15px Manrope;letter-spacing:-.5px}.top-actions{gap:10px}.privacy-pill{font-size:9px;padding:6px 9px}.content{padding:23px 15px 34px}.page-head{align-items:flex-start;gap:12px;flex-direction:column;margin-bottom:17px}.page-head h1{font-size:23px}.head-actions{width:100%}.head-actions .primary-btn{margin-left:auto}.cards{grid-template-columns:repeat(2,1fr);gap:9px}.metric-card{padding:13px;min-height:102px}.metric-card:last-child{grid-column:span 2}.metric-card .amount{font-size:20px;margin-top:11px}.content-grid,.dash-bottom,.split-panels{grid-template-columns:1fr;gap:11px;margin-top:11px}.panel{padding:16px}.bar-line{grid-template-columns:85px 1fr 55px}.trip-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.month-row{grid-template-columns:1.15fr repeat(2,.75fr);gap:7px}.month-row>*:nth-child(n+5){display:none}.month-row.head>*:nth-child(n+5){display:none}.month-chart{gap:3px}.month-bars i{width:8px}.table-wrap{margin-left:-5px;margin-right:-5px}.privacy-pill{display:none}}