:root{--ink:#21362c;--muted:#7b8880;--green:#174e38;--green-dark:#143f2f;--green-mid:#2c7153;--gold:#e4c36e;--paper:#f4f6f4;--line:#e5ebe5;--font:Arial,"PingFang SC","Microsoft YaHei","Noto Sans Thai",Tahoma,sans-serif;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}a,button,input,select{-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.43;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #cca144;outline-offset:3px}a,button{color:inherit}a{text-decoration:none}button svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1{font-size:30px;letter-spacing:-.8px;line-height:1.3}h1,h2{font-weight:650}h2{font-size:17px}h3{font-size:15px}small{font-size:12px}input,select{min-width:0;max-width:100%;border:1px solid var(--line);border-radius:7px;padding:10px 12px;background:#fff;color:var(--ink)}input::placeholder{color:#8d9991}select{cursor:pointer}svg{vertical-align:middle}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:234px;background:var(--green-dark);color:#d9e5dd;padding:35px 18px 0;display:flex;flex-direction:column;z-index:40}.brand{display:flex;gap:12px;align-items:center;padding:0 12px 36px}.brand-mark{width:39px;height:44px;border:1px solid #c2d3a677;display:grid;place-items:center;color:#e2ca84;border-radius:10px 2px 10px 2px}.brand strong{font-size:23px;color:#fafbf6;letter-spacing:1px;white-space:nowrap}.brand em{font-size:15px;font-style:normal;letter-spacing:0;font-weight:500}.brand small{display:block;font-size:9px;color:#9ab8a5;letter-spacing:2.3px}.sidebar-label{color:#8baa98;font-size:11px;letter-spacing:2px;margin:0 18px 17px}.sidebar nav{display:flex;flex-direction:column;gap:6px}.nav-item{width:100%;background:none;border:0;border-radius:7px;padding:13px 17px;display:flex;align-items:center;gap:12px;font-size:14px;text-align:left;color:#b2c8bb;position:relative;min-height:47px}.nav-item:hover{background:#ffffff08;color:#fff}.nav-active{background:#ffffff13;color:white}.nav-active:before{content:"";position:absolute;width:3px;left:0;height:18px;background:#e1c87e;border-radius:3px}.nav-count{margin-left:auto;background:#d6be7b;color:#29412f;font-size:11px;min-width:20px;height:20px;border-radius:4px;text-align:center;padding-top:2px}.sidebar-bottom{margin-top:auto;padding-top:28px}.demo-helper{padding:19px 16px;border:1px solid #50755f77;border-radius:8px;margin:0 8px 15px;background:#ffffff03}.demo-helper>span{display:flex;align-items:center;gap:9px;font-size:14px;color:#e0e9df}.demo-helper p{font-size:12px;color:#a4bcae;line-height:1.8;margin:9px 0 13px}.demo-helper button{justify-content:space-between;width:100%;padding:0;border:0;background:none;color:#d9c487}.demo-helper button,.sidebar-signature{display:flex;align-items:center;font-size:12px}.sidebar-signature{margin-top:15px;border-top:1px solid #52775f55;gap:10px;padding:19px 11px}.sidebar-signature small{display:block;color:#98b19f;font-size:11px}.sidebar-signature>svg{margin-left:auto;flex-shrink:0;color:#98b19f}.sidebar-signature:hover{background:#ffffff08}.sidebar-signature:hover .company-link-label{text-decoration:underline;text-underline-offset:3px}.company-link-label{min-width:0;overflow-wrap:anywhere}.sidebar-signature .brand-mini{flex-shrink:0}.brand-mini{background:#375e47;border-radius:6px;width:30px;height:32px;display:grid;place-items:center;color:#e4c36e;font-family:Georgia,serif;font-size:22px}.main-shell{margin-left:234px}.topbar{height:85px;border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;padding:0 34px;gap:14px}.breadcrumb,.topbar{display:flex;align-items:center}.breadcrumb{gap:13px;font-size:12px;color:#99a29c}.breadcrumb strong{font-size:13px;color:#4d6054;font-weight:500}.top-controls{display:flex;align-items:center;gap:20px}.language-control{display:flex;gap:9px;align-items:center;color:#c4ccc5;white-space:nowrap}.language-control button{background:none;border:0;padding:5px 0;color:#9aa79e;font-size:13px}.language-control button.selected{color:var(--green);font-weight:650}.top-divider{height:24px;width:1px;background:var(--line)}.role-control{display:flex;gap:10px;align-items:center}.avatar{width:35px;height:35px;border-radius:50%;background:#edf3ed;color:var(--green);display:grid;place-items:center}.role-control small{display:block;font-size:10px;color:#96a196;line-height:1.1}.role-control select{padding:3px 18px 2px 0;border:0;border-radius:0;max-width:200px;font-size:12px;font-weight:600}.demo-ribbon{height:40px;justify-content:space-between;padding:0 36px;background:#fbfcf9;border-bottom:1px solid var(--line);color:#8a927b;font-size:11px;gap:15px}.demo-ribbon,.demo-ribbon>span{display:flex;align-items:center}.demo-ribbon>span{gap:7px}.ribbon-separator{margin:0 5px;color:#c9cec1}.demo-ribbon small{font-size:10px;color:#a4aea5}.amber-dot,.green-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#578869;flex-shrink:0}.amber-dot{background:#bd9349}.connection{color:#849688}.connection-error{color:#b47748}.icon-button{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;min-width:30px;min-height:30px;border-radius:6px;padding:5px}.icon-button:hover{background:#123f2b09}.demo-ribbon .icon-button{min-width:22px;min-height:22px}main{max-width:1720px;margin:auto;padding:31px 34px 0}.page-intro,.section-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.page-intro h1{display:flex;align-items:center;gap:11px;margin:6px 0 7px}.title-dot{height:6px;width:6px;background:var(--gold);border-radius:50%}.eyebrow{font-size:10px;color:#85988b;letter-spacing:1.8px;font-weight:500}.page-intro p,.section-title p{font-size:13px;color:var(--muted);margin-top:8px}.currency-switch{display:flex;background:white;border:1px solid var(--line);padding:4px;border-radius:7px;gap:2px;align-self:flex-end;margin-bottom:5px}.currency-switch button{background:none;border:0;padding:7px 14px;border-radius:4px;font-size:12px;color:#829087}.currency-switch button.active{background:var(--green);color:#fff}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:17px;gap:17px;margin-bottom:23px}.metric{position:relative;background:#fff;border:1px solid var(--line);padding:21px 22px 20px;border-radius:9px;overflow:hidden}.metric-label{font-size:13px;color:#7d8d80;display:flex;align-items:center;justify-content:space-between;gap:8px}.metric-label svg{color:#718873;stroke-width:1.5}.metric-value{display:block;font-size:29px;letter-spacing:-1px;font-weight:600;margin:15px 0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.metric-foot{display:flex;align-items:center;gap:6px;font-size:10px;color:#8c988e;position:relative;z-index:1}.metric-spark{position:absolute;right:18px;bottom:20px;width:72px;height:24px;color:#7baa91;opacity:.6}.metric-3 .metric-spark{color:#c3a567}.metric-3 .metric-label svg{color:#bc9850}.analytics-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);grid-gap:22px;gap:22px;margin-bottom:22px}.panel{background:white;border:1px solid var(--line);border-radius:9px;min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:22px 24px}.panel-heading p{font-size:11px;color:#94a096;margin-top:5px}.panel-heading>svg{color:#829a87}.soft-label{display:flex;align-items:center;gap:7px;border:1px solid var(--line);padding:5px 9px;border-radius:5px;font-size:10px;color:#889a8e}.bar-chart{height:191px;display:flex;gap:13px;margin:1px 24px 0 22px;padding-top:3px}.chart-y{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;width:37px;padding-bottom:0;font-size:9px;color:#9da69e}.chart-grid{flex:1 1;position:relative}.chart-lines{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between}.chart-lines i{height:0;border-top:1px dashed #e7ece6;width:100%}.chart-bars{gap:12px;padding:0 10px}.bar-slot,.chart-bars{position:relative;display:flex;align-items:flex-end;height:100%}.bar-slot{flex:1 1;justify-content:center}.bar{position:relative;width:100%;max-width:30px;background:#a8c5b4;border-radius:3px 3px 0 0;min-height:2px;transition:height .35s ease}.bar-slot:nth-child(3n) .bar{background:#487d61}.bar-slot:nth-child(4n) .bar{background:#709e82}.bar-slot .bar-last{background:#d8bd73}.bar-tooltip{display:none;position:absolute;left:50%;bottom:100%;transform:translateX(-50%);background:#173f2e;color:white;border-radius:5px;padding:7px 10px;font-size:10px;white-space:nowrap;z-index:2}.bar-slot:hover .bar-tooltip,.bar-tooltip b{display:block}.chart-dates{display:flex;justify-content:space-between;margin:10px 24px 26px 72px;font-size:9px;color:#97a496}.progress-panel{padding-bottom:20px}.progress-panel .panel-heading{padding-bottom:7px}.progress-total{padding:0 24px;display:flex;align-items:baseline;gap:9px}.progress-total strong{font-size:40px;font-weight:550;letter-spacing:-1.5px}.progress-total span{font-size:11px;color:#9aa497}.stacked-bar{display:flex;gap:3px;height:12px;margin:16px 24px 21px;border-radius:4px;overflow:hidden}.stage-color-0{background:#dcd2aa}.stage-color-1{background:#a2b8a0}.stage-color-2{background:#5e8a6b}.stage-color-3{background:#204f37}.progress-legend{padding:0 24px;display:flex;flex-direction:column;gap:12px}.progress-legend>div{display:flex;justify-content:space-between;font-size:12px}.progress-legend>div>span{display:flex;gap:8px;align-items:center;color:#788978}.progress-legend i{display:inline-block;width:7px;height:7px;border-radius:2px}.progress-legend strong{font-size:12px;font-weight:600}.progress-legend small{color:#a5afa6;font-size:10px;font-weight:400}.operations-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);grid-gap:22px;gap:22px}.text-button{display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:#527461;font-size:11px;padding:5px 0}.order-table{width:100%;padding-bottom:7px}.order-row,.table-heading{display:grid;grid-template-columns:minmax(170px,1.5fr) minmax(115px,1fr) minmax(95px,1fr) minmax(95px,1fr) 15px;grid-gap:12px;gap:12px;align-items:center}.table-heading{font-size:10px;background:#f8faf7;color:#97a295;padding:10px 24px;border-top:1px solid #f1f3ef;border-bottom:1px solid #eff2ec}.order-row{width:100%;padding:15px 24px;background:white;border:0;border-bottom:1px solid #f0f3ed;text-align:left}.order-row:last-child{border-bottom:0}.order-row:hover{background:#fafcf8}.order-identity{display:flex;align-items:center;gap:11px;min-width:0}.order-identity strong{font-size:12px;font-weight:600;display:block;overflow-wrap:anywhere}.order-identity small{display:block;font-size:9px;color:#9aa496;margin-top:4px;white-space:nowrap}.cargo-icon{width:35px;height:37px;display:grid;place-items:center;border-radius:7px;background:#f2f1df;color:#8b9351;flex-shrink:0}.cargo-other{background:#eaf0e8;color:#758d68}.route-cell{font-size:10px;color:#677d6b;line-height:1.8}.route-cell small{display:flex;gap:5px;align-items:center;color:#9aa695;font-size:9px}.amount-cell{font-size:12px;font-weight:550;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.amount-cell small{display:block;color:#a4ac9f;font-size:9px;margin-top:3px;font-weight:400}.status{display:inline-flex;align-items:center;gap:5px;border-radius:4px;padding:4px 7px;font-size:10px;line-height:1.4;font-weight:500;max-width:100%}.status i{width:4px;height:4px;background:currentColor;border-radius:50%;flex-shrink:0}.status-green{color:#567b60;background:#eff5ec}.status-gold{color:#ab894c;background:#fcf6e8}.status-done{color:#3d7660;background:#eaf4ed}.status-danger{color:#ae7156;background:#fcf0e8}.row-chevron{color:#a5b3a4}.route-panel{border:1px solid #254b37;background:#1d4a34;border-radius:9px;color:#eff4e7;overflow:hidden}.route-panel .panel-heading{padding-bottom:6px}.route-panel .panel-heading svg{color:#b2c5ab}.route-panel>p{font-size:10px;color:#9ab594;margin:0 24px}.route-visual{height:230px;margin:6px 14px 0;position:relative;background-image:radial-gradient(#bbccaa30 .8px,transparent 0);background-size:13px 13px}.route-visual svg{position:absolute;left:0;top:50px;width:100%;height:145px}.country-tag{position:absolute;display:flex;flex-direction:column;font-family:Georgia,serif;font-size:30px;letter-spacing:2px;color:#98b39b}.country-tag small{font-family:var(--font);font-size:10px;letter-spacing:0;color:#76957a}.country-tag.thai{top:72px;left:33px}.country-tag.chinese{top:15px;right:30px}.route-end,.route-origin,.route-via{position:absolute;font-size:10px;color:#d5dfc8}.route-origin{left:24px;bottom:22px}.route-via{left:41%;bottom:59px}.route-end{right:5px;top:95px}.route-caption{display:flex;gap:10px;align-items:center;border-top:1px solid #48684a7d;margin:0 21px;padding:15px 0;color:#b1c1a6;font-size:10px}.route-caption svg{flex-shrink:0}.scenario-section{margin-top:22px}.scenario-section>.panel-heading{padding:0 0 16px}.scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:17px;gap:17px}.scenario-card{background:#fff;border:1px solid var(--line);border-radius:9px;text-align:left;display:flex;gap:16px;padding:22px 20px;transition:transform .2s,border-color .2s}.scenario-card:hover{transform:translateY(-2px);border-color:#90ad92}.scenario-number{font-family:Georgia,serif;font-size:29px;color:#b4c5b3;font-weight:400;line-height:1.1}.scenario-card strong{font-size:14px}.scenario-card p{font-size:11px;color:#8d9a8a;margin:8px 0 13px;line-height:1.8}.scenario-link{display:flex;align-items:center;gap:7px;font-size:10px;color:#5c7f61}.scenario-exception .scenario-number{color:#ccb88c}.page-footer{display:flex;justify-content:space-between;font-size:10px;color:#a2ada0;padding:28px 0 24px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:6px;min-height:42px;padding:10px 16px;font-size:13px;line-height:1.5;transition:background .2s}.button.primary{background:var(--green);color:white}.button.primary:hover:not(:disabled){background:#286649}.button.outline{border-color:#dbe4d8;background:white;color:#466c50}.button.outline:hover:not(:disabled){background:#f4f8f1}.button.small{min-height:34px;padding:6px 10px;font-size:11px}.button.danger{background:#9d4d36;color:white}.button.full{width:100%}.text-green{color:#47845c}.muted{color:var(--muted);font-size:12px}.section-title{margin-bottom:25px;min-height:72px}.section-title h1{font-size:29px}.filters{display:flex;align-items:center;gap:13px;padding:18px 23px;border-bottom:1px solid var(--line);margin-bottom:0}.filters>select{font-size:12px;max-width:230px;min-height:42px;color:#7b8c7b}.search-box{display:flex;align-items:center;gap:10px;color:#8d9e8e;flex:1 1}.search-box input{border:0;background:none;padding:8px 0;font-size:13px;width:100%;outline-offset:0}.finance-list,.logistics-list,.ticket-list{display:grid;grid-gap:17px;gap:17px}.finance-list,.logistics-list{margin-top:20px}.finance-card{padding:0 22px}.finance-order{display:flex;align-items:center;width:100%;justify-content:space-between;gap:15px;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;padding:19px 0}.finance-order>span:first-child{flex:1 1}.finance-order strong{font-size:14px}.finance-order small{display:block;font-size:12px;color:var(--muted);margin-top:4px}.payment-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:30px;gap:30px;padding:20px 0}.payment-item{display:flex;align-items:center;justify-content:space-between;gap:15px}.payment-item>div{display:flex;gap:12px;align-items:center}.payment-icon{display:grid;place-items:center;width:42px;height:42px;background:#f1f5ee;border-radius:50%;color:#527a54}.payment-item strong{display:block;font-size:20px;font-weight:550;margin-top:3px}.payment-item .status{font-size:11px}.next-actions{padding:17px 19px;background:#f5f8f0;border:1px solid #e0e9d8;border-radius:7px;margin:0 0 20px}.next-label{display:flex;align-items:center;gap:8px;font-size:12px;margin-bottom:12px;color:#55754e}.step-dot{border-radius:50%;background:#dfebd6;display:grid;place-items:center;width:22px;height:22px}.next-actions p{font-size:12px;color:#829177}.action-wrap,.role-suggestions{display:flex;gap:9px;flex-wrap:wrap}.role-suggestions{margin-top:12px}.next-actions .button{font-size:12px;min-height:38px;padding:8px 12px}.demand-grid,.partner-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:20px;gap:20px}.demand-card,.partner-card{padding:24px}.demand-top,.partner-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.demand-card h2,.partner-card h2{font-size:17px;line-height:1.6;overflow-wrap:anywhere}.demand-card>p,.partner-card>p{margin:6px 0 20px;font-size:12px;color:var(--muted)}.demand-spec{display:flex;justify-content:space-between;gap:15px;padding:17px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.demand-spec>span{font-size:11px;color:#8c9b88}.demand-spec strong{display:block;color:var(--ink);font-size:17px;margin-top:5px;font-weight:550}.quote-list{padding:18px 0}.quote-list h3{font-size:12px;color:#869781;margin-bottom:13px}.quote-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 0;border-top:1px dashed var(--line)}.quote-row strong{font-size:11px}.quote-row small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.partner-avatar{display:grid;place-items:center;width:52px;height:52px;border-radius:11px;background:#edf3e7;color:#758966}.country-badge{font-size:11px;background:#f2f5ef;border:1px solid #e7ede0;padding:3px 8px;border-radius:4px;color:#839574}.partner-rating{display:flex;gap:5px;align-items:center;color:#c4a356}.partner-rating strong{color:#34482f;font-size:23px;margin:0 4px}.partner-rating span{font-size:11px;color:#9aa48f}.partner-stats{display:flex;justify-content:space-between;padding:22px 0;gap:16px}.partner-stats>span{font-size:11px;color:var(--muted)}.partner-stats strong{display:block;font-size:17px;color:var(--ink);font-weight:550;margin-top:5px}.order-link{display:flex;align-items:center;gap:14px;background:none;border:0;font-size:13px}.order-link span{color:var(--muted)}.logistics-card>.next-actions{margin:0 24px 22px}.shipment-steps{display:flex;padding:18px 35px 31px}.shipment-steps>div{display:flex;align-items:center;flex-direction:column;text-align:center;flex:1 1;position:relative;gap:9px}.shipment-steps>div:not(:last-child):after{content:"";position:absolute;top:15px;left:calc(50% + 20px);width:calc(100% - 40px);height:1px;background:var(--line)}.shipment-steps>div>span{width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:#f4f7f0;display:grid;place-items:center;font-size:12px;color:#a5af9f}.shipment-steps>div.done>span{background:#2a6846;color:white}.shipment-steps>div.done:after{background:#8bad87}.shipment-steps strong{font-size:12px;font-weight:500}.shipment-steps small{color:#9caa93;font-size:10px}.ticket-card{padding:0 24px 24px}.ticket-card .panel-heading{padding:24px 0 12px}.ticket-card h2{margin-top:8px}.ticket-notes{margin:20px 0}.event-list>div,.ticket-notes>div{display:flex;gap:11px;align-items:flex-start;font-size:12px;padding-bottom:20px;position:relative}.event-list small,.ticket-notes small{display:block;color:#a2ac9a;font-size:10px;margin-top:5px}.timeline-dot{display:block;flex-shrink:0;width:6px;height:6px;border:1px solid #6d9270;background:#a5bfa1;border-radius:50%;margin-top:7px}.empty{padding:70px 24px;text-align:center;color:#9ead98}.empty p{margin:12px 0 4px}.loading-state{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;text-align:center}.loading-state h1{font-size:22px}.loader{width:64px;height:64px;display:grid;place-items:center;background:#e5eee0;border-radius:18px;color:#668758;animation:pulse 1.5s ease-in-out infinite}.loader-error{background:#f7e8db;color:#ac7a52;animation:none}.loading-skeleton{display:flex;gap:15px;width:80%;margin-top:20px}.loading-skeleton i{height:110px;flex:1 1;background:#e8eee3;border-radius:7px;animation:pulse 1.7s ease-in-out infinite}@keyframes pulse{50%{opacity:.45}}.dialog{border:1px solid #d8e3d1;border-radius:12px;background:#fff;max-width:min(560px,calc(100vw - 32px));width:560px;padding:0;color:var(--ink);box-shadow:0 30px 100px #102b2633;max-height:calc(100dvh - 40px)}.dialog::-webkit-backdrop{background:#0a251c80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog::backdrop{background:#0a251c80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-wide{width:1060px;max-width:min(1060px,calc(100vw - 50px))}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:19px 25px;background:#fff;border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;z-index:3}.dialog-header h2{font-size:17px}.dialog-content{padding:25px}.detail-summary{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:23px}.detail-summary p{font-size:12px;color:#85957c;display:flex;align-items:center;gap:8px;margin-top:12px}.detail-amount{text-align:right}.detail-amount strong{display:block;font-size:27px;font-weight:550}.detail-amount span{display:block;font-size:12px;color:var(--muted);margin-top:5px}.detail-columns{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);grid-gap:32px;gap:32px}.detail-columns>div{min-width:0}.detail-section{padding:15px 0;border-bottom:1px solid var(--line);margin-bottom:12px}.detail-section h3{margin-bottom:15px}.facts{margin:0}.facts>div{display:flex;justify-content:space-between;gap:20px;font-size:12px;margin:12px 0}.facts dt{color:#8b9a83;flex-shrink:0}.facts dd{margin:0;text-align:right}.info-note{display:flex;align-items:flex-start;gap:7px;font-size:11px;color:#819377;line-height:1.8;margin:10px 0 15px}.info-note svg{flex-shrink:0;margin-top:2px}.detail-payment{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 0}.detail-payment>div:last-child{text-align:right}.detail-payment strong{display:block;font-size:14px}.detail-payment small{display:block;font-size:10px;color:#91a085;margin-top:6px}.detail-payment small.text-green{color:#3d8050}.batch{border:1px solid var(--line);border-radius:6px;padding:13px;margin-bottom:12px}.batch>strong{display:block;font-size:12px}.batch>strong small{float:right;color:#899980;font-weight:400;font-size:11px}.batch-checks{display:flex;gap:12px;justify-content:space-between;margin-top:14px}.batch-checks span{display:flex;align-items:center;gap:4px;color:#bcc5b5;font-size:10px}.batch-checks .done{color:#638f55}.documents{display:grid;grid-template-columns:1fr;grid-gap:8px;gap:8px;margin-top:15px}.document{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:#fcfdfb;border-radius:6px;padding:12px;text-align:left;color:#87a075}.document>span{flex:1 1}.document strong{display:block;font-size:11px;color:#5e7750;font-weight:500}.document small{display:block;font-size:10px;color:#9aa990;margin-top:4px}.vertical-shipment>div{display:flex;gap:12px;position:relative;padding-bottom:23px}.vertical-shipment>div>span{width:27px;height:27px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;flex-shrink:0;color:#b1bca5;background:white;z-index:1}.vertical-shipment>div.done>span{background:#e9f1e3;color:#5a864b}.vertical-shipment>div:not(:last-child):after{content:"";position:absolute;left:13px;top:25px;bottom:0;width:1px;background:var(--line)}.vertical-shipment strong{font-size:12px;font-weight:500}.vertical-shipment small{display:block;font-size:10px;color:#9fae93;margin-top:4px}.demo-form{display:grid;grid-gap:19px;gap:19px}.demo-form label{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#6a805d}.demo-form input,.demo-form select{font-size:15px;min-height:44px;padding:11px 13px}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:9px;padding-top:18px;border-top:1px solid var(--line)}.guide-text,.reset-explain{font-size:14px;line-height:1.9;color:#778969;margin-bottom:24px}.sample-document{position:relative;border:1px solid #e3e9dc;padding:34px 28px;overflow:hidden;background:#fcfdfa}.sample-document h2{margin:15px 0 10px;font-size:23px}.sample-document>p{font-size:11px;color:#93a285}.sample-document .facts{margin-top:32px}.sample-seal{display:flex;flex-direction:column;align-items:center;justify-content:center;width:110px;height:110px;border-radius:50%;border:2px solid #91a886;color:#91a886;font-size:12px;gap:10px;margin:35px 0 0 auto}.sample-watermark{position:absolute;left:-5px;top:45%;font-size:65px;color:#8fa1770b;transform:rotate(-25deg);white-space:nowrap;pointer-events:none}.guide-cases{display:grid;grid-gap:12px;gap:12px}.guide-cases button{display:flex;gap:14px;text-align:left;background:#f6f9f2;border:1px solid var(--line);padding:18px;border-radius:7px;align-items:center}.guide-cases button>span{font-family:Georgia,serif;font-size:29px;color:#a7b99a}.guide-cases strong{font-size:14px}.guide-cases p{font-size:11px;color:var(--muted);margin-top:6px}.guide-cases svg{flex-shrink:0}.toast{position:fixed;bottom:25px;left:calc(50% + 117px);transform:translateX(-50%);z-index:1000;display:flex;align-items:center;gap:12px;background:#f9fcf5;border:1px solid #bfd1b2;box-shadow:0 5px 24px #29422322;padding:13px 17px;border-radius:8px;max-width:min(650px,calc(100vw - 30px));width:max-content;color:#4b7942}.toast p{font-size:13px}.toast-error{background:#fff9f0;border-color:#dbbd98;color:#996c40}.mobile-bottom,.mobile-only,.nav-backdrop{display:none}.lang-th{line-height:1.7}.lang-th .brand strong{font-size:18px;letter-spacing:0}.lang-th .brand em,.lang-th .nav-item{font-size:13px}.lang-th .metric-value{font-size:27px}.lang-th .metric-label{font-size:12px}.lang-th .status{font-size:10px}.lang-th .scenario-card strong{font-size:14px}.lang-th .role-control select{max-width:220px}.lang-th .topbar{gap:8px}.lang-th .desktop-crumb{font-size:11px}.lang-th .order-row,.lang-th .table-heading{grid-template-columns:minmax(145px,1.5fr) minmax(105px,1fr) minmax(100px,1fr) minmax(105px,1fr) 12px;gap:8px}@media(min-width:1700px){main{padding-left:48px;padding-right:48px}.metric{padding:26px}.metric-value{font-size:36px}.analytics-grid,.operations-grid{grid-template-columns:minmax(0,2.2fr) minmax(330px,1fr)}.bar-chart{height:230px}.route-visual{height:265px}.order-row,.table-heading{grid-template-columns:minmax(210px,1.4fr) minmax(140px,1fr) minmax(125px,1fr) minmax(115px,1fr) 16px}.order-row{padding-top:17px;padding-bottom:17px}.order-identity strong{font-size:14px}.order-identity small,.route-cell small{font-size:11px}.route-cell,.status{font-size:12px}.amount-cell{font-size:14px}.scenario-card p{font-size:13px}.scenario-card strong{font-size:16px}.metric-label{font-size:14px}.metric-foot{font-size:12px}.panel-heading h2{font-size:19px}}@media(max-width:1250px){.sidebar{width:210px;padding-left:13px;padding-right:13px}.main-shell{margin-left:210px}.brand{padding-left:6px;gap:9px}.topbar{padding:0 24px}.desktop-crumb{display:none}main{padding:26px 24px 0}.demo-ribbon{padding:0 24px}.metric{padding:18px 16px}.metric-value{font-size:25px}.metric-spark{width:48px}.metrics{gap:12px}.analytics-grid,.operations-grid{gap:17px;grid-template-columns:minmax(0,1.7fr) minmax(265px,1fr)}.operations-grid{grid-template-columns:1fr}.route-panel{display:none}.order-row,.table-heading{grid-template-columns:minmax(150px,1.4fr) minmax(125px,1fr) minmax(110px,1fr) minmax(105px,1fr) 13px}.demand-grid,.partner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scenario-card{padding:20px 15px;gap:11px}.scenario-card p{font-size:11px}.toast{left:calc(50% + 105px)}.bar-chart{height:176px}.progress-legend{gap:10px}}@media(max-width:960px){.sidebar{width:190px}.main-shell{margin-left:190px}.brand{gap:7px}.brand strong{font-size:21px}.brand em{font-size:12px}.brand-mark{width:32px;height:37px}.brand small{font-size:8px;letter-spacing:1.5px}.nav-item{padding:12px 11px;font-size:13px;gap:9px}.sidebar-label{margin-left:12px}.demo-helper{margin-left:0;margin-right:0;padding:14px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-grid{grid-template-columns:1fr}.progress-panel{display:none}.scenario-grid{grid-template-columns:1fr}.scenario-card{padding:18px 21px;gap:20px}.scenario-card>div{flex:1 1}.scenario-card p{margin:5px 0 7px}.scenario-number{font-size:33px}.top-controls{gap:10px}.demo-ribbon,.topbar{padding:0 20px}main{padding:24px 20px 0}.lang-th .order-row,.lang-th .table-heading,.order-row,.table-heading{grid-template-columns:minmax(140px,1.3fr) minmax(110px,1fr) minmax(105px,1fr) 12px;gap:8px}.order-row .route-cell,.table-heading>span:nth-child(2){display:none}.payment-grid{gap:18px}.demand-grid,.partner-grid,.payment-grid{grid-template-columns:1fr}.dialog-wide{max-width:calc(100vw - 30px)}.detail-columns{grid-template-columns:1fr 1fr;gap:20px}.toast{left:calc(50% + 95px)}.avatar,.top-divider{display:none}.role-control select{max-width:165px}.lang-th .role-control select{max-width:175px}.page-intro h1{font-size:28px}.page-intro p{font-size:12px}.currency-switch button{padding:6px 9px}}@media(max-width:700px){.sidebar{width:250px;transform:translateX(-100%);transition:transform .2s;padding:25px 17px 0}.sidebar-open{transform:translateX(0)}.sidebar .brand strong{font-size:23px}.sidebar .nav-item{min-height:48px;font-size:15px}.sidebar .demo-helper p{font-size:13px}.main-shell{margin-left:0}.nav-backdrop{display:block;position:fixed;inset:0;z-index:39;background:#102e1f77;border:0}.mobile-only{display:inline-flex}.topbar{height:74px;padding:0 14px;gap:8px}.breadcrumb{gap:5px}.breadcrumb strong{font-size:13px}.top-controls{gap:10px}.language-control{gap:6px}.language-control button{font-size:13px;min-height:36px}.role-control small{font-size:9px}.role-control select{max-width:133px;font-size:11px;padding-right:10px}.lang-th .role-control select{max-width:145px;font-size:11px}.lang-th .breadcrumb strong{font-size:11px}.demo-ribbon{height:auto;min-height:36px;padding:6px 18px;font-size:10px;gap:8px}.demo-ribbon>span:first-child .ribbon-separator{margin:0}.demo-ribbon>span:last-child{font-size:9px}.demo-ribbon small{display:none}main{padding:24px 17px 0}.page-intro{margin-bottom:21px;gap:10px}.page-intro h1{font-size:27px}.page-intro p{font-size:12px;max-width:230px}.eyebrow{font-size:9px;letter-spacing:1px}.currency-switch{align-self:flex-start;margin-top:24px;padding:3px}.currency-switch button{padding:6px 7px;font-size:10px}.metrics{gap:11px;margin-bottom:17px}.metric{padding:17px 15px}.metric-value{font-size:24px;margin:13px 0}.metric-label{font-size:12px;gap:4px}.metric-label svg{width:16px}.metric-foot{font-size:9px}.metric-spark{width:43px;height:18px;right:11px;bottom:17px;opacity:.4}.metric-0 .metric-spark,.metric-2 .metric-spark{display:none}.analytics-grid{margin-bottom:17px}.panel-heading{padding:18px}.panel-heading h2{font-size:16px}.bar-chart{height:162px;margin:0 17px 0 14px;gap:8px}.chart-bars{gap:7px;padding:0 4px}.chart-y{font-size:8px;width:29px}.chart-dates{margin:9px 18px 20px 52px;font-size:8px}.soft-label{font-size:9px}.table-heading{display:none!important}.order-table{padding:0}.lang-th .order-row,.order-row{grid-template-columns:1fr auto;gap:8px;padding:17px 18px}.order-row .order-identity{grid-column:1;grid-row:1}.order-row .amount-cell{grid-column:2;grid-row:1;text-align:right;font-size:13px}.order-row>span:nth-child(4){grid-column:1/3;grid-row:2;padding-left:47px}.order-row>.row-chevron{display:none}.order-identity strong{font-size:13px}.order-identity small{font-size:10px;margin-top:4px}.amount-cell small{font-size:10px}.lang-th .status,.status{font-size:11px;padding:4px 7px}.cargo-icon{width:36px;height:39px}.scenario-section{margin-top:23px}.scenario-section>.panel-heading h2{font-size:16px}.scenario-card strong{font-size:15px}.scenario-card p{font-size:12px}.scenario-link{font-size:11px}.page-footer{padding-bottom:94px;gap:12px;font-size:9px}.mobile-bottom{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:#ffffffed;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:8px 8px calc(8px + env(safe-area-inset-bottom));z-index:30}.mobile-bottom button{display:flex;flex-direction:column;align-items:center;gap:5px;border:0;background:none;color:#97a58e;min-height:44px;font-size:10px;padding:4px 1px}.mobile-bottom button.active{color:#235f3b;font-weight:600}.mobile-bottom button.active svg{stroke-width:2.5}.lang-th .mobile-bottom button{font-size:9px}.toast{bottom:92px;left:50%;max-width:calc(100vw - 24px);gap:8px;padding:12px}.toast p{font-size:12px}.section-title{min-height:60px;gap:12px;margin-bottom:20px}.section-title h1{font-size:25px}.section-title p{font-size:12px}.section-title>.button{font-size:12px;padding:9px 10px;flex-shrink:0}.filters{padding:12px 15px;gap:10px;flex-wrap:wrap}.filters .search-box{flex-basis:100%}.filters>select{width:100%;max-width:none;font-size:13px}.search-box input{font-size:14px;min-height:44px}.finance-card{padding:0 16px}.finance-order{flex-wrap:wrap;gap:8px;padding:16px 0}.finance-order>span:first-child{flex-basis:100%}.finance-order strong{font-size:14px}.finance-order small{font-size:11px}.payment-item strong{font-size:19px}.payment-icon{width:36px;height:36px}.payment-item .status{font-size:10px}.payment-grid{padding:17px 0}.next-actions{padding:15px;margin-bottom:17px}.next-actions .button{font-size:12px;min-height:44px}.next-actions p{font-size:12px}.next-label{font-size:13px}.role-suggestions>.button{width:100%;justify-content:space-between;text-align:left}.demand-card,.partner-card{padding:21px}.quote-row strong{font-size:12px}.quote-row small{font-size:11px}.partner-grid{grid-template-columns:1fr}.partner-card h2{font-size:18px}.partner-card>p{font-size:13px}.demand-spec>span,.partner-stats>span{font-size:12px}.demand-spec strong{font-size:18px}.quote-list h3{font-size:13px}.ticket-card{padding:0 18px 19px}.ticket-card .panel-heading{padding-top:18px;align-items:flex-start}.ticket-card h2{font-size:16px}.ticket-notes>div{font-size:13px}.ticket-notes small{font-size:11px}.shipment-steps{padding:12px 12px 25px}.shipment-steps>div{gap:8px;padding:0 3px}.shipment-steps strong{font-size:10px;line-height:1.6;min-height:32px}.shipment-steps small{font-size:9px}.order-link{flex-wrap:wrap;gap:6px;font-size:12px}.order-link span{display:none}.logistics-card .panel-heading{flex-wrap:wrap}.logistics-card>.next-actions{margin:0 15px 17px}.dialog,.dialog-wide{max-width:calc(100vw - 16px);max-height:calc(100dvh - 20px);border-radius:9px}.dialog-header{padding:15px 16px;gap:8px}.dialog-header h2{font-size:15px;overflow-wrap:anywhere}.dialog-header .icon-button{min-width:40px;min-height:40px}.dialog-content{padding:18px 16px}.detail-summary{align-items:flex-start;flex-wrap:wrap;gap:16px}.detail-summary p{font-size:11px;flex-wrap:wrap;gap:5px}.detail-amount strong{font-size:23px}.detail-amount span{font-size:11px}.detail-amount{width:100%;text-align:left}.detail-columns{grid-template-columns:1fr;gap:5px}.detail-section h3{font-size:16px}.facts>div{font-size:13px;gap:16px}.detail-payment strong{font-size:14px}.detail-payment small{font-size:11px}.info-note{font-size:12px}.batch>strong{font-size:13px}.batch>strong small{font-size:11px}.batch-checks{flex-wrap:wrap;gap:10px}.batch-checks span{font-size:11px;flex-basis:45%}.document{min-height:58px}.document strong{font-size:12px}.document small{font-size:11px}.vertical-shipment strong{font-size:13px}.vertical-shipment small{font-size:11px}.event-list>div{font-size:13px}.event-list small{font-size:11px}.demo-form label{font-size:14px}.demo-form input,.demo-form select{font-size:16px}.form-actions .button{min-height:46px}.sample-document{padding:25px 17px}.lang-th .metric-value{font-size:22px}.lang-th .metric-label{font-size:11px}.lang-th .page-intro h1{font-size:26px}.lang-th .page-intro p{font-size:11px}.lang-th .section-title h1{font-size:22px}.lang-th .scenario-card strong{font-size:15px}.lang-th .detail-summary p,.lang-th .scenario-card p{font-size:12px}.lang-th .shipment-steps strong{font-size:11px}.loading-state h1{font-size:19px}.loading-skeleton{width:100%;gap:10px}.loading-skeleton i{height:90px}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.brand small{white-space:nowrap;font-size:8px;letter-spacing:1.5px}.metric-label{font-size:14px}.metric-foot{font-size:12px}.metric-spark{bottom:42px}.metric-label svg{flex-shrink:0}.sidebar-label{font-size:12px}.demo-helper button,.demo-helper p{font-size:13px}.demo-ribbon{font-size:12px}.breadcrumb strong,.language-control button,.role-control select{font-size:14px}.role-control small{font-size:12px}.eyebrow{font-size:11px}.page-intro p,.section-title p{font-size:14px}.panel-heading p,.soft-label,.text-button{font-size:12px}.chart-dates,.chart-y{font-size:11px}.order-identity strong{font-size:14px}.order-identity small{font-size:11px}.route-cell{font-size:12px}.route-cell small{font-size:11px}.amount-cell{font-size:13px}.amount-cell small{font-size:11px}.lang-th .status,.status,.table-heading{font-size:12px}.progress-legend strong,.progress-legend>div{font-size:14px}.progress-legend small{font-size:12px}.progress-total span{font-size:13px}.scenario-card strong{font-size:16px}.scenario-card p,.scenario-link{font-size:13px}.route-caption,.route-end,.route-origin,.route-panel>p,.route-via{font-size:12px}.route-caption{line-height:1.8}.scenario-section>.panel-heading .muted{font-size:12px}.muted{font-size:13px}.demo-form label,.filters>select,.next-actions .button,.next-actions p,.next-label,.search-box input{font-size:14px}.detail-role-control{display:flex;gap:12px;align-items:center;justify-content:flex-end;font-size:13px;color:var(--muted);padding-bottom:20px}.detail-role-control select{max-width:240px;font-size:14px}.detail-summary p,.facts>div{font-size:14px}.detail-payment small,.info-note{font-size:12px}.document strong{font-size:13px}.document small{font-size:12px}.event-list>div,.ticket-notes>div{font-size:14px}.event-list small,.ticket-notes small{font-size:12px}.batch>strong{font-size:14px}.batch-checks span,.batch>strong small{font-size:12px}.vertical-shipment strong{font-size:14px}.vertical-shipment small{font-size:12px}.demand-card>p,.demand-spec>span,.partner-card>p,.partner-stats>span,.quote-row small,.quote-row strong{font-size:13px}.lang-th .metric-label,.lang-th .nav-item{font-size:14px}.lang-th .scenario-card strong{font-size:16px}.lang-th .scenario-card p{font-size:13px}.lang-th .role-control select{max-width:245px}.lang-th .order-row,.lang-th .table-heading{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(120px,1fr) minmax(90px,1fr) 12px}.order-row>span{min-width:0}.lang-th .order-identity small{white-space:normal}.amount-cell{overflow-wrap:anywhere}@media(max-width:1250px){.metric-value{font-size:25px}.metric-foot{font-size:11px}.lang-th .metric-label,.metric-label{font-size:13px}.route-cell{font-size:12px}}@media(max-width:960px){.lang-th .order-row,.lang-th .table-heading{grid-template-columns:minmax(140px,1.3fr) minmax(110px,1fr) minmax(105px,1fr) 12px}.role-control select{font-size:12px}.lang-th .role-control select{max-width:185px;font-size:12px}}@media(max-width:700px){.brand small{font-size:9px}.topbar{padding-left:8px;padding-right:11px}.breadcrumb strong,.language-control button{font-size:13px}.lang-th .role-control select,.role-control select{max-width:130px;font-size:11px}.demo-ribbon,.role-control small{font-size:10px}.lang-th .metric-label,.metric-label{font-size:12px}.metric-value{font-size:23px}.metric-foot{font-size:10px}.metric-spark{display:none}.lang-th .page-intro p,.page-intro p{font-size:12px}.currency-switch button{font-size:11px}.chart-dates,.chart-y,.eyebrow{font-size:10px}.progress-legend>div{font-size:13px}.order-identity strong{font-size:14px}.order-identity small{font-size:11px}.lang-th .order-row,.lang-th .table-heading,.order-row,.table-heading{grid-template-columns:minmax(0,1fr) minmax(95px,auto)}.lang-th .scenario-card p,.scenario-card p{font-size:13px}.lang-th .scenario-card strong,.scenario-card strong{font-size:16px}.detail-summary p,.next-actions .button,.next-actions p{font-size:13px}.detail-role-control{justify-content:space-between;font-size:13px}.detail-role-control select{max-width:200px;font-size:13px}.mobile-bottom button{font-size:11px}.lang-th .mobile-bottom button{font-size:10px}.batch-checks span{font-size:12px}.lang-th .status,.status{font-size:11px}.page-footer{font-size:10px}.lang-th .breadcrumb strong{font-size:11px}}.task-strip{background:#eef3eb;border:1px solid #e0e9da;border-radius:8px;padding:15px 20px;margin-bottom:22px}.task-strip-title{display:flex;align-items:center;gap:8px;font-size:12px;margin-bottom:12px}.task-strip-title strong{font-weight:550}.task-strip-title small{margin-left:auto;color:#8b9c81;font-size:11px}.task-strip-items{display:flex;gap:10px;flex-wrap:wrap}.task-strip-items button{flex:1 1;min-width:180px;display:flex;justify-content:space-between;align-items:center;gap:15px;border:1px solid #dbe6d3;background:#fff;border-radius:5px;text-align:left;padding:10px 13px;color:#507344;min-height:48px}.task-strip-items strong{display:block;font-size:12px;font-weight:550}.task-strip-items small{display:block;font-size:10px;color:#90a084;margin-top:3px}.task-strip-items button:hover{background:#f8fbf4}.task-strip-items svg{flex-shrink:0}.task-strip-items>.muted{font-size:13px}@media(max-width:1250px){.route-panel{display:block}.route-visual{height:235px;max-width:500px;margin-left:auto;margin-right:auto}.route-visual svg{height:160px;top:40px}.route-panel>p{margin-left:24px}.route-caption{font-size:13px}.route-origin{left:32px;bottom:23px}.route-via{bottom:59px}.route-end{right:14px;top:90px}}@media(max-width:960px){.progress-panel{display:block}.progress-total{float:left;margin-right:15px}.progress-legend{gap:12px}.stacked-bar{margin-top:13px}.task-strip-items button{min-width:160px}.route-visual{max-width:400px}}@media(max-width:700px){.task-strip{padding:15px;margin-bottom:17px}.task-strip-title{font-size:13px;flex-wrap:wrap}.task-strip-title small{font-size:11px}.task-strip-items{flex-direction:column}.task-strip-items button{width:100%;font-size:13px;min-height:54px}.task-strip-items strong{font-size:13px}.task-strip-items small{font-size:11px}.progress-total{float:none}.stacked-bar{margin:10px 20px 18px}.progress-legend{padding:0 20px}.progress-panel .panel-heading{padding-bottom:5px}.progress-total{padding:0 20px}.progress-total strong{font-size:35px}.route-panel>p{font-size:12px;margin-left:18px}.route-caption{font-size:12px}.route-visual{margin-top:0;height:240px}.route-end,.route-origin,.route-via{font-size:12px}}.sidebar{overflow-y:auto}.brand-mark{flex-shrink:0}.lang-en .brand strong{display:block;white-space:normal;font-size:18px;line-height:1.2;letter-spacing:0}.lang-en .nav-item{font-size:13px}.lang-en .breadcrumb,.lang-en .top-controls{min-width:0}.lang-en .breadcrumb strong{overflow-wrap:anywhere}.lang-en .order-identity small,.lang-en .status{white-space:normal}.lang-en .role-control select{max-width:190px}@media(max-width:960px){.lang-en .desktop-crumb{display:none}.lang-en .role-control select{max-width:160px}}@media(max-width:700px){.topbar{height:auto;min-height:98px;display:grid;grid-template-columns:minmax(0,1fr);grid-gap:2px;gap:2px;padding:7px 14px}.top-controls{justify-content:space-between;width:100%;gap:10px}.language-control{gap:8px}.language-control button{min-height:40px}.lang-en .role-control select,.lang-th .role-control select,.role-control select{max-width:160px}.lang-en .sidebar .brand strong{font-size:20px}.lang-en .mobile-bottom button{font-size:10px;line-height:1.25;overflow-wrap:anywhere}.lang-en .metric-label{min-height:36px;align-items:flex-start;font-size:12px}.lang-en .metric-value{font-size:clamp(18px,5vw,23px)}}.detail-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:20px;flex-wrap:wrap}.detail-toolbar .detail-role-control{padding-bottom:0}@media(max-width:700px){.detail-toolbar .detail-role-control{width:100%}}