:root{color:#25354a;font-synthesis:none;background:#f4f6f9;font-family:Leelawadee UI,Noto Sans Thai,system-ui,sans-serif;line-height:1.65}*{box-sizing:border-box}body{margin:0}a{color:#2159c4}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}:focus-visible{outline-offset:4px;outline:3px solid #916008}.sidebar :focus-visible{outline-color:#f2c66d}.shell{min-height:100dvh;display:flex}.sidebar{color:#fff;background:#15243b;flex-direction:column;flex-shrink:0;width:244px;padding:32px 22px;display:flex}.brand{color:#fff;letter-spacing:-.6px;align-items:center;gap:12px;font-size:26px;font-weight:700;text-decoration:none;display:flex}nav{margin-top:46px}.nav-link{color:#fff;background:#263b5b;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;display:flex}.sidebar-note{color:#b8c7db;margin-top:auto;padding-top:40px;font-size:13px}main{flex:1;min-width:0;max-width:1120px;padding:58px 6%}.eyebrow{color:#52637a;margin:0 0 10px;font-size:14px}h1{color:#15243b;margin:0;font-size:clamp(25px,3vw,34px);font-weight:650;line-height:1.4}h2{color:#25354a;margin:14px 0 8px;font-size:20px}.intro{color:#58667a;margin:16px 0 32px}.card{background:#fff;border:1px solid #e0e5ec;border-radius:12px;padding:28px}.ready{color:#216842;align-items:center;gap:8px;margin:0;font-size:14px;display:flex}.empty-state{text-align:center;color:#66758a;padding:54px 16px}.empty-state>svg{color:#6e829e}.empty-state p{max-width:420px;margin:0 auto}button{color:#fff;cursor:pointer;background:#245ac5;border:0;border-radius:7px;align-items:center;gap:8px;padding:10px 18px;display:inline-flex}button:hover{background:#18479f}button:disabled{opacity:.65;cursor:wait}.skip-link{z-index:40;background:#fff;padding:12px;position:fixed;top:-100px;left:12px}.skip-link:focus{top:12px}@media (width<=700px){.shell{flex-direction:column}.sidebar{flex-direction:row;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:18px 22px}.brand{font-size:22px}nav{margin:0}.nav-link{padding:8px 12px}.sidebar-note{display:none}main{padding:34px 20px}.card{padding:22px}.empty-state{padding:36px 0}}form{gap:12px;display:grid}label{gap:5px;font-weight:550;display:grid}input,select{width:100%;min-width:0;font:inherit;color:#25354a;background:#fff;border:1px solid #abb8ca;border-radius:6px;padding:10px 12px}.checkbox{align-items:center;gap:10px;font-weight:400;display:flex}.checkbox input{width:auto}form button{justify-self:start}.auth-card{max-width:520px;margin:30px auto}.field-error,[role=alert]{color:#a12626}.field-error{margin:-6px 0 0;font-size:14px}.user-bar{justify-content:flex-end;align-items:center;gap:18px;margin-bottom:30px;display:flex}.secondary{color:#244f93;background:#eaf0fb}.secondary:hover{background:#d8e4f8}.workspace-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:18px;margin-bottom:24px;display:grid}.workspace-link{color:#25354a;overflow-wrap:anywhere;text-decoration:none;display:block}.workspace-link:hover{border-color:#245ac5}.badge{color:#24529a;background:#eef3fc;border-radius:5px;padding:4px 9px;font-size:13px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:14px;display:grid}.card+.card{margin-top:24px}.page-title{overflow-wrap:anywhere;margin-top:20px}.member-list{padding:0;list-style:none}.member-list li{border-bottom:1px solid #e0e5ec;flex-wrap:wrap;align-items:center;gap:12px;padding:16px 0;display:flex}.member-list li div{overflow-wrap:anywhere;flex:1;min-width:160px}.member-list li div span{color:#58667a;font-size:14px;display:block}.help{color:#58667a;margin:0;font-size:14px}.workspace-nav{border-bottom:1px solid #d7dfeb;flex-wrap:wrap;gap:8px;margin:0 0 28px;padding-bottom:12px;display:flex}.workspace-nav a{color:#34506f;border-radius:6px;padding:8px 14px;text-decoration:none}.workspace-nav a.active{color:#194c9d;background:#dfeafa;font-weight:650}.page-heading,.actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.actions{justify-content:flex-start;margin-top:18px}.button-link{color:#fff;background:#245ac5;border-radius:7px;padding:10px 18px;text-decoration:none;display:inline-block}.list-filters{flex-wrap:wrap;align-items:flex-end;gap:12px;margin:22px 0;display:flex}.list-filters label{flex:1;min-width:140px}.pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:24px 0;font-size:14px;display:flex}.money{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.balance-display{font-size:clamp(22px,3vw,32px)}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:20px;display:grid}.detail-grid dt{color:#58667a;font-size:14px}.detail-grid dd{overflow-wrap:anywhere;margin:5px 0 0}textarea{width:100%;min-height:80px;font:inherit;resize:vertical;border:1px solid #abb8ca;border-radius:6px;padding:10px 12px}.record-list{padding:0;list-style:none}.record-list li{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.record-list h2{overflow-wrap:anywhere}.form-panel{margin:24px 0}.transaction-list{gap:1rem;display:grid}.report-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0;display:grid}.report-stats>.card,.report-panels>.card{margin:0}@media (width<=640px){.report-stats{grid-template-columns:minmax(0,1fr)}}@media (width>=1400px){.report-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}.report-stats dt{color:#58667a;font-size:14px}.report-stats dd{margin:12px 0 0;font-size:clamp(19px,2.3vw,28px);font-weight:700}.report-panels{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:20px;margin:24px 0;display:grid}.report-chart{width:100%;min-width:0;margin-top:20px}.chart-tooltip{background:#fff;border:1px solid #dce3ed;border-radius:8px;padding:12px;box-shadow:0 4px 14px #10254118}.report-table-wrap{max-width:100%;overflow-x:auto}.report-table-wrap table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.report-table-wrap th,.report-table-wrap td{border-bottom:1px solid #e3e9f0;padding:14px 12px}.report-table-wrap thead th{color:#58667a;font-weight:600}.report-table-wrap td.money{white-space:nowrap;font-variant-numeric:tabular-nums}.report-table-wrap tbody th{overflow-wrap:anywhere;min-width:100px}.report-tabs{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.report-scope{color:#58667a;font-size:13px}details summary{cursor:pointer;padding:12px 0}@media (width<=1000px){.report-panels{grid-template-columns:minmax(0,1fr)}}.transaction-row{color:inherit;justify-content:space-between;align-items:center;gap:1rem;text-decoration:none;display:flex}.transaction-row h2{overflow-wrap:anywhere}.transaction-row .money{white-space:nowrap}@media (width<=640px){.transaction-row{flex-direction:column;align-items:flex-start}}.workspace-shell{min-height:100dvh;display:flex}.app-sidebar{z-index:30;color:#fff;background:#15243b;flex-direction:column;flex:0 0 252px;gap:18px;width:252px;height:100dvh;padding:20px 16px;display:flex;position:sticky;top:0;overflow:hidden}.app-sidebar :focus-visible{outline-color:#f2c66d}.app-brand{color:#fff;flex-shrink:0;align-items:center;gap:11px;text-decoration:none;display:flex}.app-brand-mark{background:#263b5b;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.app-brand strong{letter-spacing:-.3px;font-size:19px;font-weight:700;display:block}.app-brand small{color:#b8c7db;font-size:12px;line-height:1.4;display:block}.app-sidebar nav{overscroll-behavior:contain;flex:1;min-height:0;margin:0;overflow-y:auto}.app-nav-groups{gap:16px;display:grid}.app-nav-group{gap:3px;display:grid}.app-nav-group h2{letter-spacing:.09em;text-transform:uppercase;color:#8fa2bd;margin:0 0 2px;padding:0 12px;font-size:11px;font-weight:650}.app-nav-group a{color:#cfdaea;border-radius:8px;align-items:center;gap:10px;padding:9px 12px;font-size:15px;text-decoration:none;display:flex}.app-nav-group a>svg{flex-shrink:0}.app-nav-group a:hover{color:#fff;background:#1e304c}.app-nav-group a.active{color:#fff;background:#263b5b;font-weight:600}.sidebar-account{color:#b8c7db;border-top:1px solid #263b5b;flex-shrink:0;gap:2px;margin-top:auto;padding-top:14px;font-size:13px;display:grid}.sidebar-account p{color:#fff;overflow-wrap:anywhere;margin:0;font-size:14px;font-weight:650}.sidebar-account small{color:#93a6c0;overflow-wrap:anywhere}.sidebar-account button{background:#263b5b;justify-content:center;margin-top:10px}.sidebar-account button:hover{background:#31496d}.workspace-stage{flex-direction:column;flex:1;min-width:0;display:flex}.app-topbar{z-index:10;background:#fff;border-bottom:1px solid #e0e5ec;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:11px 24px;display:flex;position:sticky;top:0}.mobile-nav-toggle{color:#15243b;background:#eef3fc;border-radius:8px;padding:8px}.mobile-nav-toggle:hover{background:#dfeafa}.workspace-switcher{color:#15243b;border-radius:8px;min-width:0;max-width:min(100%,340px);margin-right:auto;padding:6px 10px;font-weight:650;text-decoration:none}.workspace-switcher span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.workspace-switcher:hover{background:#eef3fc}.topbar-add-action{color:#fff;background:#245ac5;border-radius:7px;flex-shrink:0;align-items:center;gap:7px;padding:9px 14px;font-size:14px;text-decoration:none;display:inline-flex}.topbar-add-action:hover{background:#18479f}.topbar-language{flex-shrink:0}.workspace-content{flex:1;min-width:0;max-width:none;padding:26px 24px 56px}.workspace-content>*{max-width:1180px}.language-toggle{color:#58667a;background:#fff;border:1px solid #d7dfeb;border-radius:999px;align-items:center;gap:4px;padding:3px 3px 3px 9px;display:inline-flex}.language-toggle button{color:#34506f;background:0 0;border-radius:999px;padding:5px 12px;font-size:13px}.language-toggle button:hover{background:#eef3fc}.language-toggle button.is-selected{color:#fff;background:#245ac5}.sidebar-scrim{display:none}@media (width<=840px){.app-sidebar{flex-basis:auto;width:min(84vw,288px);height:100dvh;transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.app-sidebar.is-open{transform:translate(0);box-shadow:0 0 44px #10254166}.sidebar-scrim.is-visible{z-index:20;background:#10254166;border-radius:0;padding:0;display:block;position:fixed;inset:0}.app-topbar{padding:10px 14px}.workspace-content{padding:20px 16px 48px}}@media (prefers-reduced-motion:reduce){.app-sidebar{transition:none}}.entry-content{max-width:1160px;margin:0 auto;padding:26px 24px 56px}.auth-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:26px;display:grid}.auth-brand-panel{color:#fff;background:#15243b;border-radius:16px;flex-direction:column;justify-content:space-between;gap:36px;padding:34px 30px;display:flex}.auth-brand-lockup{align-items:center;gap:12px;display:flex}.auth-brand-lockup strong{letter-spacing:-.3px;font-size:21px;display:block}.auth-brand-lockup small{color:#b8c7db;font-size:13px;display:block}.auth-brand-message h2{color:#fff;margin:16px 0 8px;font-size:clamp(21px,2.6vw,27px)}.auth-brand-message p{color:#c6d3e5;margin:0}.auth-panel{background:#fff;border:1px solid #e0e5ec;border-radius:16px;padding:32px}.auth-panel .intro{margin:10px 0 24px}.auth-form-options{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:4px;display:flex}.auth-submit{justify-content:center;justify-self:stretch;width:100%;margin-top:6px}.auth-back-link{margin-top:18px;display:inline-block}@media (width<=840px){.entry-content{padding:20px 16px 48px}.auth-layout{grid-template-columns:minmax(0,1fr);gap:18px}.auth-brand-panel{gap:20px;padding:24px 22px}.auth-panel{padding:24px 20px}}.workspace-card{color:#25354a;overflow-wrap:anywhere;background:#fff;border:1px solid #e0e5ec;border-radius:12px;align-items:center;gap:14px;padding:18px;text-decoration:none;display:flex}.workspace-card:hover{border-color:#245ac5}.workspace-card-icon{color:#24529a;background:#eef3fc;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.workspace-card>div{flex:1;min-width:0}.workspace-card h2{margin:8px 0 4px;font-size:18px}.workspace-card p{color:#58667a;margin:0;font-size:14px}.workspace-card>svg:last-child{color:#245ac5;flex-shrink:0}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin:0 0 22px;display:flex}.page-eyebrow{color:#52637a;margin:0 0 6px;font-size:14px}.page-description{color:#58667a;max-width:62ch;margin:8px 0 0}.page-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.app-panel{background:#fff;border:1px solid #e0e5ec;border-radius:12px;margin:0 0 20px;padding:22px}.panel-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.panel-header h2{margin:0}.panel-header p{color:#58667a;margin:6px 0 0;font-size:14px}.panel-actions{flex-wrap:wrap;gap:10px;display:flex}.status-badge{color:#24529a;background:#eef3fc;border-radius:5px;align-items:center;gap:6px;padding:3px 9px;font-size:13px;display:inline-flex}.status-badge.tone-neutral{color:#52637a;background:#eef1f6}.status-badge.tone-positive{color:#216842;background:#e6f2ea}.status-badge.tone-negative{color:#a12626;background:#fbeaea}.status-badge.tone-warning{color:#916008;background:#fbf1de}.money-value.tone-positive{color:#216842}.money-value.tone-negative{color:#a12626}.money-value.tone-warning{color:#916008}.metric-card{background:#fff;border:1px solid #e0e5ec;border-radius:12px;align-items:flex-start;gap:14px;padding:18px;display:flex}.metric-icon{color:#24529a;background:#eef3fc;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.metric-card.tone-positive .metric-icon{color:#216842;background:#e6f2ea}.metric-card.tone-negative .metric-icon{color:#a12626;background:#fbeaea}.metric-card.tone-warning .metric-icon{color:#916008;background:#fbf1de}.metric-copy{min-width:0}.metric-label{color:#58667a;margin:0;font-size:14px}.metric-value{color:#15243b;margin-top:6px;font-size:clamp(20px,2.4vw,28px);font-weight:700;display:block}.metric-hint{color:#66758a;margin:6px 0 0;font-size:13px}.state-view{text-align:center;color:#66758a;justify-items:center;gap:10px;padding:40px 20px;display:grid}.state-view h2{color:#25354a;margin:0}.state-view p{max-width:46ch;margin:0}.state-error,.state-error h2{color:#a12626}.state-spinner{border:3px solid #d7dfeb;border-top-color:#245ac5;border-radius:50%;width:22px;height:22px;animation:.8s linear infinite saving-spin}@keyframes saving-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.state-spinner{animation:none}}.filter-bar{flex-wrap:wrap;align-items:flex-end;gap:12px;margin:18px 0;display:flex}.filter-bar label{flex:1;min-width:150px}.segmented-tabs{background:#eef1f6;border-radius:9px;flex-wrap:wrap;gap:4px;padding:4px;display:inline-flex}.segmented-tabs button{color:#34506f;background:0 0;border-radius:6px;padding:7px 14px;font-size:14px}.segmented-tabs button:hover{background:#dfeafa}.segmented-tabs button.is-selected{color:#194c9d;background:#fff;font-weight:650}.tab-count{color:#58667a;font-size:12px}.table-frame{max-width:100%;overflow-x:auto}.table-frame table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.table-frame th,.table-frame td{border-bottom:1px solid #e3e9f0;padding:13px 12px}.table-frame thead th{color:#58667a;font-weight:600}.progress-track{background:#e0e5ec;border-radius:999px;height:8px;overflow:hidden}.progress-track>span{background:#245ac5;height:100%;display:block}.progress-track.tone-positive>span{background:#216842}.progress-track.tone-negative>span{background:#a12626}.progress-track.tone-warning>span{background:#916008}#root>.app-panel{max-width:1160px;margin:26px 24px}@media (width<=840px){#root>.app-panel{margin:20px 16px}}