:root{color-scheme:light;color:#18221f;background:#f6f7f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;--surface: #ffffff;--surface-soft: #f9faf7;--border: #dde3dc;--border-strong: #c6d1c8;--text: #18221f;--muted: #66746f;--primary: #17665c;--primary-dark: #104a43;--primary-soft: #e7f2ef;--blue-soft: #e8f0fb;--blue-text: #284a73;--amber-soft: #fff3da;--amber-text: #795115;--danger-soft: #f9e8e4;--danger-text: #8a2a20;--shadow: 0 18px 44px rgba(28, 38, 35, .09)}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}button:focus-visible{outline:0;box-shadow:0 0 0 3px #17665c29}.click-tooltip-text{position:relative;display:inline-flex;min-width:0;max-width:100%;overflow:visible;vertical-align:baseline}.click-tooltip-trigger{display:block;min-width:0;max-width:100%;padding:0;overflow:hidden;border:0;color:inherit;background:transparent;font:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-align:inherit;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.click-tooltip-trigger:focus-visible{outline:2px solid var(--primary);outline-offset:3px;box-shadow:none}.click-tooltip-popup{position:absolute;left:0;bottom:calc(100% + 8px);z-index:80;width:max-content;max-width:min(360px,82vw);padding:9px 11px;border:1px solid var(--border);border-radius:8px;color:var(--text);background:#ffffff;box-shadow:0 16px 34px #101c1833;font-size:.9rem;font-weight:850;line-height:1.35;white-space:normal;word-break:break-word}.click-tooltip-text.align-right .click-tooltip-popup{right:0;left:auto}.expense-list-summary strong,.home-metric-card strong,.report-summary-grid strong,.report-category-row strong,.report-category-row b,.home-row-content strong,.home-note-heading strong,.entry-title strong,.entry-title span,.tag-row>span{overflow:visible}.expense-list-summary strong .click-tooltip-text,.home-metric-card strong .click-tooltip-text,.report-summary-grid strong .click-tooltip-text,.report-category-row strong .click-tooltip-text,.report-category-row b .click-tooltip-text,.home-row-content strong .click-tooltip-text,.home-row-content span .click-tooltip-text,.home-row-content p .click-tooltip-text,.home-note-heading strong .click-tooltip-text,.home-note-heading span .click-tooltip-text,.entry-title strong .click-tooltip-text,.entry-title span .click-tooltip-text,.entry-card p .click-tooltip-text,.tag-row>span .click-tooltip-text{width:100%}.app-shell{min-height:100vh;padding:18px 24px 32px;background:radial-gradient(circle at 10% 0%,rgba(211,241,231,.7),transparent 28%),linear-gradient(180deg,#f8fbfa 0,#f5f7f6 100%)}.auth-shell{display:grid;place-items:center;padding-block:clamp(24px,5vh,54px)}.auth-panel{position:relative;width:min(520px,100%);overflow:hidden;padding:clamp(28px,4vw,42px);border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.auth-panel h1{font-size:clamp(2rem,4vw,2.75rem)}.auth-copy{max-width:420px;margin:12px 0 24px;color:var(--muted);font-size:1.03rem;line-height:1.45}.login-form{display:grid;gap:16px}.login-form .primary-button,.login-form .secondary-button{min-height:52px;font-size:1rem}.auth-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.auth-field-heading{display:flex;gap:10px;align-items:center;justify-content:space-between;min-width:0}.auth-forgot-link{flex:0 0 auto;padding:0;border:0;color:var(--primary);background:transparent;font-size:.88rem;font-weight:850}.auth-forgot-link:hover{color:var(--primary-dark);text-decoration:underline}.auth-link-group{margin-top:18px;padding-top:16px;border-top:1px solid var(--border);text-align:center}.auth-signup-prompt{display:inline-flex;gap:6px;align-items:center;justify-content:center;min-width:0;color:var(--muted);font-size:.9rem;font-weight:750}.auth-secondary-action{padding:0;border:0;color:var(--primary);background:transparent;font-weight:900;white-space:nowrap}.auth-secondary-action:hover{color:var(--primary-dark);text-decoration:underline}.auth-switch{display:flex;gap:8px;align-items:center;justify-content:center;margin-top:16px;color:var(--muted);font-weight:750}.auth-link-group .auth-switch{margin-top:0}.auth-switch button{padding:0;border:0;color:var(--primary);background:transparent;font-weight:900}.auth-switch button:hover{color:var(--primary-dark);text-decoration:underline}.money-smart-logo{display:inline-grid;width:72px;height:72px;place-items:center;margin-bottom:20px;border-radius:18px;background:linear-gradient(145deg,rgba(223,247,238,.85),rgba(255,255,255,.4));box-shadow:0 16px 34px #115b5029}.money-smart-logo.compact{width:46px;height:46px;margin-bottom:0;border-radius:12px;box-shadow:0 8px 18px #17665c29}.money-smart-logo svg{width:100%;height:100%;display:block}.auth-logo{margin-bottom:22px}.otp-hint{display:flex;gap:8px;align-items:center;min-width:0;padding:12px;border:1px solid var(--border);border-radius:8px;color:var(--muted);background:var(--surface-soft);font-weight:800;word-break:break-word}.bot-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.manager-panel{width:min(1480px,100%);margin:0 auto}.app-topbar{position:sticky;top:12px;z-index:12;display:flex;gap:28px;align-items:center;margin-bottom:26px;padding:10px 14px;border:1px solid var(--border);border-radius:8px;background:rgba(255,255,255,.94);box-shadow:0 14px 34px #1c262317;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.app-brand{display:flex;gap:12px;align-items:center;flex:0 0 auto;min-width:0}.app-brand strong{overflow:hidden;color:var(--text);font-size:1.25rem;text-overflow:ellipsis;white-space:nowrap}.eyebrow{margin:0 0 5px;color:var(--primary);font-size:.78rem;font-weight:900;letter-spacing:0;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:0;color:var(--text);font-size:clamp(1.7rem,3vw,2.35rem);line-height:1.12;letter-spacing:0}h2{margin-bottom:0;color:var(--text);font-size:1.05rem}.menu-bar{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;flex:1 1 auto;border:0;background:transparent;box-shadow:none}.menu-item{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 18px;border:0;border-radius:8px;color:var(--muted);background:transparent;font-weight:850}.menu-label-mobile{display:none}.menu-item:hover{color:var(--text);background:#f1f4f2}.menu-item.active{color:var(--primary-dark);background:var(--primary-soft);box-shadow:none}.menu-item:disabled{cursor:wait;opacity:.68}.topbar-actions{display:inline-flex;flex:0 0 auto;gap:6px;align-items:center}.topbar-user{display:inline-flex;gap:10px;align-items:center;min-height:44px;max-width:260px;padding:5px 8px 5px 5px;border:0;border-radius:8px;color:var(--text);background:transparent;font-weight:850}.topbar-user:hover,.topbar-logout:hover{background:var(--surface-soft)}.topbar-logout{display:inline-grid;width:42px;height:42px;flex:0 0 auto;place-items:center;border:0;border-radius:8px;color:var(--text);background:transparent}.topbar-user>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-avatar{display:grid;width:36px;height:36px;flex:0 0 auto;place-items:center;border-radius:50%;color:var(--primary-dark);background:var(--primary-soft);font-size:.82rem;font-weight:950}.page-content-shell{position:relative;min-height:260px}.processing-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:20px;border-radius:8px;background:rgba(248,251,250,.82);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.processing-card{display:inline-flex;align-items:center;gap:14px;width:min(360px,100%);padding:16px 18px;border:1px solid var(--border);border-radius:8px;color:var(--text);background:var(--surface);box-shadow:0 18px 42px #1c262324}.processing-spinner{display:grid;width:46px;height:46px;flex:0 0 auto;place-items:center;border-radius:50%;color:var(--primary);background:var(--primary-soft)}.processing-card svg{color:var(--primary)}.processing-card div{display:grid;gap:4px;min-width:0}.processing-card strong{font-size:1rem}.processing-card div>span{overflow:hidden;color:var(--muted);font-size:.9rem;font-weight:720;text-overflow:ellipsis;white-space:nowrap}.dashboard-view{display:grid;gap:16px}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.summary-card{display:grid;gap:10px;min-height:128px;align-content:center;padding:20px;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:0 10px 28px #1c26230d}.summary-card:nth-child(1){border-top:4px solid var(--primary)}.summary-card:nth-child(2){border-top:4px solid #c48a20}.summary-card:nth-child(3){border-top:4px solid #3a6ea5}.summary-card span{color:var(--muted);font-weight:850}.summary-card strong{color:var(--text);font-size:clamp(1.75rem,4vw,2.45rem);line-height:1}.dashboard-panel,.form-section,.list-section{min-width:0;padding:18px;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:0 10px 28px #1c26230d}.dashboard-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.compact-list{max-height:none}.dashboard-actions{display:flex;justify-content:flex-end;margin-top:16px}.home-view{display:grid;gap:18px}.home-hero{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:8px 0 6px}.home-brand{display:flex;align-items:center;gap:12px}.home-mark{display:grid;width:44px;height:44px;place-items:center;border-radius:8px;color:var(--primary);background:var(--surface);box-shadow:0 10px 24px #1c262314}.home-brand h2{font-size:clamp(1.25rem,2vw,1.75rem)}.home-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.primary-button.compact{min-height:40px;padding:0 12px}.home-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.38fr);gap:18px;align-items:start}.journal-board{display:grid;gap:16px;min-height:560px;padding:28px;border:1px solid var(--border);border-radius:8px;background:rgba(255,255,255,.94);box-shadow:0 18px 42px #1c262314}.journal-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:start;padding-bottom:18px;border-bottom:1px solid var(--border)}.journal-head p{margin:0 0 6px;color:var(--muted);font-weight:850}.journal-head h1{font-size:clamp(1.9rem,4vw,3.05rem)}.mood-card{display:grid;gap:10px;min-width:150px;padding:14px;border:1px solid var(--border);border-radius:8px;background:var(--primary-soft)}.mood-card span{color:var(--muted);font-size:.82rem;font-weight:900}.mood-card div{display:flex;gap:12px;color:var(--text)}.mood-card strong{color:var(--primary-dark);font-size:.95rem}.journal-section,.side-card{border:1px solid var(--border);border-radius:8px;background:var(--surface)}.journal-section{min-height:150px;padding:18px}.journal-section h3,.side-card h2{margin:0 0 12px;color:var(--text);font-size:1rem}.journal-section p{margin-bottom:14px;color:#40504b}.story-section{min-height:210px}.lined-paper,.short-lines{min-height:88px;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 13px,#e4ebe5 14px,transparent 15px);opacity:.9}.short-lines{min-height:58px}.journal-bottom-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.home-sidebar{display:grid;gap:14px}.side-card{padding:18px;box-shadow:0 14px 34px #1c26230f}.check-list{display:grid;gap:12px}.check-list label{display:flex;align-items:center;gap:10px;color:#42534d;font-weight:820}.check-box{display:inline-grid;width:20px;height:20px;place-items:center;border:1px solid var(--border-strong);border-radius:5px;color:#fff;background:#ffffff}.check-box.checked{border-color:var(--primary);background:var(--primary)}.quote-card{border-color:#ead8c8;background:#f8eadf}.quote-card p{margin-bottom:0;color:#5d4636;font-weight:720}.mini-calendar-card{background:var(--surface)}.mini-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.mini-calendar span{display:grid;min-height:34px;place-items:center;border-radius:8px;color:var(--muted);background:var(--surface-soft);font-size:.84rem;font-weight:900}.mini-calendar span.active{color:#fff;background:var(--primary)}.expense-snapshot .section-title{margin-bottom:12px}.expense-snapshot .section-title p{color:var(--primary);font-size:1.15rem;font-weight:950}.expense-list-mini{display:grid;gap:10px}.expense-mini-row{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid var(--border)}.expense-mini-row span{min-width:0;overflow:hidden;color:#40504b;font-weight:780;text-overflow:ellipsis;white-space:nowrap}.expense-mini-row strong{flex:0 0 auto;color:var(--text)}.content-grid{display:grid;grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr);gap:16px;align-items:start}.expense-page-layout{display:grid;min-width:0}.daily-page-layout{display:grid;gap:16px;min-width:0}.expense-main-column{display:grid;gap:18px;min-width:0}.expense-toolbar-panel{display:flex;justify-content:space-between;gap:16px;align-items:end;min-width:0;padding:8px 2px 4px;border:0;background:transparent;box-shadow:none}.expense-toolbar-panel h2{margin-bottom:7px;font-size:clamp(1.8rem,3vw,2.35rem);line-height:1.1}.expense-toolbar-panel span{color:var(--muted);font-size:.96rem;font-weight:760}.expense-toolbar-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.expense-list-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.expense-list-summary article{display:grid;gap:7px;align-content:center;min-width:0;min-height:106px;padding:18px 22px;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:0 10px 24px #1c26230d}.expense-list-summary span{color:var(--muted);font-size:.9rem;font-weight:850}.expense-list-summary strong{overflow:hidden;color:var(--text);font-size:clamp(1.15rem,2vw,1.45rem);text-overflow:ellipsis;white-space:nowrap}.expense-list-summary article:first-child{border-left:4px solid var(--primary)}.expense-list-summary article.income{border-left-color:var(--primary);background:#f0fbf6}.expense-list-summary article.expense{border-left:4px solid #a33a2a;background:#fff3ef}.expense-list-summary article.net{border-left:4px solid #6d5bd0;background:#f5f3ff}.expense-analytics-panel{display:grid;gap:16px;min-width:0;padding:18px;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:0 10px 28px #1c26230d}.expense-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.expense-summary-grid article{display:grid;gap:6px;min-width:0;padding:14px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft)}.expense-summary-grid span{color:var(--muted);font-size:.83rem;font-weight:900}.expense-summary-grid strong{overflow:hidden;color:var(--text);font-size:clamp(1rem,2vw,1.25rem);text-overflow:ellipsis;white-space:nowrap}.chart-panel-header{display:flex;justify-content:space-between;gap:14px;align-items:center}.chart-panel-header h2{margin-bottom:3px}.chart-panel-header p{margin-bottom:0;color:var(--muted);font-size:.88rem;font-weight:780}.chart-mode-tabs{display:inline-flex;flex:0 0 auto;gap:4px;padding:4px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft)}.chart-mode-tabs button{display:inline-flex;gap:5px;align-items:center;justify-content:center;min-height:34px;padding:0 10px;border:0;border-radius:7px;color:var(--muted);background:transparent;font-weight:900;white-space:nowrap}.chart-mode-tabs button svg{flex:0 0 auto}.chart-mode-tabs button.active{color:#fff;background:var(--primary)}.expense-chart{display:grid;gap:12px;min-width:0}.expense-chart h3{margin:0;color:var(--text);font-size:.96rem}.expense-chart-stage{display:grid;grid-template-columns:46px minmax(0,1fr);min-width:0}.chart-y-axis{display:flex;height:236px;padding:0 8px 34px 0;flex-direction:column;justify-content:space-between;color:var(--muted);font-size:.76rem;font-weight:800;text-align:right}.chart-plot{position:relative;min-width:0;height:236px}.chart-grid-lines{position:absolute;top:0;right:0;bottom:34px;left:0;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.chart-grid-lines span{display:block;width:100%;border-top:1px dashed #dfe6e2}.chart-grid-lines span:last-child{border-top-style:solid;border-top-color:#aebbb5}.chart-bars{position:relative;z-index:1;display:grid;grid-template-columns:repeat(var(--bar-count, 7),minmax(0,1fr));width:min(100%,var(--chart-width, 100%));height:100%;margin:0 auto;gap:min(var(--chart-gap, 30px),3vw)}.bar-column{display:grid;grid-template-rows:minmax(0,1fr) 34px;min-width:0;justify-items:center}.bar-visual{display:flex;width:100%;min-height:0;padding:8px 0 0;flex-direction:column;justify-content:flex-end;align-items:center}.bar-value{flex:0 0 auto;max-width:100%;margin-bottom:5px;overflow:hidden;color:#26332f;font-size:.78rem;font-weight:950;text-align:center;text-overflow:ellipsis;white-space:nowrap}.bar-fill{width:min(78px,62%);min-height:6px;border-radius:0;background:linear-gradient(180deg,#24947f 0,#087566 100%);box-shadow:inset 0 1px #ffffff40}.bar-fill.zero{height:7px;min-height:7px;background:#d6ebe5}.bar-label{align-self:center;overflow:hidden;color:#53635e;font-size:.78rem;font-weight:850;text-align:center;text-overflow:ellipsis;white-space:nowrap}.expense-chart.compact{margin:2px 0 8px}.expense-chart.compact .expense-chart-stage{grid-template-columns:1fr}.expense-chart.compact .chart-plot{height:108px}.expense-chart.compact .chart-grid-lines{top:0;right:0;bottom:24px;left:0}.expense-chart.compact .bar-column{grid-template-rows:minmax(0,1fr) 24px}.expense-chart.compact .bar-visual{padding-inline:0}.expense-chart.compact .bar-fill{width:min(48px,58%)}.expense-chart.compact .bar-fill{border-radius:0}.expense-chart.compact .bar-label{font-size:.68rem}.category-donut-panel{display:grid;grid-template-columns:minmax(250px,.85fr) minmax(0,1.15fr);gap:20px;align-items:center;min-width:0}.category-donut-wrap{display:grid;min-width:0;justify-items:center}.category-donut{position:relative;display:grid;width:min(100%,360px);aspect-ratio:1;place-items:center;border-radius:50%;background:#ffffff}.category-donut-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;filter:drop-shadow(0 18px 34px rgba(29,42,38,.1))}.category-slice-label{position:absolute;z-index:1;display:grid;width:var(--label-width, 96px);gap:1px;justify-items:center;transform:translate(-50%,-50%);left:var(--label-x);top:var(--label-y);color:#fff;cursor:help;outline:none;pointer-events:auto;text-align:center;text-shadow:0 1px 5px rgba(5,24,29,.26)}.category-slice-label:after{position:absolute;z-index:5;bottom:calc(100% + 8px);left:50%;width:max-content;max-width:180px;padding:6px 8px;border-radius:6px;color:#fff;background:rgba(18,31,28,.94);box-shadow:0 10px 24px #121f1c33;content:attr(data-tooltip);font-size:.68rem;font-weight:850;line-height:1.25;opacity:0;pointer-events:none;text-align:center;text-shadow:none;transform:translate(-50%,4px);transition:opacity .16s ease,transform .16s ease;white-space:pre-line}.category-slice-label:hover:after,.category-slice-label:focus-visible:after{opacity:1;transform:translate(-50%)}.category-slice-label svg{margin-bottom:2px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.18))}.category-slice-label strong,.category-slice-label span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis}.category-slice-label b{display:block;max-width:100%}.category-slice-label strong{display:-webkit-box;line-height:1.08;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:.78rem;font-weight:950;white-space:normal}.category-slice-label b{font-size:clamp(1.05rem,3vw,1.55rem);font-weight:950;line-height:1;white-space:nowrap}.category-slice-label span{font-size:.7rem;font-weight:850;white-space:nowrap}.category-slice-label.large{gap:2px}.category-slice-label.dominant{gap:0;transform:translate(-50%,-100%)}.category-slice-label.dominant svg{width:13px;height:13px;margin-bottom:0}.category-slice-label.dominant strong{display:block;font-size:.58rem;line-height:1;-webkit-line-clamp:1;white-space:nowrap}.category-slice-label.dominant b{font-size:clamp(.98rem,2.1vw,1.18rem)}.category-slice-label.dominant span{font-size:.54rem}.category-slice-label.large svg{margin-bottom:1px}.category-slice-label.large strong{font-size:.78rem}.category-slice-label.large b{font-size:clamp(1.18rem,3vw,1.62rem)}.category-slice-label.medium strong{font-size:.74rem}.category-slice-label.medium b{font-size:clamp(1.02rem,2.6vw,1.42rem)}.category-slice-label.compact{gap:0}.category-slice-label.compact strong{font-size:.68rem}.category-slice-label.compact b{font-size:clamp(.95rem,2.2vw,1.28rem)}.category-slice-label.compact span{font-size:.64rem}.category-donut-center{position:absolute;z-index:2;display:grid;gap:2px;width:36%;min-width:118px;color:var(--text);text-align:center}.category-donut-center span,.category-donut-center small{color:var(--muted);font-size:.72rem;font-weight:850}.category-donut-center strong{color:#10243a;font-size:clamp(1.35rem,4vw,2.15rem);font-weight:950;line-height:1}.category-donut-center b{overflow:hidden;color:var(--primary);font-size:clamp(.82rem,2vw,1rem);font-weight:950;text-overflow:ellipsis;white-space:nowrap}.category-donut-legend{display:grid;gap:9px;min-width:0}.category-donut-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;min-width:0;padding:10px;border:1px solid var(--border);border-radius:8px;background:#ffffff}.category-donut-row-icon{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:8px;color:#fff;background:var(--category-color)}.category-donut-row-main,.category-donut-row-value{display:grid;gap:2px;min-width:0}.category-donut-row-main strong,.category-donut-row-value strong{overflow:hidden;color:var(--text);font-weight:950;text-overflow:ellipsis;white-space:nowrap}.category-donut-row-main span,.category-donut-row-value span{overflow:hidden;color:var(--muted);font-size:.78rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.category-donut-row-value{justify-items:end;text-align:right}.share-chart-section{display:grid;gap:14px;min-width:0}.share-chart-header{align-items:center;padding:0 2px}.share-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-width:0;align-items:stretch}.share-chart-grid .home-dashboard-panel{min-width:0}.share-chart-grid .compact-chart-header{align-items:flex-start}.share-chart-grid .category-donut-panel{grid-template-columns:1fr;gap:14px}.share-chart-grid .category-donut{width:min(100%,300px)}.share-chart-grid .category-donut-legend{align-content:start}.share-chart-grid .category-slice-label{width:clamp(52px,calc(var(--label-width, 84px) * .56),68px);gap:0}.share-chart-grid .category-slice-label svg{width:13px;height:13px;margin-bottom:0}.share-chart-grid .category-slice-label strong{display:block;font-size:.58rem;line-height:1;-webkit-line-clamp:1;white-space:nowrap}.share-chart-grid .category-slice-label b{font-size:clamp(1rem,2.2vw,1.18rem)}.share-chart-grid .category-slice-label span{display:none}.home-dashboard{display:grid;gap:18px}.home-dashboard-heading{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:4px 2px}.home-dashboard-heading h2{margin-bottom:4px;font-size:clamp(1.35rem,2.4vw,1.85rem)}.home-dashboard-heading span{color:var(--muted);font-weight:750}.home-dashboard-actions{display:flex;gap:10px;flex-wrap:wrap}.home-metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.home-metric-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:center;min-height:152px;overflow:hidden;padding:24px;border:1px solid #e4e9e5;border-radius:8px;background:rgba(255,255,255,.96);box-shadow:0 12px 30px #1e2f2914}.home-metric-card:before{position:absolute;inset:0 auto 0 0;width:4px;content:"";background:var(--primary)}.home-metric-card .metric-icon{display:grid;width:72px;height:72px;place-items:center;border-radius:50%;color:var(--primary);background:#e7f4ef}.home-metric-card.week .metric-icon{color:#4e9148;background:#edf6e9}.home-metric-card.month .metric-icon{color:#247f77;background:#e6f3f2}.home-metric-card>div:last-child{display:grid;gap:4px;min-width:0}.home-metric-card span{color:#53635e;font-size:1rem;font-weight:850}.home-metric-card strong{overflow:hidden;color:#17221f;font-size:clamp(1.7rem,3vw,2.35rem);line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.home-metric-card small{color:#8a9692;font-size:.85rem;font-weight:720}.home-dashboard-panel{min-width:0;padding:20px;border:1px solid #e4e9e5;border-radius:8px;background:rgba(255,255,255,.96);box-shadow:0 12px 30px #1e2f2912}.home-panel-header{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:18px}.home-panel-title{display:flex;gap:14px;align-items:center;min-width:0}.panel-title-icon{display:grid;width:48px;height:48px;flex:0 0 auto;place-items:center;border-radius:50%;color:var(--primary);background:#e7f4ef}.panel-title-icon.note{color:#3c6d9e;background:#eaf1f8}.home-panel-title h2{margin-bottom:3px;font-size:1.15rem}.home-panel-title p{margin-bottom:0;color:var(--muted);font-size:.88rem;font-weight:740}.chart-overview .expense-chart h3{margin-bottom:2px}.chart-overview .chart-y-axis,.chart-overview .chart-plot{height:270px}.chart-overview .chart-plot{padding-inline:4px}.home-lower-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:18px;align-items:start}.home-expense-rows,.home-note-list{display:grid;gap:10px}.home-expense-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 16px;border:1px solid var(--border);border-radius:8px;background:#ffffff}.home-row-icon{display:grid;width:44px;height:44px;place-items:center;border-radius:50%;color:var(--primary);background:var(--primary-soft)}.home-row-content{display:grid;gap:4px;min-width:0}.home-row-content>div{position:relative;display:flex;gap:12px;align-items:baseline;min-width:0}.home-row-content strong,.home-row-title-button{overflow:hidden;color:var(--text);text-overflow:ellipsis;white-space:nowrap}.home-row-title-text{color:var(--text);font-weight:900}.home-row-title-button{min-width:0;max-width:100%;padding:0;border:0;background:transparent;font:inherit;font-weight:900;text-align:left;cursor:pointer}.home-row-title-button:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.home-row-tooltip{position:absolute;left:0;bottom:calc(100% + 8px);z-index:8;width:max-content;max-width:min(320px,82vw);padding:8px 10px;border:1px solid var(--border);border-radius:8px;color:var(--text);background:#ffffff;box-shadow:0 14px 30px #101c182e;font-size:.86rem;font-weight:850;line-height:1.35;white-space:normal;word-break:break-word}.home-row-content span,.home-row-content p{color:var(--muted);font-size:.84rem;font-weight:720}.home-row-content p{margin:0}.home-row-badges{display:flex;gap:10px;align-items:center}.home-row-badges strong,.home-row-badges span{min-width:0;max-width:150px;padding:9px 12px;border-radius:8px;white-space:nowrap}.home-row-badges strong{color:var(--primary-dark);background:var(--primary-soft)}.home-row-badges span{color:#246b65;background:#e8f4f3;font-size:.84rem;font-weight:850}.daily-snapshot-panel{display:grid;gap:12px}.home-note-row{display:grid;gap:8px;padding:14px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft)}.home-note-heading,.home-note-meta{display:flex;justify-content:space-between;gap:10px}.home-note-meta{align-items:center}.home-note-meta>div{display:flex;gap:10px}.home-note-row span{color:var(--muted);font-size:.8rem;font-weight:780}.home-note-rich-preview{position:relative;overflow:hidden;max-height:76px;color:#40504b;font-weight:400;line-height:1.55}.home-note-rich-preview:after{position:absolute;right:0;bottom:0;left:0;height:26px;content:"";pointer-events:none;background:linear-gradient(transparent,var(--surface-soft))}.home-note-rich-preview p,.home-note-rich-preview h2,.home-note-rich-preview h3,.home-note-rich-preview h4,.home-note-rich-preview blockquote{margin:0 0 6px}.home-note-rich-preview ul,.home-note-rich-preview ol{margin:3px 0 6px;padding-left:22px}.home-note-rich-preview blockquote{padding-left:10px;border-left:3px solid var(--primary)}.note-read-button{display:inline-flex;gap:6px;align-items:center;min-height:32px;padding:0 9px;border:0;border-radius:7px;color:var(--primary);background:var(--primary-soft);font-size:.78rem;font-weight:900}.note-read-button:hover{color:#fff;background:var(--primary)}.note-reader-modal{width:min(780px,100%);padding:24px}.note-reader-header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding-bottom:18px;border-bottom:1px solid var(--border)}.note-reader-header h2{margin-bottom:5px;font-size:clamp(1.4rem,3vw,2rem)}.note-reader-header>div>span{color:var(--muted);font-size:.9rem;font-weight:750}.note-reader-content{min-height:180px;padding:24px 4px;color:var(--text);font-size:1rem;font-weight:400;line-height:1.75;overflow-wrap:anywhere}.note-reader-content h2,.note-reader-content h3,.note-reader-content h4{margin:18px 0 10px;line-height:1.3}.note-reader-content>:first-child{margin-top:0}.note-reader-content p,.note-reader-content blockquote{margin:0 0 14px}.note-reader-content ul,.note-reader-content ol{margin:8px 0 16px;padding-left:28px}.note-reader-content blockquote{padding:10px 14px;border-left:4px solid var(--primary);color:#42534d;background:var(--primary-soft)}.note-reader-tags{margin-top:0;padding-top:16px;border-top:1px solid var(--border)}.home-note-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:1px dashed var(--border-strong);border-radius:8px;color:var(--primary);background:transparent;font-weight:900}.home-note-action:hover{background:var(--primary-soft)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:18px;background:rgba(16,28,24,.36);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-panel{width:min(720px,100%);max-height:min(86vh,760px);overflow:auto;scrollbar-gutter:stable;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:0 28px 70px #101c183d}.modal-sticky-close{position:sticky;top:12px;left:calc(100% - 52px);z-index:30;display:flex;width:40px;height:40px;margin-right:0;margin-bottom:-42px;margin-left:0;color:var(--text);background:rgba(255,255,255,.92);box-shadow:0 10px 24px #101c181f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-sticky-close:disabled{cursor:not-allowed;opacity:.55}.modal-panel>.modal-sticky-close+.note-reader-header,.modal-panel>.modal-sticky-close+.modal-form-section .section-title,.modal-panel>.modal-sticky-close+.profile-modal-section>.profile-modal-header,.admin-user-modal>.modal-sticky-close+.section-title,.report-detail-modal>.modal-sticky-close+.report-detail-modal-header{padding-right:58px}.modal-panel>.modal-sticky-close+.report-modal-header .report-title-block{padding-right:58px}.daily-modal-panel{width:min(920px,100%)}.profile-modal-panel{position:relative;width:min(620px,100%)}.report-modal-panel{position:relative;width:min(1280px,calc(100vw - 36px));max-height:calc(100vh - 36px);padding:20px}.report-modal-header{display:grid;grid-template-areas:"title actions" "filters filters";grid-template-columns:minmax(0,1fr) auto;gap:14px 18px;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}.report-title-block{grid-area:title;min-width:0}.report-modal-header h2{max-width:680px;margin:4px 0 6px;font-size:clamp(1.65rem,3.8vw,2.45rem);line-height:1.08;text-wrap:balance}.report-modal-header span{color:var(--muted);font-size:.9rem;font-weight:800}.report-modal-actions{grid-area:actions;display:flex;flex:0 0 auto;flex-wrap:wrap;gap:8px;justify-content:flex-end}.report-modal-actions .secondary-button.compact{min-height:42px;padding-inline:14px}.report-period-filters{grid-area:filters;display:grid;grid-template-columns:minmax(160px,auto) repeat(2,minmax(180px,240px));gap:10px;align-items:end;width:fit-content;max-width:100%;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft)}.report-period-filters label{gap:6px;min-width:0;font-size:.8rem}.report-period-filters select{min-height:42px;padding-block:8px}.report-scope-toggle{display:grid;grid-template-columns:repeat(2,minmax(76px,1fr));gap:4px;min-height:42px;padding:4px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.report-scope-toggle button{min-width:0;border:0;border-radius:6px;background:transparent;color:var(--muted);font:inherit;font-size:.86rem;font-weight:900;cursor:pointer}.report-scope-toggle button.active{background:var(--primary);color:#fff}.report-section-stack{display:grid;gap:22px}.report-group{display:grid;gap:12px;min-width:0}.report-group-heading{display:flex;justify-content:space-between;gap:14px;align-items:end;min-width:0;padding:0 2px 8px;border-bottom:1px solid var(--border)}.report-group-heading h3{margin:0;color:var(--text);font-size:1.12rem}.report-group-heading>span{flex:0 0 auto;color:var(--muted);font-size:.9rem;font-weight:900;text-align:right}.report-group.income .eyebrow,.report-group.income .report-group-heading>span{color:var(--primary-dark)}.report-group.expense .eyebrow,.report-group.expense .report-group-heading>span{color:var(--danger-text)}.report-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.report-summary-grid article,.report-breakdown-card,.report-wallet-summary-row,.report-category-row{border:1px solid var(--border);border-radius:8px;background:var(--surface-soft)}.report-summary-grid article{display:grid;gap:7px;min-width:0;padding:16px}.report-summary-grid svg{color:var(--primary)}.report-summary-grid span,.report-category-row span,.report-empty{color:var(--muted);font-size:.86rem;font-weight:800}.report-summary-grid strong{overflow:hidden;color:var(--text);font-size:clamp(1.05rem,2vw,1.45rem);text-overflow:ellipsis;white-space:nowrap}.report-summary-grid .income{background:#f0fbf6}.report-summary-grid .expense{background:#fff3ef}.report-summary-grid .net{background:#f5f3ff}.report-summary-grid .net svg{color:#6d5bd0}.report-breakdown-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.report-breakdown-card{min-width:0;padding:14px}.report-breakdown-card.income-card{border-color:#bfded4;background:#f0fbf6}.report-breakdown-card.expense-card{border-color:#efc7bf;background:#fff3ef}.report-breakdown-card.neutral-card{border-color:#d8d2f1;background:#f7f4ff}.report-detail-card,.report-wallet-summary-card{grid-column:1 / -1}.report-breakdown-card h3{margin:0;font-size:1.05rem}.report-category-list,.report-wallet-summary-list,.report-detail-list{display:grid;gap:8px}.report-wallet-summary-row,.report-category-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px;background:var(--surface)}.report-wallet-summary-row.clickable,.report-category-row.clickable{cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.report-wallet-summary-row.clickable:hover,.report-wallet-summary-row.clickable:focus-visible,.report-category-row.clickable:hover,.report-category-row.clickable:focus-visible{border-color:var(--border-strong);box-shadow:0 10px 24px #1c262314;outline:0;transform:translateY(-1px)}.report-category-row.income{border-color:#c8e3da;background:#f7fffb}.report-category-row.expense{border-color:#f0ccc5;background:#fff9f7}.report-category-row.neutral{border-color:#dcd6f0;background:#fbf9ff}.report-category-row div{display:grid;gap:2px;min-width:0}.report-wallet-summary-row{display:grid;grid-template-columns:minmax(180px,1fr) repeat(3,minmax(120px,auto)) auto}.report-wallet-summary-row div{display:grid;gap:2px;min-width:0}.report-wallet-summary-row>span,.report-wallet-summary-row>b{justify-self:end;font-size:.9rem;white-space:nowrap}.report-row-action{align-self:center;justify-self:end;padding:4px 8px;border-radius:999px;color:var(--muted);background:#edf1ee;font-size:.72rem;font-weight:900;white-space:nowrap}.report-wallet-summary-row .income{color:var(--primary-dark)}.report-wallet-summary-row .expense{color:var(--danger-text)}.report-wallet-summary-row>span:before,.report-wallet-summary-row>b:before{margin-right:5px;color:var(--muted);font-size:.72rem;font-weight:850}.report-wallet-summary-row>span.income:before{content:"รับ"}.report-wallet-summary-row>span.expense:before{content:"จ่าย"}.report-wallet-summary-row>b:before{content:"สุทธิ"}.report-wallet-summary-row strong,.report-category-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-category-row b{flex:0 0 auto;color:var(--primary-dark)}.report-category-row.expense b{color:var(--danger-text)}.report-empty{margin:0;padding:12px;border:1px dashed var(--border);border-radius:8px}.report-detail-list{display:none}.report-detail-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.report-detail-table{width:100%;min-width:1240px;border-collapse:collapse;table-layout:fixed}.report-detail-table th,.report-detail-table td{padding:11px 12px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}.report-detail-table th{position:sticky;top:0;z-index:1;overflow:hidden;background:#e8f3ef;color:#0f5f55;font-size:.78rem;font-weight:950;text-overflow:ellipsis}.report-detail-table td{position:relative;overflow:visible;color:var(--text);font-size:.86rem;font-weight:800}.report-detail-table td .click-tooltip-text{width:100%}.report-detail-table tbody tr:last-child td{border-bottom:0}.report-detail-table .item{font-weight:950}.report-detail-table .amount{text-align:right}.report-detail-table th.amount,.report-detail-table td.amount{position:sticky;right:0;z-index:2;width:156px;min-width:156px;max-width:156px;background:var(--surface);box-shadow:-10px 0 16px #101c1814}.report-detail-table th.amount{z-index:4;background:#e8f3ef}.report-detail-table td.amount{overflow:hidden;text-overflow:ellipsis}.report-detail-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;display:grid;place-items:center;padding:18px;background:rgba(16,28,24,.34)}.report-detail-modal{display:grid;gap:14px;width:min(1120px,100%);max-height:min(82vh,760px);overflow:auto;scrollbar-gutter:stable;padding:18px;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:0 28px 70px #101c183d}.report-detail-modal.income{border-color:#bfded4;background:#f7fffb}.report-detail-modal.expense{border-color:#efc7bf;background:#fff9f7}.report-detail-modal.neutral{border-color:#d8d2f1;background:#fbf9ff}.report-detail-modal-header{display:flex;justify-content:space-between;gap:14px;align-items:start}.report-detail-modal-header h3{margin:0 0 4px;font-size:1.22rem}.report-detail-modal-header span{color:var(--muted);font-weight:850}.report-detail-modal-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.report-detail-modal-summary article{display:grid;min-width:0;gap:4px;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.report-detail-modal-summary span{color:var(--muted);font-size:.78rem;font-weight:900}.report-detail-modal-summary strong{overflow:hidden;color:var(--text);font-size:1rem;font-weight:950;text-overflow:ellipsis;white-space:nowrap}.report-detail-modal-summary .income{border-color:#bfded4;background:#f0fbf6}.report-detail-modal-summary .income strong{color:var(--primary-dark)}.report-detail-modal-summary .expense{border-color:#efc7bf;background:#fff3ef}.report-detail-modal-summary .expense strong{color:var(--danger-text)}.report-detail-modal-summary .net{border-color:#d8d2f1;background:#f7f4ff}.report-detail-table th:nth-child(1),.report-detail-table td:nth-child(1){width:128px}.report-detail-table th:nth-child(2),.report-detail-table td:nth-child(2){width:170px}.report-detail-table th:nth-child(3),.report-detail-table td:nth-child(3),.report-detail-table th:nth-child(4),.report-detail-table td:nth-child(4){width:105px}.report-detail-table th:nth-child(5),.report-detail-table td:nth-child(5),.report-detail-table th:nth-child(6),.report-detail-table td:nth-child(6){width:150px}.report-detail-table th:nth-child(7),.report-detail-table td:nth-child(7){width:190px}.report-detail-table th:nth-child(8),.report-detail-table td:nth-child(8){width:130px}.report-detail-table td.amount{color:var(--primary-dark);font-weight:950}.report-detail-table td.amount.expense{color:#a33a2a}.report-detail-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(132px,auto);gap:12px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.report-detail-main{display:grid;gap:3px;min-width:0}.report-detail-main strong,.report-detail-main span,.report-detail-main p{overflow:hidden;margin:0;text-overflow:ellipsis;white-space:nowrap}.report-detail-main span,.report-detail-main p,.report-detail-meta span{color:var(--muted);font-size:.84rem;font-weight:800}.report-detail-meta{display:grid;gap:3px;justify-items:end;min-width:0}.report-detail-meta b{max-width:100%;overflow:visible;color:var(--primary-dark);font-weight:950}.report-detail-meta b.expense{color:#a33a2a}.report-detail-main .click-tooltip-text,.report-detail-meta .click-tooltip-text{width:100%}.admin-page-layout{display:grid;gap:16px}.admin-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.admin-summary-grid article{display:grid;gap:6px;min-width:0;padding:16px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.admin-summary-grid span{color:var(--muted);font-size:.86rem;font-weight:850}.admin-summary-grid strong{color:var(--primary-dark);font-size:1.35rem;font-weight:950}.admin-data-panel{display:grid;gap:14px;min-width:0;padding:16px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft)}.admin-control-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,320px);gap:12px;align-items:end}.admin-tabs{display:flex;flex-wrap:wrap;gap:8px}.admin-tabs button{min-height:40px;padding:9px 12px;border:1px solid var(--border);border-radius:8px;color:var(--muted);background:var(--surface);font-weight:900}.admin-tabs button.active{border-color:#17665c61;color:var(--primary-dark);background:var(--primary-soft)}.admin-search{display:grid;gap:6px;color:var(--muted);font-size:.86rem;font-weight:850}.admin-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.admin-table{width:100%;min-width:920px;border-collapse:collapse;table-layout:fixed}.admin-table th,.admin-table td{padding:11px 12px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}.admin-table th{background:#e8f3ef;color:#0f5f55;font-size:.78rem;font-weight:950}.admin-table td{color:var(--text);font-size:.86rem;font-weight:800}.admin-table td>span,.admin-table td strong+span,.admin-table td .click-tooltip-text+span{display:block;margin-top:2px;overflow:hidden;color:var(--muted);font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.admin-table td .click-tooltip-text{width:100%}.admin-table tbody tr:last-child td{border-bottom:0}.admin-badge{display:inline-flex;align-items:center;min-height:28px;padding:4px 9px;border-radius:999px;background:var(--blue-soft);color:var(--blue-text);font-size:.78rem;font-weight:950}.admin-badge.admin,.admin-badge.active{background:var(--primary-soft);color:var(--primary-dark)}.admin-badge.inactive,.admin-badge.user{background:#f1f2f3;color:var(--muted)}.admin-status-control{display:grid;grid-template-columns:minmax(110px,1fr) auto;gap:8px;align-items:center}.admin-card-list{display:none}.admin-card{display:grid;gap:8px;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.admin-card div,.admin-card p{min-width:0;margin:0}.admin-card span,.admin-card p{overflow:hidden;color:var(--muted);font-size:.84rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.admin-card-meta{display:flex;flex-wrap:wrap;gap:8px}.admin-note{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:.84rem;font-weight:850}.admin-user-modal{width:min(720px,100%);padding:20px}.admin-user-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-user-form-grid label{display:grid;gap:6px;color:var(--muted);font-size:.86rem;font-weight:850}.modal-form-section{padding:20px;background:var(--surface)}.profile-modal-section{display:grid;gap:16px}.profile-modal-header{display:flex;justify-content:space-between;gap:16px;align-items:start}.profile-modal-header h2{margin-bottom:6px;font-size:clamp(1.35rem,3vw,1.8rem)}.profile-modal-header span{color:var(--muted);font-weight:760}.profile-readonly-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.profile-readonly-grid>div{display:grid;gap:4px;min-width:0;padding:14px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft)}.profile-readonly-grid span{color:var(--muted);font-size:.82rem;font-weight:850}.profile-readonly-grid strong{overflow:hidden;color:var(--text);text-overflow:ellipsis;white-space:nowrap}.profile-admin-panel{display:flex;justify-content:space-between;gap:14px;align-items:center;min-width:0;padding:14px;border:1px solid var(--border);border-radius:8px;background:#f0fbf6}.profile-admin-panel div{display:grid;gap:4px;min-width:0}.profile-admin-panel span{color:var(--primary);font-size:.82rem;font-weight:900}.profile-admin-panel strong{overflow:hidden;color:var(--text);text-overflow:ellipsis;white-space:nowrap}.profile-form{display:grid;gap:16px}.profile-form-group{display:grid;gap:12px;min-width:0;padding:14px;border:1px solid var(--border);border-radius:8px;background:#ffffff}.profile-form-group-heading{display:flex;justify-content:space-between;gap:14px;align-items:baseline;min-width:0;padding-bottom:10px;border-bottom:1px solid #e4ece8}.profile-form-group-heading span{color:var(--primary);font-size:.86rem;font-weight:950;text-transform:uppercase}.profile-form-group-heading p{margin:0;color:var(--muted);font-size:.8rem;font-weight:750;text-align:right}.profile-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.profile-form-grid.single{grid-template-columns:minmax(0,1fr)}.profile-edit-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.profile-edit-field input:disabled{color:var(--text);background:#f7faf8;border-color:#d7e3de;-webkit-text-fill-color:var(--text);opacity:1}.profile-edit-field.editing input{background:#ffffff;border-color:var(--primary);box-shadow:0 0 0 4px #1574661a}.profile-edit-button{width:46px;height:46px;flex:0 0 auto}.profile-security-toggle{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;width:100%;padding:12px;border:1px solid #cfe0d9;border-radius:8px;background:#f3fbf8;color:var(--text);cursor:pointer;text-align:left}.profile-security-toggle:disabled{cursor:not-allowed;opacity:.72}.profile-security-toggle[aria-expanded=true]{border-color:#98cfc2;background:#eaf8f3}.profile-security-icon{display:inline-flex;width:42px;height:42px;border-radius:8px;align-items:center;justify-content:center;color:var(--primary);background:#dff2ed}.profile-security-toggle strong,.profile-security-toggle small{display:block}.profile-security-toggle strong{font-size:.96rem;font-weight:950}.profile-security-toggle small{margin-top:3px;color:var(--muted);font-size:.78rem;font-weight:760}.rich-text-field{display:grid;gap:7px;color:#293632;font-size:.92rem;font-weight:850}.rich-text-editor{overflow:hidden;border:1px solid var(--border-strong);border-radius:8px;background:#ffffff}.rich-text-editor:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #17665c1f}.rich-text-toolbar{display:flex;flex-wrap:wrap;gap:4px;padding:7px;border-bottom:1px solid var(--border);background:var(--surface-soft)}.rich-text-toolbar button,.text-color-control{display:inline-grid;width:34px;height:34px;place-items:center;border:0;border-radius:7px;color:var(--text);background:transparent}.rich-text-toolbar button:hover,.text-color-control:hover{background:#e3e9e5}.rich-text-toolbar select{width:auto;min-height:34px;padding:4px 28px 4px 8px}.text-color-control{position:relative;cursor:pointer;font-weight:950}.text-color-control input{position:absolute;inset:auto 5px 3px;width:24px;height:4px;min-height:0;padding:0;border:0;opacity:.9}.rich-text-content{min-height:190px;max-height:360px;overflow:auto;padding:14px;color:var(--text);font-weight:400;outline:0}.rich-text-content:empty:before{color:#98a39f;content:attr(data-placeholder);pointer-events:none}.rich-text-content h2,.rich-text-content h3,.rich-text-content h4,.daily-rich-preview h2,.daily-rich-preview h3,.daily-rich-preview h4,.rich-text-content p,.rich-text-content blockquote,.daily-rich-preview p,.daily-rich-preview blockquote{margin:0 0 8px}.rich-text-content ul,.rich-text-content ol,.daily-rich-preview ul,.daily-rich-preview ol{margin:5px 0 8px;padding-left:24px}.rich-text-content blockquote,.daily-rich-preview blockquote{padding-left:12px;border-left:3px solid var(--primary);color:var(--muted)}.section-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}.section-title p{margin:3px 0 0;color:var(--muted);font-size:.88rem}.daily-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}label{display:grid;gap:8px;color:#293632;font-size:.92rem;font-weight:850}.full-width{grid-column:1 / -1}input,select,textarea{width:100%;min-width:0;min-height:46px;border:1px solid var(--border-strong);border-radius:8px;padding:10px 13px;color:var(--text);background:#ffffff;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}input:hover,select:hover,textarea:hover{border-color:#aebdb6}input::placeholder,textarea::placeholder{color:#96a29e;opacity:1}select{padding-right:42px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#53635e 50%),linear-gradient(135deg,#53635e 50%,transparent 50%);background-position:calc(100% - 19px) 50%,calc(100% - 13px) 50%;background-repeat:no-repeat;background-size:6px 6px,6px 6px;cursor:pointer}select option{color:var(--text);background:#ffffff}input[type=date]{padding-right:10px;cursor:pointer}input[type=date]::-webkit-calendar-picker-indicator{width:19px;height:19px;margin-left:8px;opacity:.58;cursor:pointer}.thai-date-input{position:relative;display:flex;width:100%;min-height:46px;padding:10px 13px;align-items:center;justify-content:space-between;overflow:hidden;border:1px solid var(--border-strong);border-radius:8px;color:var(--text);background:#ffffff;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.thai-date-input:hover{border-color:#aebdb6}.thai-date-input:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #17665c1f}.thai-date-input>span{overflow:hidden;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.thai-date-input>span.placeholder{color:#96a29e}.thai-date-input>svg{flex:0 0 auto;color:#5f6d68}.thai-date-input input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:0;padding:0;border:0;opacity:0;pointer-events:none;cursor:pointer}input[type=search]{-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=search]::-webkit-search-cancel-button{opacity:.45;cursor:pointer}input:disabled,select:disabled,textarea:disabled{color:#82908b;border-color:#dde4df;background-color:#f1f4f2}textarea{min-height:112px;line-height:1.55;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #17665c1f}.form-actions{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.primary-button,.secondary-button,.small-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;border:0;font-weight:850}.primary-button{min-height:46px;padding:0 16px;color:#fff;background:var(--primary)}.primary-button:hover{background:var(--primary-dark)}.secondary-button{min-height:46px;padding:0 16px;color:var(--text);background:#edf1ee}.secondary-button:hover,.small-button:hover,.icon-button:hover{background:#e3e9e5}.secondary-button.compact{min-height:40px;padding:0 12px}.icon-button{width:40px;height:40px;color:var(--text);background:#edf1ee}.icon-button.ghost{background:transparent}.icon-button.modal-sticky-close{display:flex;flex:0 0 auto;width:40px;height:40px;margin-right:0;margin-left:0;background:rgba(255,255,255,.92)}.icon-button.modal-sticky-close:hover{background:#e3e9e5}.entry-list{display:grid;gap:10px;max-height:70vh;overflow:auto;padding-right:4px}.empty-state{display:grid;min-height:150px;place-items:center;border:1px dashed var(--border-strong);border-radius:8px;color:var(--muted);background:var(--surface-soft);font-weight:850;text-align:center}.entry-card{border:1px solid var(--border);border-radius:8px;padding:14px;background:#ffffff;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.entry-card:hover{border-color:var(--border-strong);box-shadow:0 8px 22px #1c26230f;transform:translateY(-1px)}.entry-card.active{border-color:var(--primary);box-shadow:0 0 0 3px #17665c21}.entry-main{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px}.entry-title{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline}.entry-title strong{min-width:0;max-width:100%;color:var(--text);font-size:1rem}.entry-title span,.entry-meta span{color:var(--muted);font-size:.88rem}.entry-card p{margin:7px 0 0;color:#35423e;overflow-wrap:anywhere}.entry-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;min-width:118px}.entry-meta span,.tag-row>span{display:inline-flex;align-items:center;min-height:28px;padding:4px 8px;border-radius:8px;background:var(--primary-soft);font-weight:850}.entry-meta span:nth-child(1){color:var(--primary-dark)}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.tag-row>span{min-width:0;max-width:100%;color:var(--blue-text);background:var(--blue-soft);font-size:.82rem}.entry-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-top:12px}.expense-list-section{padding:16px 18px}.expense-entry-list{max-height:none;overflow:visible;padding-right:0}.expense-filters{display:grid;grid-template-columns:minmax(240px,1.45fr) repeat(6,minmax(112px,.7fr)) auto;gap:10px;align-items:end;margin-bottom:14px;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft)}.expense-filter-toggle{display:none;margin-bottom:12px}.expense-filter-toggle span{margin-left:4px;color:var(--accent);font-size:.78rem}.expense-filter-toggle.active{border-color:#12746347;background:rgba(220,241,236,.78);color:var(--accent)}.expense-filters label{gap:7px;min-width:0;font-size:.82rem}.expense-filters input,.expense-filters select{min-height:44px;padding-block:9px}.expense-search-filter>div{position:relative}.expense-search-filter svg{position:absolute;top:50%;left:11px;z-index:1;color:var(--muted);pointer-events:none;transform:translateY(-50%)}.expense-search-filter input{width:100%;padding-left:36px}.expense-filter-reset{min-height:44px;padding-inline:12px;white-space:nowrap}.daily-filters{display:grid;grid-template-columns:minmax(260px,1.5fr) repeat(2,minmax(140px,.7fr)) auto;gap:10px;align-items:end;margin-bottom:14px;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft)}.daily-filters label{gap:7px;min-width:0;font-size:.82rem}.daily-filters input,.daily-filters select{min-height:44px;padding-block:9px}.daily-list-section{padding:16px 18px}.daily-entry-list{max-height:none;overflow:visible;padding-right:0}.daily-entry-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:14px 16px}.daily-entry-content{display:grid;gap:6px;min-width:0}.daily-rich-preview{display:-webkit-box;overflow:hidden;max-height:68px;color:#35423e;font-size:.9rem;font-weight:400;-webkit-box-orient:vertical;-webkit-line-clamp:3}.daily-rich-preview>:last-child{margin-bottom:0}.daily-entry-content .tag-row{margin-top:2px}.daily-entry-actions{display:grid;grid-template-columns:repeat(2,minmax(92px,auto));gap:8px;margin-top:0}.daily-entry-actions .small-button{min-height:44px;padding-inline:14px}.daily-entry-card .tag-row .daily-mood-tag{color:var(--primary-dark);background:var(--primary-soft)}.daily-entry-card .tag-row .daily-hours-tag{color:var(--amber-text);background:var(--amber-soft)}.expense-entry-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:14px 16px}.expense-entry-content{display:grid;gap:6px;min-width:0}.expense-entry-content .tag-row{margin-top:0}.expense-entry-side{display:flex;align-items:center;justify-content:flex-end}.expense-entry-actions{display:grid;grid-template-columns:repeat(2,minmax(92px,auto));gap:8px;margin-top:0}.expense-entry-actions .small-button{min-height:44px;padding-inline:14px}.pagination{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}.pagination p{margin:0;color:var(--muted);font-size:.84rem;font-weight:780}.pagination-controls{display:flex;gap:10px;align-items:center}.pagination-controls span{min-width:84px;color:var(--text);font-size:.84rem;font-weight:900;text-align:center}.pagination-controls .icon-button{width:36px;height:36px}.expense-entry-card p{margin:0}.expense-entry-card .tag-row>span{max-width:min(100%,180px);min-height:25px;padding:3px 7px;font-size:.78rem}.expense-entry-card .tag-row .expense-amount-tag{color:var(--primary-dark);background:var(--primary-soft)}.expense-entry-card .tag-row .expense-type-tag{color:var(--blue-text);background:var(--blue-soft)}.expense-entry-card .tag-row>span.expense-type-tag.income{color:#126149;background:#dff4ec}.expense-entry-card .tag-row>span.expense-type-tag.expense{color:var(--danger-text);background:var(--danger-soft)}.expense-entry-card .tag-row .expense-type-tag .click-tooltip-trigger{color:inherit}.expense-entry-card .tag-row .expense-period-tag.daily{color:var(--blue-text);background:var(--blue-soft)}.expense-entry-card .tag-row .expense-period-tag.monthly{color:var(--amber-text);background:var(--amber-soft)}.expense-entry-card .tag-row .expense-period-tag.yearly{color:var(--primary-dark);background:var(--primary-soft)}.expense-entry-card .tag-row .expense-category-tag{color:var(--blue-text);background:var(--blue-soft)}.expense-entry-card .tag-row .expense-payment-tag{color:var(--amber-text);background:var(--amber-soft)}.expense-entry-card .tag-row .expense-wallet-tag{color:var(--primary-dark);background:var(--primary-soft)}.small-button{min-height:36px;padding:0 11px;color:var(--text);background:#edf1ee}.small-button.danger{color:var(--danger-text);background:var(--danger-soft)}.status{display:flex;align-items:flex-start;gap:9px;margin-top:16px;padding:12px 14px;border-radius:8px;font-weight:850}.status>svg{flex:0 0 auto;margin-top:2px}.status span{display:grid;gap:6px;min-width:0}.status b{width:fit-content;max-width:100%;padding:6px 8px;overflow-wrap:anywhere;border-radius:6px;background:rgba(255,255,255,.66);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9rem}.status.success{color:#14513a;background:#e5f5ec}.status.error{color:var(--danger-text);background:var(--danger-soft)}.status.loading{color:var(--blue-text);background:var(--blue-soft)}.expense-main-column>.status,.daily-page-layout>.status{margin-top:0;min-height:62px;padding:14px 18px;border:1px solid #d3e9df;background:linear-gradient(90deg,#e8f5ef,#eef9f5)}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.expense-list-summary strong,.home-metric-card strong,.report-summary-grid strong,.report-category-row strong,.report-category-row b,.home-row-content strong,.home-note-heading strong,.entry-title strong,.entry-title span,.tag-row>span{min-width:0;overflow:visible}.expense-list-summary strong .click-tooltip-text,.home-metric-card strong .click-tooltip-text,.report-summary-grid strong .click-tooltip-text,.report-category-row strong .click-tooltip-text,.report-category-row b .click-tooltip-text,.home-row-content strong .click-tooltip-text,.home-row-content span .click-tooltip-text,.home-row-content p .click-tooltip-text,.home-row-badges strong .click-tooltip-text,.home-row-badges span .click-tooltip-text,.home-note-heading strong .click-tooltip-text,.home-note-heading span .click-tooltip-text,.entry-title strong .click-tooltip-text,.entry-title span .click-tooltip-text,.entry-card p .click-tooltip-text,.tag-row>span .click-tooltip-text{width:100%}@media (max-width: 1100px){.expense-filters,.daily-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.expense-search-filter{grid-column:span 2}.expense-entry-card{grid-template-columns:1fr}.admin-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.expense-entry-side{justify-content:space-between}.daily-entry-card{grid-template-columns:1fr}.daily-entry-actions{justify-self:end}}@media (max-width: 920px){.app-shell{padding:18px}.app-topbar{flex-wrap:wrap;gap:10px 16px}.app-topbar .menu-bar{order:3;width:100%}.content-grid,.dashboard-columns,.summary-grid,.home-grid,.journal-bottom-grid,.expense-summary-grid,.report-summary-grid,.report-breakdown-grid,.admin-summary-grid,.home-metric-grid,.home-lower-grid{grid-template-columns:1fr}.entry-list{max-height:none}.expense-list-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.expense-filters,.daily-filters{grid-template-columns:1fr}.expense-search-filter{grid-column:auto}.expense-filter-reset{width:100%}}@media (max-width: 720px){.app-shell{padding:12px}.auth-shell{padding-block:12px}.auth-panel,.panel-header,.dashboard-panel,.form-section,.list-section{padding:16px}.auth-form-grid{grid-template-columns:1fr}.auth-switch{flex-wrap:wrap;text-align:center}.auth-signup-prompt{flex-wrap:wrap}.auth-field-heading{align-items:flex-start}.auth-panel h1{font-size:clamp(1.9rem,10vw,2.45rem)}.home-hero,.journal-head,.home-dashboard-heading,.home-panel-header{display:grid}.home-actions,.home-actions .primary-button,.home-actions .secondary-button,.mood-card,.home-dashboard-actions,.expense-toolbar-actions{width:100%}.home-actions,.home-dashboard-actions{justify-content:stretch}.home-dashboard{gap:12px}.home-dashboard-heading{gap:10px;padding:0}.home-dashboard-heading h2{margin-bottom:2px;font-size:clamp(1.18rem,6vw,1.45rem)}.home-dashboard-heading span{display:-webkit-box;overflow:hidden;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}.home-dashboard-actions,.expense-toolbar-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.expense-toolbar-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.home-dashboard-actions .primary-button,.home-dashboard-actions .secondary-button,.expense-toolbar-actions .primary-button,.expense-toolbar-actions .secondary-button{width:100%;min-height:44px;min-width:0;padding-inline:8px;font-size:.82rem;white-space:nowrap}.expense-toolbar-panel{display:grid;gap:10px;padding:0}.expense-toolbar-panel h2{margin-bottom:3px;font-size:clamp(1.18rem,6vw,1.5rem)}.expense-toolbar-panel>div:first-child>span{display:-webkit-box;overflow:hidden;font-size:.84rem;line-height:1.24;-webkit-box-orient:vertical;-webkit-line-clamp:2}.expense-list-summary{gap:10px}.expense-list-summary article{gap:5px;min-height:0;padding:12px 13px;box-shadow:0 8px 18px #1c26230a}.expense-list-summary span{font-size:.78rem;line-height:1.2}.expense-list-summary strong{font-size:1rem;line-height:1.15}.chart-panel-header{display:grid}.chart-mode-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.chart-mode-tabs button{min-width:0;min-height:36px;gap:3px;padding:0 6px;font-size:.78rem;line-height:1}.chart-mode-tabs button svg{width:15px;height:15px}.journal-board,.side-card{padding:16px}.secondary-button.compact{width:100%;justify-content:center}.expense-filter-toggle{display:inline-flex;width:100%;justify-content:center}.expense-list-section .expense-filters,.daily-list-section .daily-filters{display:none}.expense-list-section .expense-filters.open,.daily-list-section .daily-filters.open{display:grid}.app-topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;top:6px;gap:10px;padding:9px}.app-brand{min-width:0}.app-brand strong{font-size:1rem}.money-smart-logo.compact{width:38px;height:38px}.topbar-user{max-width:92px;padding-right:5px}.topbar-user>span:nth-child(2){display:none}.topbar-actions{flex-wrap:nowrap;gap:4px;justify-self:end}.topbar-logout{width:36px;height:36px}.app-topbar .menu-bar{display:grid;grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;align-items:stretch}.app-topbar .menu-item{width:100%;min-height:42px;min-width:0;gap:5px;padding:0 6px;font-size:.76rem;line-height:1;white-space:nowrap}.app-topbar .menu-item svg{width:16px;height:16px;flex:0 0 auto}.menu-label-full{display:none}.menu-label-mobile{display:inline;overflow:hidden;text-overflow:ellipsis}.processing-overlay{padding:12px}.processing-card{padding:14px}.daily-form,.profile-form,.profile-form-grid,.form-actions,.entry-main{grid-template-columns:1fr}.profile-form-group-heading{display:grid;gap:4px}.profile-form-group-heading p{text-align:left}.profile-readonly-grid{grid-template-columns:1fr}.report-wallet-summary-row{grid-template-columns:1fr;gap:8px;align-items:start}.report-wallet-summary-row>span,.report-wallet-summary-row>b{justify-self:start}.profile-admin-panel{display:grid}.profile-admin-panel .secondary-button,.menu-item,.dashboard-actions .primary-button,.entry-actions .small-button,.app-topbar .menu-item{width:100%}.entry-meta,.entry-actions{justify-content:flex-start}.expense-entry-card{display:grid}.expense-entry-side{display:grid;gap:10px}.expense-entry-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.expense-entry-actions .small-button{width:100%}.daily-entry-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;justify-self:stretch}.daily-entry-actions .small-button{width:100%}.rich-text-toolbar{max-height:126px;overflow-y:auto}.pagination{display:grid;justify-items:center}.expense-chart-stage{grid-template-columns:36px minmax(0,1fr)}.bar-fill{width:min(38px,68%)}.bar-value,.bar-label{font-size:.68rem}.home-dashboard-panel{padding:14px}.home-panel-header{gap:10px;margin-bottom:12px}.home-panel-title{gap:10px}.panel-title-icon{width:40px;height:40px}.home-panel-title h2{margin-bottom:1px;font-size:1rem}.home-panel-title p{display:-webkit-box;overflow:hidden;font-size:.8rem;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}.home-metric-grid{gap:10px}.home-metric-card{min-height:82px;grid-template-columns:44px minmax(0,1fr);gap:12px;padding:13px 14px}.home-metric-card .metric-icon{width:44px;height:44px}.home-metric-card .metric-icon svg{width:22px;height:22px}.home-metric-card>div:last-child{gap:1px}.home-metric-card span{font-size:.86rem}.home-metric-card strong{font-size:1.08rem;line-height:1.08}.home-metric-card small{font-size:.72rem}.home-expense-row{grid-template-columns:auto minmax(0,1fr)}.home-row-badges{grid-column:1 / -1;justify-content:flex-end}.home-note-meta{align-items:flex-start;flex-direction:column}.note-read-button{width:100%;justify-content:center}.note-reader-modal{max-height:92vh;padding:18px}.note-reader-content{padding-block:18px}.chart-overview .chart-y-axis,.chart-overview .chart-plot{height:205px}.chart-bars{width:min(100%,var(--mobile-chart-width, 100%));gap:min(var(--mobile-chart-gap, 16px),4vw)}.bar-visual{padding-inline:2px}.category-donut-panel,.share-chart-grid{grid-template-columns:1fr;gap:10px}.share-chart-header{gap:10px;align-items:stretch}.category-donut{width:min(100%,260px)}.category-donut-center{width:38%;min-width:98px}.category-slice-label{width:clamp(62px,calc(var(--label-width, 84px) * .72),88px)}.category-slice-label span{display:none}.category-slice-label svg{width:13px;height:13px;margin-bottom:0}.category-slice-label strong{font-size:.62rem}.category-slice-label b{font-size:.95rem}.category-donut-row{grid-template-columns:auto minmax(0,1fr) auto;padding:9px}.category-donut-row-icon{width:34px;height:34px}.modal-backdrop{place-items:center;padding:12px;overflow:hidden}.modal-panel{width:min(100%,720px);max-height:calc(100dvh - 24px);scrollbar-gutter:auto}.report-modal-panel{width:min(100%,520px);max-height:calc(100dvh - 24px);padding:12px}.report-detail-modal-backdrop{place-items:center;padding:12px}.report-detail-modal{width:min(100%,520px);max-height:calc(100dvh - 24px);padding:14px;scrollbar-gutter:auto}.report-modal-header{display:grid;grid-template-areas:"title" "filters" "actions";grid-template-columns:1fr;gap:10px;margin-bottom:14px;padding-bottom:12px}.report-modal-header .report-title-block{padding-right:50px}.report-modal-header .eyebrow{margin-bottom:2px;font-size:.72rem}.report-modal-header h2{margin:0 0 4px;font-size:clamp(1.95rem,8.2vw,2.4rem);line-height:1.04}.report-modal-header>.report-title-block>span{font-size:.82rem}.report-period-filters{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px;padding:8px}.report-period-filters label{gap:4px;font-size:.76rem}.report-period-filters select,.report-period-filters .thai-date-input{min-height:40px}.report-period-filters label,.report-scope-toggle{grid-column:1 / -1}.report-period-filters .report-period-filter-month,.report-period-filters .report-period-filter-year{grid-column:auto}.report-scope-toggle{min-height:40px;padding:3px}.report-scope-toggle button{font-size:.82rem}.report-detail-modal-header{display:grid;grid-template-columns:minmax(0,1fr) auto}.report-detail-modal-summary{grid-template-columns:1fr}.report-detail-table-wrap{display:none}.report-detail-list{display:grid}.report-detail-row{grid-template-columns:1fr}.report-detail-meta{justify-items:start}.report-modal-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:10px}.report-modal-actions .secondary-button.compact{width:100%;min-height:38px;padding-inline:10px;font-size:.88rem}.report-section-stack{gap:16px}.report-group{gap:10px}.report-group-heading{gap:10px;padding-bottom:6px}.report-group-heading h3{font-size:1rem}.report-group-heading>span{font-size:.82rem}.report-group .eyebrow{margin-bottom:2px;font-size:.72rem}.report-summary-grid{gap:10px}.report-summary-grid article{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon label" "icon value";align-items:center;column-gap:10px;row-gap:2px;padding:12px 13px}.report-summary-grid article svg{grid-area:icon;width:17px;height:17px}.report-summary-grid article span{grid-area:label;font-size:.8rem}.report-summary-grid article strong{grid-area:value;font-size:1.2rem;line-height:1.1}.report-breakdown-card{padding:12px}.report-breakdown-card .section-title{margin-bottom:10px;align-items:start}.report-breakdown-card .section-title h3{font-size:.98rem}.report-breakdown-card .section-title p{font-size:.8rem}.report-category-list{gap:7px}.report-category-row{gap:10px;padding:10px 12px}.report-category-row span,.report-empty{font-size:.8rem}.report-category-row strong,.report-category-row b{font-size:.96rem}.report-row-action{display:none}.admin-control-row{grid-template-columns:1fr}.admin-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.admin-user-form-grid{grid-template-columns:1fr}.admin-table-wrap.users-table{display:none}.admin-card-list{display:grid;gap:8px}.modal-form-section{padding:16px}}@media (max-width: 380px){.home-dashboard-actions .primary-button,.home-dashboard-actions .secondary-button,.expense-toolbar-actions .primary-button,.expense-toolbar-actions .secondary-button{gap:5px;font-size:.82rem}.home-dashboard{gap:10px}.home-dashboard-panel{padding:12px}.expense-toolbar-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.expense-toolbar-actions .primary-button{grid-column:1 / -1}.expense-list-summary{gap:8px}.expense-list-summary article{padding:10px 11px}.expense-list-summary span{font-size:.74rem}.expense-list-summary strong{font-size:.94rem}.home-metric-card{min-height:76px;grid-template-columns:40px minmax(0,1fr);gap:10px;padding:11px 12px}.home-metric-card .metric-icon{width:40px;height:40px}.home-metric-card strong{font-size:1rem}.category-donut{width:min(100%,238px)}}