:root{--ink:#192c43;--muted:#5d6d80;--line:#dfe6ed;--accent:#2459c4;--bg:#f4f6f9;--sidebar:#132c47}
body{color:var(--ink);background:var(--bg);font-family:'Manrope','Noto Sans Thai',sans-serif;line-height:1.6}
.sidebar{width:246px;padding:24px 14px 14px;background:var(--sidebar);border:0;color:#e0e8f2;z-index:20;overflow-y:auto;overscroll-behavior:contain}
.brand{color:#fff;font-size:25px;margin:0 8px 25px;letter-spacing:-.5px}.brand small{color:#b8c9df;font-size:12px;letter-spacing:1.2px}.brandmark{background:#3271de;width:36px;height:36px;border-radius:9px}
.orgbox{background:#203d5b;border:1px solid #3c5570;padding:13px 12px;margin:0 0 18px;border-radius:9px}.orgbox select{color:#fff;font-size:15px}.orgbox label,.orgbox>span{color:#c0cee0;font-size:12px}.orgbox option{background:#203d5b;color:#fff}
.ws-nav-label{font-size:12px;color:#aebfd5;padding:16px 12px 6px;letter-spacing:.1px}.navitem{color:#e0e8f2;padding:10px 14px;min-height:43px;font-size:14px;line-height:1.6;margin:3px 0;border-radius:7px;position:relative}.navitem:hover{color:white;background:#244360}.navitem.active{background:#fff;color:#173e72;box-shadow:none;font-weight:700}.navitem.active:before{content:'';width:4px;background:#3a8afa;border-radius:3px;position:absolute;left:-7px;top:11px;bottom:11px}.ws-module-link{color:#a9c9ef}.sidebarbottom{padding-top:20px}.helperbutton{background:#203e5d;color:#fff;border:1px solid #48627d;border-radius:9px;margin:8px 0}.helperbutton small{font-size:12px;color:#c2d2e6}.profile{border-color:#39516d;color:#e8edf5;font-size:14px}.profile small{color:#b8c9df;font-size:12px}.profiledots{color:#aebfd5}
.workspace{margin-left:246px}.topbar{height:68px;padding:0 32px;position:sticky;top:0;z-index:7;background:#ffffffed;backdrop-filter:blur(12px)}.breadcrumb{font-size:14px;color:#607084}.prototype{font-size:12px;color:#54657b;border-radius:20px;padding:4px 10px;background:#f7f9fc}.topactions{gap:14px}
main{max-width:1600px;padding:0 32px 28px}.ws-context{display:flex;gap:24px;flex-wrap:wrap;align-items:center;min-height:65px;margin-bottom:28px;border-bottom:1px solid #d9e1ea}.ws-subitem{padding:19px 0 17px;background:none;color:#617086;border-bottom:3px solid transparent;font-size:14px;line-height:1.7;white-space:nowrap}.ws-subitem.active{color:#1c4fa8;font-weight:700;border-color:#2459c4}.ws-subitem:hover{color:#2459c4}
.pageheading{margin:4px 0 24px;gap:20px;align-items:flex-start}.pageheading h1{font-size:28px;line-height:1.5;letter-spacing:-.4px;margin-top:0}.pageheading .subtext{margin-top:3px;font-size:14px}.pageheading .buttonbar{flex-wrap:wrap;justify-content:flex-end;flex-direction:row;align-items:center}.buttonbar{flex-wrap:wrap}.button{min-height:40px;border-radius:7px;font-size:14px;padding:9px 14px;white-space:normal;line-height:1.5}.button.primary{background:#2459c4;border-color:#2459c4;box-shadow:0 2px 3px #2459c414}.button.primary:hover{background:#184aab}.button.link{min-height:32px}.button.danger{color:#ac3030;border-color:#e9bfbf;background:#fff7f7}button:disabled{cursor:not-allowed;opacity:.55}
.panel{border-radius:10px;border-color:#dfe6ee;background:#fff;box-shadow:0 1px 2px #22365304}.panel h2{font-size:18px;line-height:1.6}.panel h3{font-size:16px;line-height:1.6}.tablepanel{padding:0}.tableheading{padding:20px 22px;gap:14px;flex-wrap:wrap}th{font-size:13px;color:#56677e;padding:13px 18px;background:#f7f9fc}td{font-size:14px;padding:17px 18px}.doclink{font-size:14px}td small{font-size:12px;color:#65758b;line-height:1.7}.badge{font-size:13px;padding:3px 9px;white-space:normal}.badge.gray{color:#546474}.badge.blue{color:#325ba8}.badge.amber{color:#885e0b}.badge.green{color:#1a7157}.badge.red{color:#a23930}.tablebottom{font-size:12px}.field{font-size:14px;line-height:1.6}.field input,.field select,.field textarea{font-size:16px;min-width:0}input,select,textarea{max-width:100%}.subtext,.chart-caption,.report-note{color:#607187}.report-disclosure{background:#edf2f9;border:0;border-left:3px solid #8faacd;border-radius:0 7px 7px 0;margin:20px 0;font-size:13px;line-height:1.8}
.ws-workstrip{display:flex;gap:12px 16px;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid #dce5ed;border-radius:8px;padding:14px 18px;margin:0 0 20px;font-size:14px}.ws-workstrip span{color:#596b80}.ws-workstrip b{color:#153a6b;font:700 18px Manrope}.ws-workstrip button{background:none;color:#2459c4;font-size:14px;padding:3px 0;text-decoration:underline;text-underline-offset:4px}.ws-workstrip button:not(:last-child){padding-right:18px;border-right:1px solid #dce5ed}.report-controls{margin:0 0 20px}.report-switch{background:none;padding:0;gap:6px}.report-switch button{border:1px solid #dce4ef;background:white;padding:8px 14px}.report-switch .selected{background:#e9f0fd;border-color:#9cb7ea;box-shadow:none}.executive-kpis{gap:16px}.executive-kpi{padding:20px}.executive-kpi strong{font-size:29px;line-height:1.4;letter-spacing:-.5px;margin:10px 0}.executive-kpi:nth-child(2){border-top:1px solid #dfe6ee}.executive-kpi:nth-child(4){background:#173553}.executive-kpi small{font-size:13px}.executive-grid{gap:20px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.report-card-head{margin-bottom:16px}.report-card-head p{margin-bottom:0}.report-panel{padding:24px}.rchart{min-width:0}.report-disclosure span{font-weight:600}.ws-purchase-bridge{display:flex;gap:18px;justify-content:space-between;align-items:center;background:#eaf0fb;border:1px solid #d5e1f6;border-radius:9px;padding:18px 20px;margin-bottom:24px}.ws-purchase-bridge span{display:block;font-size:14px;color:#617188;margin-top:4px}.ws-purchase-bridge strong{font-size:16px}
.fw-summary,.financecards,.party-metrics,.auto-summary,.rr-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.fw-summary .panel,.rr-metrics .panel{padding:18px 20px}.fw-summary strong,.rr-metrics strong,.financecards strong,.auto-summary strong{display:block;font:700 25px/1.5 Manrope,'Noto Sans Thai',sans-serif;color:#193957;margin-top:8px}.fw-summary span,.rr-metrics span{font-size:14px;color:#5d7086}.fw-panel{padding:20px 22px}.fw-flow{font-size:14px}.fw-actions{gap:10px}.fw-row{flex-direction:row;align-items:center;padding:17px 0}.fw-row strong{font-size:15px}.fw-row small{font-size:13px}.fw-row .button{flex-shrink:0}.fw-help{font-size:13px;background:#edf2f7;border-radius:7px;line-height:1.8}.fw-history{font-size:14px}.balancegrid{grid-template-columns:repeat(3,minmax(0,1fr))}.balancegrid strong{font-size:22px}.flowsteps{margin-bottom:18px}.flowsteps span{font-size:14px}.flowactions{gap:10px}.modalhead{position:sticky;top:0;background:#fff;z-index:2;padding:20px 24px}.modalhead h2{font-size:20px}.modalbody{padding:24px}.modalfoot{padding:16px 24px;flex-wrap:wrap}.modalfoot .button{min-width:85px}.modalbody .fw-summary{gap:10px}.modalbody .fw-summary .panel{padding:14px}.modalbody .fw-summary strong{font-size:22px}.modalbody .fw-summary span{font-size:13px}dialog{width:760px;border-radius:12px;max-height:92vh}dialog.quotation{width:1060px}.close{min-width:36px;min-height:36px}.detailrow{gap:18px}.detailrow strong{text-align:right}.rr-toolbar{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:0 0 20px}.rr-toolbar label{display:flex;gap:10px;align-items:center;font-size:14px}.rr-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;align-items:start}.rr-metrics{margin:0 0 24px}.rr-guide{background:#edf2f8;padding:22px}.rr-guide h2{margin:8px 0 14px}.rr-guide ol{padding-left:20px;font-size:14px;line-height:1.9}.rr-guide p{font-size:13px;color:#5a6e86;line-height:1.8}.rr-plans{margin:24px 0}.rr-plan-row{display:flex;gap:20px;align-items:center;padding:17px 22px;border-top:1px solid #e5eaf1}.rr-plan-row>div{flex:1;min-width:0}.rr-plan-row small{display:block;font-size:13px;color:#62748a;margin-top:4px}.rr-note{padding:16px;background:#eff4fb;border-radius:8px;font-size:14px;line-height:1.8;margin:20px 0}.rr-note .button{display:flex;margin-top:14px}.rr-check{display:flex;gap:10px;align-items:flex-start;font-size:14px}.rr-check input{margin-top:6px;width:18px;height:18px;flex-shrink:0}.rr-toolbar input{font-size:16px}.rr-layout .tablewrap{max-width:100%}.ws-context+.pageheading{margin-top:0}.eyebrow{font-size:12px}.party-actions,.tx-actions{flex-wrap:wrap}footer{font-size:12px;color:#66788f;padding:20px 32px}#toast{z-index:30;font-size:14px}.empty{font-size:14px}
@media(min-width:1400px){main{padding:0 40px 32px}.executive-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}}
@media(max-width:1250px){.rr-layout{grid-template-columns:1fr}.rr-guide{display:none}.executive-grid{grid-template-columns:1fr}.executive-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){.sidebar{width:246px;transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0);box-shadow:0 0 0 100vw #0b203955}.workspace{margin-left:0}.mobilemenu{display:block}.topbar{padding:0 24px}.breadcrumb{margin-right:auto}main{padding:0 24px 24px}.topactions{gap:8px}.ws-context{gap:10px 22px}.pageheading .buttonbar{width:auto;flex-direction:row}.fw-summary,.financecards,.rr-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.rr-guide{display:block}.rr-layout{grid-template-columns:1fr}}
@media(max-width:620px){.topbar{height:62px;padding:0 16px}.breadcrumb>b{display:none}.prototype{font-size:12px;padding:3px 8px}.topactions .avatar{display:none}main{padding:0 16px 20px}.ws-context{gap:0 20px;min-height:54px;margin-bottom:22px}.ws-subitem{padding:13px 0 11px;font-size:14px}.pageheading h1{font-size:24px}.pageheading .subtext{font-size:14px}.pageheading{gap:14px;margin-bottom:20px}.pageheading .buttonbar{width:100%;justify-content:flex-start}.ws-workstrip{gap:8px 12px;padding:14px;font-size:14px}.ws-workstrip span{flex-basis:60%}.ws-workstrip button:not(:last-child){border:0;padding:3px 0}.ws-workstrip button{margin-left:auto}.report-switch button{padding:8px 10px;font-size:14px}.executive-kpi{padding:16px 13px}.executive-kpi strong{font-size:24px}.executive-kpi small{font-size:12px}.executive-kpis{gap:10px}.report-panel{padding:18px}.rr-metrics,.fw-summary,.financecards,.auto-summary,.party-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.rr-metrics>section:first-child,.fw-summary>section:first-child{grid-column:1/-1}.rr-metrics strong,.fw-summary strong,.financecards strong{font-size:23px}.fw-summary .panel,.rr-metrics .panel{padding:16px}.fw-panel{padding:18px}.fw-row{align-items:flex-start;gap:14px;flex-wrap:wrap}.fw-row small{font-size:14px}.fw-flow{line-height:1.9}.fw-help{font-size:13px}.rr-layout{gap:16px}.rr-plan-row{gap:12px;flex-wrap:wrap;padding:16px}.rr-plan-row>div{flex-basis:100%}.rr-plan-row .button{margin-left:auto}.rr-toolbar{gap:12px}.ws-purchase-bridge{align-items:flex-start;flex-direction:column;padding:16px}.report-controls label{flex-wrap:wrap}.balancegrid{grid-template-columns:1fr}.modalbody{padding:18px}.modalhead{padding:18px}.modalfoot{padding:14px 18px}.modalbody .fw-summary{grid-template-columns:1fr 1fr}.modalbody .fw-summary>section:first-child{grid-column:1/-1}.detailrow{flex-wrap:wrap}.report-card-head{gap:8px}.report-card-head h2{font-size:17px}.formgrid{grid-template-columns:1fr}.full{grid-column:1/-1}.button{min-height:42px}footer{padding:18px 16px;font-size:12px}.report-disclosure{font-size:13px}}
[hidden]{display:none!important}
main:not(:has(>.ws-context)){padding-top:28px}
.rr-reminder{background:#fff6e7;border:1px solid #eddbb4;border-radius:8px;padding:13px 17px;margin:0 0 20px;font-size:14px;color:#79561c}
@media(max-width:620px){.rr-layout table,.rr-layout tbody,.rr-layout tr,.rr-layout td{display:block;width:100%;white-space:normal}.rr-layout thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.rr-layout tr{padding:16px 18px;border-top:1px solid #dfe6ee}.rr-layout td{border:0;padding:5px 0;text-align:left}.rr-layout td[data-label]:before{content:attr(data-label);display:inline-block;width:110px;color:#607187;font-size:14px;vertical-align:top}.rr-layout td:first-child:before{display:none}.rr-layout td small{margin-left:110px}.rr-layout td:first-child small{margin-left:0}.rr-layout td:last-child .button{margin-top:8px;width:100%}.rr-layout tr:first-child{border-top:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}