:root{--font-display: "Anuphan", "IBM Plex Sans Thai", system-ui, sans-serif;--font-body: "IBM Plex Sans Thai", "Anuphan", system-ui, sans-serif;--navy-900: #0A2240;--navy-800: #0D2C53;--navy-700: #123A6B;--navy-600: #18488A;--brand: #1D5BD6;--brand-600: #1A4FBC;--brand-tint: #EAF1FF;--brand-tint-2: #DCE8FF;--ink: #0E2238;--ink-2: #33455C;--muted: #647389;--faint: #93A1B5;--bg: #EEF2F8;--bg-2: #F6F8FC;--surface: #FFFFFF;--line: #E3E9F2;--line-soft: #EDF1F7;--pos: #0E8C63;--pos-tint: #E2F5EE;--neg: #D14343;--neg-tint: #FBE9E9;--warn: #B6831C;--warn-tint: #FBF1DC;--r-lg: 22px;--r-md: 16px;--r-sm: 11px;--sh-sm: 0 1px 2px rgba(13,44,83,.06), 0 1px 3px rgba(13,44,83,.05);--sh-md: 0 2px 6px rgba(13,44,83,.06), 0 10px 24px rgba(13,44,83,.07);--sh-lg: 0 8px 18px rgba(13,44,83,.08), 0 24px 60px rgba(13,44,83,.12)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:inherit}.tnum{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-sm)}.muted{color:var(--muted)}.faint{color:var(--faint)}.pos{color:var(--pos)}.neg{color:var(--neg)}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}.h-display{font-family:var(--font-display);font-weight:700;letter-spacing:-.01em}.badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;line-height:1.4;white-space:nowrap}.badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge-pos{background:var(--pos-tint);color:var(--pos)}.badge-neg{background:var(--neg-tint);color:var(--neg)}.badge-warn{background:var(--warn-tint);color:var(--warn)}.badge-brand{background:var(--brand-tint);color:var(--brand-600)}.badge-muted{background:#eef2f8;color:var(--muted)}.btn{font-family:var(--font-body);font-size:15px;font-weight:600;border:none;cursor:pointer;border-radius:12px;padding:12px 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:filter .15s,transform .05s,background .15s,box-shadow .15s;line-height:1}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 4px 12px #1d5bd647}.btn-primary:hover{background:var(--brand-600)}.btn-navy{background:var(--navy-800);color:#fff}.btn-navy:hover{background:var(--navy-700)}.btn-ghost{background:var(--brand-tint);color:var(--brand-600)}.btn-ghost:hover{background:var(--brand-tint-2)}.btn-outline{background:#fff;color:var(--ink-2);border:1px solid var(--line);box-shadow:var(--sh-sm)}.btn-outline:hover{border-color:#c9d5e6}.btn-block{width:100%}.btn-sm{padding:8px 13px;font-size:13px;border-radius:9px}.btn-pos{background:var(--pos);color:#fff}.btn-neg{background:#fff;color:var(--neg);border:1px solid #F0C9C9}.field{display:flex;flex-direction:column;gap:7px}.field label{font-size:13px;font-weight:600;color:var(--ink-2)}.input{font-family:var(--font-body);font-size:15px;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:11px;padding:12px 14px;width:100%;transition:border .15s,box-shadow .15s}.input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #1d5bd61f}.input::placeholder{color:var(--faint)}select.input{padding-top:0;padding-bottom:0;line-height:normal;min-height:42px}.tbl{width:100%;border-collapse:collapse;font-size:14px}.tbl th{text-align:left;font-weight:600;color:var(--muted);font-size:12px;letter-spacing:.02em;padding:11px 14px;border-bottom:1px solid var(--line);white-space:nowrap}.tbl td{padding:12px 14px;border-bottom:1px solid var(--line-soft);color:var(--ink-2)}.tbl tr:last-child td{border-bottom:none}.tbl .num{text-align:right;font-variant-numeric:tabular-nums}.tbl tbody tr:hover{background:var(--bg-2)}.tbl-zebra tbody tr:nth-child(2n){background:#fafbfe}.bar{height:8px;border-radius:999px;background:#e7edf6;overflow:hidden}.bar>i{display:block;height:100%;border-radius:999px;background:var(--brand)}.scroll::-webkit-scrollbar{width:8px;height:8px}.scroll::-webkit-scrollbar-thumb{background:#c8d3e2;border-radius:8px}.scroll::-webkit-scrollbar-track{background:transparent}@keyframes ks-rise{0%{transform:translateY(12px)}to{transform:none}}.rise{animation:ks-rise .45s cubic-bezier(.2,.7,.3,1)}@keyframes ks-fade{0%{transform:translateY(5px)}to{transform:none}}.fade{animation:ks-fade .3s ease}@media (prefers-reduced-motion: reduce){.rise,.fade{animation:none}}.m-app{height:100%;display:flex;flex-direction:column;position:relative;width:100%;max-width:480px;margin:0 auto;background:var(--bg);box-shadow:0 0 0 1px var(--line)}.m-screen{background:var(--bg);min-height:100%;font-size:15px}.m-pad{padding:16px}.m-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:86px}.m-tabbar{position:absolute;bottom:0;left:0;right:0;z-index:40;background:#fffffff0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:8px 8px calc(10px + env(safe-area-inset-bottom));display:flex}.m-tabbar button{flex:1;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px 0;color:var(--faint)}.member-stage{height:100%;background:linear-gradient(180deg,#e9eef6,#e3e9f2)}@media (min-width: 481px){.member-stage{display:flex;align-items:stretch;justify-content:center;padding:0}}.a-app{display:flex;height:100%;background:var(--bg);font-size:14px}.a-side{width:244px;flex-shrink:0;background:linear-gradient(180deg,#0c2c54,#08203b);color:#fff;display:flex;flex-direction:column;height:100%}.a-side nav button{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;border:none;cursor:pointer;text-align:left;font-size:14px;font-weight:600;font-family:var(--font-body);background:transparent;color:#ffffff9e;position:relative;width:100%}.a-side nav button.on{background:#5b9bff2e;color:#fff}.a-side nav button.on:before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:3px;border-radius:3px;background:#5b9bff}.a-main{flex:1;display:flex;flex-direction:column;min-width:0}.a-topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 28px;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:20}.a-content{flex:1;overflow-y:auto}.a-burger{display:none}@media (max-width: 860px){.a-side{position:fixed;left:0;top:0;bottom:0;z-index:120;transform:translate(-100%);transition:transform .25s}.a-side.open{transform:none}.a-burger{display:inline-flex}.a-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a224066;z-index:110}}.ledger-wrap{overflow:auto;max-width:100%;border-radius:var(--r-md);border:1px solid var(--line);background:#fff}.ledger{border-collapse:separate;border-spacing:0;font-size:13px;white-space:nowrap;min-width:100%}.ledger th,.ledger td{padding:9px 12px;border-bottom:1px solid var(--line-soft)}.ledger thead th{position:sticky;top:0;z-index:2;background:var(--bg-2);color:var(--muted);font-size:12px;font-weight:600;text-align:right;border-bottom:1px solid var(--line)}.ledger thead th.l{text-align:left}.ledger .num{text-align:right;font-variant-numeric:tabular-nums}.ledger .stickyc{position:sticky;background:#fff}.ledger .c-no{left:0;width:46px;text-align:center;color:var(--faint)}.ledger .c-name{left:46px;min-width:150px;box-shadow:1px 0 0 var(--line)}.ledger thead th.stickyc{z-index:3;background:var(--bg-2)}.ledger tbody tr:hover td,.ledger tbody tr:hover td.stickyc{background:var(--bg-2)}.ledger td.zero{color:var(--faint)}.ledger td.gt{font-weight:700;color:var(--brand-600);background:var(--brand-tint)}.ledger tfoot td{position:sticky;bottom:0;z-index:2;font-weight:700;background:var(--navy-800);color:#fff;border-top:2px solid var(--navy-700)}.ledger tfoot td.stickyc{z-index:3;background:var(--navy-800);color:#fff}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:200;background:var(--navy-800);color:#fff;padding:12px 18px;border-radius:12px;box-shadow:var(--sh-lg);display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500}