@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@400;450;500;600;700&family=Inter:wght@400;500;600;650;700;750;800&display=swap");*{box-sizing:border-box}body{margin:0;background:#f6f8fb;color:#1b263b;font-family:Inter,IBM Plex Sans Thai,sans-serif;font-size:13px}button,input,select,textarea{font:inherit}a,button,input,select,textarea{outline-color:#315cf5}button{cursor:pointer;border:1px solid #e2e7ef;background:white;color:inherit;border-radius:7px;padding:9px 13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.16s}button:hover{background:#f0f4ff;border-color:#b8c8fa}button:disabled{opacity:.6}input,select,textarea{border:1px solid #e0e5ef;border-radius:6px;padding:10px;background:white;color:#344056;min-width:0}small{display:block;color:#8b95a7;font-size:11px;font-weight:400}h1,h2,h3,p{margin:0}h1{font-size:27px;letter-spacing:-.8px;font-weight:650;margin:7px 0}h2{font-size:15px;font-weight:600}h3{font-size:13px;margin:20px 0 12px}p{color:#8791a3;line-height:1.8}b{font-weight:550}.sidebar{width:232px;position:fixed;inset:0 auto 0 0;background:#101a2e;color:#a5aec1;padding:27px 15px 0;display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:10px;align-items:center;color:white;margin:0 13px 29px}.brand svg{color:#7698ff}.brand span{font-size:28px;font-weight:750;letter-spacing:-1px}.brand small{font-size:8px;letter-spacing:2px;margin-top:2px;color:#7e8ba5}.workspace{display:flex;align-items:center;gap:10px;padding:12px 9px;border:1px solid #2a3446;border-radius:8px;color:#e0e4ed;font-size:11px;margin-bottom:15px}.workspace-icon{background:#293955;border:1px solid #41577e;padding:8px;border-radius:6px;color:#bccbf5}.workspace small{font-size:9px;margin-top:4px}.workspace svg{margin-left:auto}nav{overflow-y:auto;scrollbar-width:none}.nav-label{font-size:9px;letter-spacing:1.3px;color:#576783;margin:18px 12px 8px}.nav{width:100%;border:0;background:transparent;color:#9caac0;justify-content:flex-start;font-size:11px;padding:10px 12px;margin:2px 0;gap:12px}.nav:hover{background:#1b2a43;color:white}.nav.active{background:#2e5cee;color:white;box-shadow:0 4px 15px #07102944}.nav em{font-size:9px;background:#ffffff22;border-radius:4px;padding:2px 5px;margin-left:auto;font-style:normal}.sidebar-bottom{margin-top:auto;padding:20px 13px 15px;font-size:10px;color:#aab5c7}.sidebar-bottom small{font-size:9px;margin-top:6px;padding-left:12px}.live-dot{display:inline-block;width:6px;height:6px;background:#1bb983;border-radius:50%;margin-right:6px}.profile{border-top:1px solid #273247;display:flex;align-items:center;gap:9px;padding:16px 7px;color:#edf2ff;font-size:11px}.profile svg{margin-left:auto}.avatar{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;border:3px solid white;background:#e6eafa;border-radius:50%;color:#5c6b93;font-size:12px}.profile .avatar{border-color:#304365;background:#253c62;color:#bacefc}.profile small{margin-top:3px;font-size:9px}.main{margin-left:232px}header{height:72px;border-bottom:1px solid #e7ebf1;background:white;display:flex;align-items:center;justify-content:space-between;padding:0 33px}.breadcrumb{font-size:11px;color:#929cae}.breadcrumb span{padding:0 14px;color:#cbd0d8}.breadcrumb b{color:#45516a}.header-right{gap:23px}.header-right,.search{display:flex;align-items:center}.search{gap:10px;color:#8d96a7}.search input{border:0;font-size:11px;width:240px;padding:4px}.search kbd{font-size:13px;background:#f3f5f8;border:1px solid #e3e7ed;border-radius:4px;padding:2px 6px}.iconbtn{padding:5px;border:0;background:transparent;position:relative;color:#778298}.iconbtn i{width:5px;height:5px;border-radius:50%;background:#ec926d;position:absolute;top:4px;right:6px}.mobile{display:none}main{padding:30px 33px 12px;max-width:1600px;margin:auto}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.eyebrow{font-size:8px;font-weight:600;letter-spacing:1.4px;color:#929eb2}.eyebrow span{padding:0 5px;color:#c4cbd7}.heading p{font-size:11px}.heading-actions{display:flex;gap:9px}.heading-actions button{font-size:10px;padding:10px 13px}.primary{background:#315df4;color:white;border-color:#315df4}.primary:hover{background:#244bce;color:white}.filterbar{justify-content:space-between;margin-bottom:12px}.filterbar,.filters{display:flex;align-items:center}.filters{gap:9px;color:#79879b}.filters input,.filters select{font-size:10px;padding:7px;border-color:#e0e6f0}.filters button,.textbutton{font-size:10px}.textbutton{border:0;padding:4px;background:none;color:#536583}.mode{display:flex;align-items:center;background:white;border:1px solid #e3e8ef;border-radius:6px;padding:0 8px}.mode select{border:0;font-size:10px;padding:7px}.notice{font-size:9px;color:#8a95a8;display:flex;justify-content:space-between;margin:0 0 18px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.stat{display:block;text-align:left;border:1px solid #e4e9f2;padding:20px;min-height:146px;border-radius:10px;position:relative;overflow:hidden}.stat>div:first-child{display:flex;justify-content:space-between;color:#7f8b9e;font-size:11px}.stat strong{display:block;font-size:27px;letter-spacing:-.8px;font-weight:650;margin:13px 0 8px}.stat small{font-size:9px}.stat.featured{background:#2f5be8;color:white;border-color:#2f5be8}.stat.featured small,.stat.featured>div:first-child{color:#c7d5ff}.mini-progress{height:3px;position:absolute;bottom:0;left:0;right:0;background:#4971ed}.mini-progress i{display:block;height:100%;background:#9bb7ff}.dashboard-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:20px;margin-bottom:20px}.panel{background:white;border:1px solid #e3e8f0;border-radius:10px;overflow:hidden}.panelhead{padding:21px 22px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.panelhead p{font-size:10px;margin-top:4px}.legend{font-size:9px;display:flex;gap:6px;align-items:center;color:#8290a5}.legend i{width:7px;height:7px;border-radius:2px;background:#3d68f3}.legend i.pale{background:#e6ecfd;margin-left:9px}.chart-summary{padding:0 24px;display:flex;gap:15px;align-items:center}.chart-summary strong{font-size:23px;font-weight:650}.chart-summary span{font-size:9px;color:#929cae}.chart-summary b{color:#5170ce;background:#edf2ff;padding:3px 5px;border-radius:4px;margin-left:7px}.chart{height:164px;display:flex;padding:16px 25px 0 22px}.yaxis{width:56px;display:flex;flex-direction:column;justify-content:space-between;font-size:8px;color:#9ba6b7;padding-bottom:25px}.bars{justify-content:space-around;background:repeating-linear-gradient(0deg,transparent 0,transparent 57px,#edf0f5 58px,#edf0f5 59px);gap:28px}.bar-group,.bars{display:flex;flex:1}.bar-group{padding:0;background:none!important;border:0!important;flex-direction:column;gap:8px;justify-content:space-between;border-radius:0}.bar-track{height:120px;position:relative;background:#f0f4ff;width:55%;min-width:20px;display:flex;align-items:flex-end}.bar,.bar-track{border-radius:5px 5px 0 0}.bar{width:100%;background:linear-gradient(#487bfa,#2c5bea)}.bar-group>span{font-size:9px;color:#8c98ab;white-space:nowrap}.chart-foot{border-top:1px solid #eff1f6;padding:12px 22px;display:flex;justify-content:space-between;margin-top:15px;font-size:9px;color:#99a3b4}.softicon{background:#f1f5fd;color:#7287b2;border-radius:7px;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center}.funnelrow{border:0;border-radius:0;display:flex;width:100%;padding:9px 24px;gap:14px;text-align:left}.funnelrow .step{font-size:10px;color:#b2bbca}.funnelrow>div{flex:1;font-size:10px}.funnelrow strong{font-size:18px;font-weight:600}.funnelrow>svg{color:#a6b1c1}.funneltrack{height:5px;background:#f3f5fa;border-radius:3px;margin-top:8px}.funneltrack i{display:block;height:100%;background:#4671ed;border-radius:3px}.footnote{font-size:8px;padding:11px 24px;color:#a0a8b5}.workstats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.workstats button{justify-content:flex-start;padding:17px 16px;border-radius:9px;font-size:10px;color:#7e8a9e;text-align:left;gap:12px}.workstats strong{display:block;font-size:21px;font-weight:600;color:#28364e;margin-top:4px}.workstats small{display:inline;font-size:9px}.workstats button>svg{margin-left:auto;color:#aab4c3}.workicon{display:flex;align-items:center;justify-content:center;border-radius:8px;width:36px;height:36px;background:#edf2ff;color:#5275df}.w1{background:#f1edff;color:#9173df}.w2{background:#fff7e6;color:#d1a147}.w3{background:#eaf8f4;color:#5da891}.tablewrap{overflow-x:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:left}th{background:#f9fafc;color:#939db0;font-size:9px;font-weight:500;padding:12px 20px;border-block:1px solid #edf0f5}td{padding:13px 20px;border-bottom:1px solid #f0f2f6;font-size:10px;color:#7e8a9e}tr:last-child td{border-bottom:0}tbody tr{cursor:pointer}tbody tr:hover{background:#f8faff}td:first-child{display:flex;align-items:center;gap:11px;color:#36465e}td b{font-size:10px}td small{font-size:8px;margin-top:5px}.clienticon{width:31px;height:31px;background:#f0f1f5;border:1px solid #e8ebf1;display:flex;align-items:center;justify-content:center;font-size:13px;color:#7485a2;border-radius:7px}.tiny{width:23px;height:23px;border-width:1px;vertical-align:middle}.badge,.tiny{font-size:8px}.badge{display:inline-block;padding:4px 8px;border-radius:4px;white-space:nowrap}.blue{background:#edf3ff;color:#5c7dd0}.amber{background:#fff7e8;color:#ba9447}.green{background:#eaf8f2;color:#4a9a7c}.red{background:#fff0f0;color:#c57171}.bottomgrid{display:grid;grid-template-columns:1.45fr 1fr;gap:20px;margin-top:20px}.planrow{display:flex;width:100%;gap:13px;align-items:center;justify-content:flex-start;text-align:left;border:0;border-top:1px solid #f0f2f6;border-radius:0;padding:17px 22px}.planrow div{flex:1}.planrow b{font-size:11px}.planrow small{margin-top:5px;font-size:9px}.planrow>.badge,.planrow>span:last-child{margin-left:auto}.integration{padding:26px;position:relative;background:#f0f4ff}.integration h2{font-size:14px}.integration p{font-size:10px;margin:10px 0 18px;color:#8a98b2}.integration button{background:transparent;border-color:#d8e1f6;font-size:10px;color:#4e6aa3}.bigbox{position:absolute;right:20px;bottom:30px;color:#d4e0fb;transform:rotate(-10deg);pointer-events:none}footer{display:flex;justify-content:space-between;color:#a6afbf;font-size:8px;padding:24px 0 8px}.settings{padding:24px}.settings h2,.settings p{margin:12px 0}.settings form{max-width:400px;margin:20px 0 30px}.count{font-size:11px;background:#edf1fa;padding:3px 6px;color:#7385a6;margin-left:8px;border-radius:4px}.empty{text-align:center;padding:60px;color:#8190a5}.empty small{margin-top:8px}.board{display:flex;overflow:auto;padding:18px;gap:14px}.column{min-width:220px;background:#f5f7fb;border-radius:8px;padding:12px}.column h3{margin:0 0 14px}.taskcard{display:block;text-align:left;width:100%;margin-bottom:10px;padding:15px}.taskcard b{display:block;margin:12px 0}.overlay{position:fixed;inset:0;background:#0e193655;z-index:50;display:flex;justify-content:flex-end;backdrop-filter:blur(2px)}.drawer{width:480px;max-width:100vw;background:white;overflow-y:auto;padding:36px;position:relative;box-shadow:-15px 0 80px #14223b22}.drawer h2,.modal h2{font-size:23px;line-height:1.5;margin:14px 0}.close{position:absolute;top:14px;right:16px}dl{display:grid;grid-template-columns:1fr 1.4fr;gap:12px;border-block:1px solid #e9edf4;padding:20px 0;margin:22px 0}dt{color:#8d98aa}dd,dt{font-size:11px}dd{margin:0}dd button{font-size:10px}label{display:flex;flex-direction:column;gap:7px;margin-bottom:15px;font-size:11px;color:#78859a}.search{flex-direction:row;margin:0}textarea{resize:vertical}.actionlist{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.actionlist button{font-size:11px}.balance{width:100%;font-size:17px;margin:12px 0}.related{display:flex;width:100%;justify-content:space-between;text-align:left;margin:7px 0;font-size:11px}.related small{margin-top:4px}.history{font-size:10px;border-left:2px solid #dfe8fc;padding-left:12px;margin:12px 0}.modaloverlay{justify-content:center;align-items:center;z-index:60}.modal{position:relative;background:white;padding:30px;border-radius:13px;width:440px;max-width:94vw;max-height:92vh;overflow:auto;box-shadow:0 30px 100px #0c1c3444}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.full{width:100%}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#17243b;color:white;padding:14px 22px;border-radius:9px;box-shadow:0 6px 30px #00112830;z-index:100;display:flex;align-items:center;gap:10px;font-size:12px}@media(min-width:1550px){body{font-size:14px}.nav{font-size:12px;padding:12px}.stat strong{font-size:33px}td{padding:17px 22px}td,td b{font-size:12px}.chart{height:210px}.bar-track{height:165px}.funnelrow{padding-block:14px}}@media(max-width:1150px){.sidebar{width:210px}.main{margin-left:210px}main{padding:25px 22px}header{padding:0 22px}.header-right{gap:12px}.search input{width:175px}.stats{gap:10px}.stat{padding:16px}.stat strong{font-size:23px}.dashboard-grid{grid-template-columns:1.4fr 1fr}.workstats{gap:10px}.workstats button{padding:12px 10px}.workicon{width:28px}.notice span{display:none}.heading-actions button{font-size:9px}.legend{display:none}.chart-summary{gap:9px}.chart-summary span{font-size:8px}}@media(max-width:850px){.sidebar{display:none}.sidebar.show{display:flex}.main{margin-left:0}.mobile{display:flex}.breadcrumb{margin-right:auto;margin-left:12px}.search{display:none}.stats{grid-template-columns:repeat(2,1fr)}.heading{align-items:flex-start;gap:15px}.heading-actions{flex-direction:column}.bottomgrid,.dashboard-grid{grid-template-columns:1fr}.workstats{grid-template-columns:repeat(2,1fr)}.chart{height:190px}.bar-track{height:145px}.funnelrow{padding-block:12px}.heading p{font-size:10px}footer span{display:none}.filterbar{gap:8px}.filters{gap:5px}.filters .textbutton{display:none}h1{font-size:23px}main{padding:22px 16px}.notice{font-size:8px}.panelhead{padding:18px 16px}.chart-summary span{font-size:9px}}.customer-journey{margin-bottom:20px}.journey-steps{display:grid;grid-template-columns:repeat(4,1fr);padding:0 22px 22px;gap:10px}.journey-steps button{display:block;text-align:left;padding:18px 15px;background:#f7f9ff;border:1px solid #e4ebff}.journey-label{display:flex;justify-content:space-between;color:#7f97cf}.journey-steps strong{font-size:30px;display:block;color:#2d5ce3;margin:10px 0}.journey-steps small{display:inline;font-size:10px}.journey-steps p{font-size:10px;margin-top:8px}.journey-note{font-size:10px;color:#7788a5;line-height:1.9;padding:13px 22px;background:#f9fbff;border-top:1px solid #edf1f9}.business-row{display:flex;align-items:center;gap:12px;padding:13px 22px;font-size:11px}.business-row>span{width:145px}.business-row>div{flex:1;height:7px;background:#f0f3fa;border-radius:5px}.business-row i{display:block;height:100%;background:#6688f6;border-radius:5px}.business-row b{min-width:48px;text-align:right}.factory-summary{padding-bottom:20px}.factory-total{padding:0 22px;font-size:12px;color:#7889a3}.factory-total strong{font-size:32px;color:#2d5ce3;margin-right:8px}.factory-summary>p,.factory-summary>small{padding:12px 22px;font-size:11px}.factory-summary>button{margin:8px 22px}.factory-numbers{display:flex;gap:30px;padding:10px 22px;color:#8797ad;font-size:11px}.factory-numbers b{font-size:21px;color:#243957;margin-right:5px}.pagination{display:flex;align-items:center;justify-content:flex-end;padding:15px 20px;gap:10px;font-size:11px}.pagination span{margin-right:auto}.pagination button{font-size:10px}@media(max-width:1000px){.journey-steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.journey-steps{grid-template-columns:1fr 1fr;padding:0 12px 12px}.customer-journey .panelhead{align-items:flex-start;flex-direction:column}.journey-steps strong{font-size:25px}.pagination{flex-wrap:wrap}}.province-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:20px;margin:0 0 22px}.map-canvas{position:relative;background:#f5f9fc;height:490px;overflow:hidden;border-block:1px solid #e9eff6}.map-canvas svg{width:100%;height:100%;touch-action:none;cursor:grab;user-select:none}.map-canvas svg:active{cursor:grabbing}.province-marker{cursor:pointer;outline:none}.province-marker:focus circle,.province-marker:hover circle{fill:#183eae;stroke:#ffc960;stroke-width:3}.map-controls{position:absolute;right:15px;top:15px;z-index:2;display:flex;flex-direction:column;gap:5px}.map-controls button{width:32px;height:32px;padding:6px;box-shadow:0 2px 8px #1b385012}.map-controls output{font-size:10px;text-align:center;background:#fff9;padding:5px;border-radius:4px;color:#6881a3}.map-hint{position:absolute;bottom:12px;left:12px;background:#ffffffe6;padding:7px 10px;border:1px solid #e1e9f1;border-radius:6px;font-size:9px;color:#7d8fa5;pointer-events:none}.map-credit{padding:12px 20px;font-size:8px;color:#8b9cb0;line-height:1.8}.map-credit a{color:#6885ad;text-decoration:none}.ranking-scroll{height:350px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bccbf0 #f6f8fc;border-block:1px solid #eef2f7}.ranking-row{height:70px;min-height:70px;width:100%;border:0;border-bottom:1px solid #f1f4f8;border-radius:0;display:flex;align-items:center;gap:13px;padding:10px 22px;text-align:left;scroll-snap-align:start}.ranking-row.selected{background:#f0f5ff}.ranking-row>.rank{display:flex;align-items:center;justify-content:center;width:23px;height:23px;flex-shrink:0;font-size:10px;background:#f4f6fa;color:#91a0b6;border-radius:5px}.ranking-row>.rank.top{background:#eaf0ff;color:#4771dc}.ranking-row>div{flex:1}.ranking-name{display:flex;justify-content:space-between;align-items:center;font-size:11px}.ranking-name strong{font-size:15px;color:#2a4e9b}.ranking-name small{display:inline;font-size:9px}.ranking-track{height:5px;background:#edf2fa;border-radius:4px;margin:6px 0}.ranking-track i{display:block;height:100%;background:linear-gradient(90deg,#4875ef,#8eabf6);border-radius:4px}.ranking-row small{font-size:8px}.ranking-footer{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;font-size:9px;color:#8b9db5;background:#fafbfe}.province-detail{padding:13px 22px}.province-detail h3{font-size:12px;margin:0}.province-detail-heading{display:flex;align-items:center;justify-content:space-between}.province-detail p{font-size:10px;margin:8px 0}.province-customer{display:block;width:100%;border:0;border-top:1px solid #eef2f8;border-radius:0;text-align:left;font-size:10px;padding:9px 0}.province-customer small{font-size:8px;margin-top:4px}.province-detail .pagination{padding:10px 0;font-size:9px}.province-detail .pagination button{font-size:9px;padding:5px 7px}@media(max-width:1000px){.province-grid{grid-template-columns:1fr}.map-canvas{height:460px}}@media(max-width:600px){.map-canvas{height:420px}.province-grid .panelhead,.ranking-row{padding-inline:15px}.province-grid h2{font-size:13px}}.filterbar{align-items:flex-start;gap:14px}.filterbar>.filters{align-items:flex-start;flex-wrap:wrap}.date-filter{position:relative;min-width:195px}.date-trigger{background:#fff;border:1px solid #dce4f1;padding:9px 12px!important;font-size:11px!important;min-width:195px;justify-content:flex-start}.date-trigger>svg:last-child{margin-left:auto}.date-trigger.expanded{border-color:#6589ed;background:#f7faff}.date-active-range{font-size:9px;line-height:1.6;margin-top:5px;color:#7f90aa;max-width:340px}.date-range-panel{position:absolute;z-index:35;top:40px;left:0;background:white;border:1px solid #dfe7f3;box-shadow:0 14px 50px #17345c25;border-radius:12px;padding:20px;width:440px;max-width:calc(100vw - 36px)}.date-panel-title{display:flex;justify-content:space-between;align-items:flex-start}.date-panel-title h3{margin:0;font-size:14px}.date-panel-title p{font-size:10px;margin-top:5px}.date-shortcuts{display:flex;flex-wrap:wrap;gap:6px;margin:17px 0 9px}.date-shortcuts button{font-size:10px!important;padding:7px 10px;border-radius:6px}.date-shortcuts .chosen{background:#ecf2ff;color:#315df4;border-color:#aac0fb}.date-explainer{font-size:9px;margin-bottom:16px;line-height:1.8}.date-fields{display:grid;grid-template-columns:1fr;gap:0}.date-fields label{font-size:11px;margin-bottom:12px}.date-fields input{width:100%;padding:10px!important;font-size:12px!important;color:#223e62}.date-month{display:flex;align-items:flex-end;gap:10px;border-top:1px solid #eef2f8;padding-top:15px;margin:15px 0 10px}.date-month label{flex:1;margin:0}.date-month input{width:100%;font-size:12px!important;padding:9px!important}.date-month button{margin-bottom:0;padding:10px;font-size:10px}.date-error{font-size:10px;color:#c34e51;margin:0 0 12px}.date-data-note{font-size:9px;margin:-2px 0 12px;color:#91a0b4}.date-range-panel .textbutton{display:inline-flex!important}@media(max-width:600px){.filterbar{flex-wrap:wrap}.date-filter,.date-trigger{min-width:180px}.date-range-panel{width:min(400px,calc(100vw - 36px));padding:16px}.date-data-note{font-size:8px}}.insights{margin-bottom:20px}.insights h2{display:flex;gap:8px;align-items:center}.insight-actions{display:flex;gap:10px;flex-wrap:wrap;padding:0 22px}.insight-disclosure{padding:14px 22px;font-size:11px;color:#7889a3}.insight-result{padding:22px;border-top:1px solid #e4ebff;background:#fafbff;border-radius:0 0 12px 12px}.insight-result h3{margin:0 0 10px}.insight-result p{font-size:12px;line-height:1.9;color:#526580}.insight-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:18px 0}.insight-grid article{background:white;border:1px solid #e4ebff;padding:18px;border-radius:10px}.insight-result h4{font-size:13px;margin:0 0 10px}.insight-provinces{display:flex;flex-wrap:wrap;gap:9px;margin:15px 0}.insight-provinces span{padding:9px 13px;border:1px solid #dce5ff;border-radius:8px;background:white;font-size:12px}.insight-provinces b{color:#2d5ce3;margin-left:8px}.insight-footnote{border-top:1px solid #e4ebff;padding-top:14px}.insight-scope{color:#2d5ce3!important}.customer-journey .panelhead{padding:16px 20px}.journey-steps{gap:8px;padding:0 20px 14px}.journey-steps button{position:relative;padding:10px 12px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 8px;min-height:78px}.journey-label{grid-column:1;font-size:10px;justify-content:flex-start;gap:8px}.journey-label svg{width:12px;height:12px}.journey-steps strong{grid-column:2;grid-row:1/3;font-size:24px;margin:0;white-space:nowrap}.journey-steps b{grid-column:1;grid-row:2;font-size:12px;line-height:1.5}.journey-steps p{display:none}.journey-note{padding:8px 20px;line-height:1.6}@media(max-width:600px){.journey-steps{padding:0 12px 12px}.journey-steps button{padding:9px;min-height:76px}.journey-steps strong{font-size:21px}.journey-steps b{font-size:11px}.customer-journey .panelhead{padding:14px 12px}}.business-scroll{max-height:280px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.business-scroll .business-row{height:56px;box-sizing:border-box;padding:10px 22px}.business-scroll .business-row>span{line-height:1.4;flex-shrink:0}.business-scroll-hint{font-size:10px;color:#7889a3;padding:12px 22px;border-top:1px solid #edf1f9}.business-scroll:focus-visible{outline:2px solid #6688f6;outline-offset:-2px}.sidebar{background:#fff;color:#475569;border-right:1px solid #e2e8f0}.sidebar .brand{color:#152238}.sidebar .brand small,.sidebar .nav-label{color:#64748b}.sidebar .workspace{border-color:#e2e8f0;background:#f8fafc;color:#334155}.sidebar .workspace-icon{background:#edf2ff;border-color:#d6e1ff;color:#315df4}.sidebar small{color:#64748b}.sidebar .nav{color:#526176}.sidebar .nav:hover{background:#eff4ff;color:#244bce}.sidebar .nav.active{background:#2e5cee;color:#fff;box-shadow:0 4px 12px #315df41a}.sidebar .nav em{background:#edf1f7;color:#526176}.sidebar .nav.active em{background:#ffffff26;color:#fff}.sidebar .sidebar-bottom{color:#526176}.sidebar .profile{border-color:#e2e8f0;color:#334155}.sidebar .profile .avatar{border-color:#dce5f5;background:#edf2ff;color:#315df4}.theme-toggle{font-size:11px;white-space:nowrap;padding:8px 10px;flex-shrink:0}.theme-light-label,.theme-sun{display:none}[data-theme=dark] .theme-light-label,[data-theme=dark] .theme-sun{display:inline}[data-theme=dark] .theme-dark-label,[data-theme=dark] .theme-moon{display:none}html[data-theme=dark]{color-scheme:dark;--surface:#172235;--raised:#1d2b42;--border:#304057;--muted:#a5b4ca;--text:#e5edf8;--accent:#9bb9ff}[data-theme=dark] body{background:#0c1422;color:var(--text)}[data-theme=dark] :is(button,input,select,textarea,.panel,header,.drawer,.modal,.mode,.date-range-panel,.insight-grid article,.insight-provinces span){background:var(--surface);color:var(--text);border-color:var(--border)}[data-theme=dark] button:hover{background:#253751;border-color:#607ca9}[data-theme=dark] :is(p,small,label,dt,td,.filters,.search,.iconbtn,.textbutton,.breadcrumb,.notice,.eyebrow,footer,.legend,.chart-summary span,.yaxis,.bar-group>span,.chart-foot,.footnote,.factory-total,.factory-numbers,.date-active-range,.date-data-note,.journey-label,.journey-note,.business-scroll-hint,.insight-disclosure,.insight-result p,.map-credit,.ranking-footer,.empty){color:var(--muted)}[data-theme=dark] :is(.breadcrumb b,td:first-child,.workstats strong,.factory-numbers b){color:var(--text)}[data-theme=dark] :is(.sidebar,.sidebar .workspace,.sidebar .profile){background:#111c2d;color:var(--text);border-color:var(--border)}[data-theme=dark] .sidebar .brand{color:#f4f7ff}[data-theme=dark] .sidebar :is(small,.nav-label,.sidebar-bottom,.nav){color:var(--muted)}[data-theme=dark] .sidebar .nav:hover{background:#22344f;color:#fff}[data-theme=dark] :is(.primary,.stat.featured,.sidebar .nav.active){background:#315de5;color:#fff;border-color:#315de5}[data-theme=dark] .primary:hover{background:#3c6af3}[data-theme=dark] :is(.stat.featured small,.stat.featured>div:first-child){color:#e0e9ff}[data-theme=dark] :is(.sidebar .workspace-icon,.sidebar .profile .avatar,.avatar,.clienticon,.softicon,.workicon,.count,.search kbd,.sidebar .nav em,.chart-summary b){background:#243652;color:#b8ceff;border-color:#3b5275}[data-theme=dark] .sidebar .nav.active em{background:#ffffff26;color:#fff}[data-theme=dark] :is(th,.column,.integration,.journey-steps button,.journey-note,.insight-result,.ranking-footer,.date-trigger.expanded){background:#131f32;border-color:var(--border)}[data-theme=dark] th{color:#b4c3d9}[data-theme=dark] :is(td,.planrow,.chart-foot,.ranking-scroll,.ranking-row,.province-customer,.date-month,.business-scroll-hint,.insight-footnote,dl,.history){border-color:var(--border)}[data-theme=dark] :is(tbody tr:hover,.ranking-row.selected,.date-shortcuts .chosen){background:#263a5b;color:#c3d6ff}[data-theme=dark] :is(.journey-steps strong,.factory-total strong,.ranking-name strong,.insight-provinces b,.map-credit a,.integration button){color:var(--accent)}[data-theme=dark] .insight-scope{color:var(--accent)!important}[data-theme=dark] :is(.date-fields input,.date-month input){color:var(--text)}[data-theme=dark] :is(.bar-track,.funneltrack,.business-row>div,.ranking-track){background:#28374e}[data-theme=dark] .bars{background:repeating-linear-gradient(0deg,transparent 0,transparent 57px,#304057 58px,#304057 59px)}[data-theme=dark] .blue,[data-theme=dark] .ranking-row>.rank.top{background:#243c64;color:#b5cdff}[data-theme=dark] .amber{background:#43371f;color:#f4d28a}[data-theme=dark] .green{background:#173e35;color:#93e0be}[data-theme=dark] .red{background:#492c36;color:#ffb0b9}[data-theme=dark] .w1{background:#352b51;color:#c7b4ff}[data-theme=dark] .w2{background:#43371f;color:#f4d28a}[data-theme=dark] .w3{background:#173e35;color:#93e0be}[data-theme=dark] .ranking-row>.rank{background:#28374e;color:#b4c3d9}[data-theme=dark] .map-canvas{background:#101c2c;border-color:var(--border)}[data-theme=dark] .map-canvas path{fill:#2c4362;stroke:#607794}[data-theme=dark] .map-canvas path[fill="#a7c0ff"]{fill:#5275ac}[data-theme=dark] #mapdots circle{fill:#30435c}[data-theme=dark] :is(.map-hint,.map-controls output){background:#172235ed;color:#c0cde0;border-color:var(--border)}[data-theme=dark] .ranking-scroll{scrollbar-color:#536b92 #172235}[data-theme=dark] .overlay{background:#030813b8}[data-theme=dark] .toast{background:#263c5c;border:1px solid #55749f;color:#fff}[data-theme=dark] .settings a{color:#a9c4ff}[data-theme=dark] :focus-visible{outline:2px solid #9bb9ff;outline-offset:2px}@media(max-width:600px){.theme-toggle{padding:7px}.theme-toggle span{display:none!important}.header-right{gap:9px}}.ceo-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.ceo-note{font-size:11px;margin:-8px 0 20px;line-height:1.8}.ceo-finance-dashboard{display:grid;gap:20px;min-width:0}.ceo-finance-dashboard .panel{padding:22px;min-width:0}.ceo-finance-dashboard .panelhead{padding:0 0 18px}.finance-intro{display:flex;flex-wrap:wrap;gap:16px;align-items:start}.finance-intro h2{font-size:22px;margin:10px 0 5px}.finance-actions{display:flex;gap:8px;margin-left:auto;flex-wrap:wrap}.finance-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%}.finance-filter-grid label{display:grid;gap:6px;font-size:11px}.finance-intro details,.finance-meta{width:100%;font-size:11px}.finance-intro summary{cursor:pointer;font-weight:600}.finance-intro details p{margin-top:8px}.finance-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.finance-kpi{display:flex;flex-direction:column;align-items:stretch;text-align:left;justify-content:flex-start;padding:20px;min-width:0;gap:10px;min-height:155px}.finance-kpi span{font-size:12px}.finance-kpi strong{font-size:clamp(17px,1.6vw,26px);letter-spacing:-.6px;overflow-wrap:anywhere}.finance-kpi small{font-size:11px;line-height:1.65}.finance-kpi.profit-card{border-color:#4c7bff;background:#eef3ff}.finance-efficiency{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.finance-efficiency strong{font-size:19px}.finance-ratio{display:grid;grid-template-columns:200px 80px 1fr 85px;width:100%;gap:12px;text-align:left;border:0;margin-bottom:6px;background:transparent;padding:12px 0}.finance-ratio>div{height:10px;background:#edf1f8;border-radius:7px;position:relative}.finance-ratio i{display:block;background:#4f7cff;border-radius:7px;height:100%}.finance-ratio em{position:absolute;top:-4px;width:2px;height:18px;background:#e8a449}.finance-ratios>p{font-size:11px;margin-top:12px}.finance-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.finance-breakdown{width:100%;justify-content:space-between;gap:10px;padding:14px 0;border:0;border-bottom:1px solid #e6ebf2;border-radius:0;background:transparent;text-align:left}.finance-breakdown b{white-space:nowrap}.finance-muted{padding:14px 0;font-size:12px}.finance-legend{display:flex;gap:22px;flex-wrap:wrap;font-size:11px}.finance-legend span:first-child{color:#4f7cff}.finance-legend span:nth-child(2){color:#c98b2e}.finance-legend span:last-child{color:#20a481}.finance-chart{overflow-x:auto}.finance-chart svg{width:100%;min-width:600px;height:auto;display:block}.finance-months{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:3px}.finance-months button{font-size:10px;padding:7px 2px}.finance-alert{display:flex;justify-content:flex-start;width:100%;gap:12px;text-align:left;margin:8px 0;flex-wrap:wrap}.finance-alert>span:last-child{margin-left:auto;font-size:11px}.finance-detail>p{margin-bottom:18px}.finance-detail .filters{margin-bottom:16px;flex-wrap:wrap}.finance-detail .filters input{min-width:180px}.finance-detail table{min-width:780px}.finance-next p{font-size:12px}.finance-next h3{margin-top:10px}.finance-next .finance-two{gap:10px 30px}.ceo-finance-dashboard td{white-space:normal}.ceo-finance-dashboard th{white-space:nowrap}.ceo-finance-dashboard .textbutton{text-align:left;white-space:normal}.ceo-finance-dashboard .tablewrap{max-width:100%}[data-theme=dark] .finance-kpi.profit-card{background:#21375c;border-color:#658bff}[data-theme=dark] .finance-ratio>div{background:#2b3b54}[data-theme=dark] .finance-breakdown{border-color:#304057}[data-theme=dark] .finance-breakdown,[data-theme=dark] .finance-ratio{background:transparent}[data-theme=dark] .finance-legend span:nth-child(2){color:#edac51}@media(max-width:1100px){.finance-efficiency,.finance-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-two{grid-template-columns:1fr}.finance-ratio{grid-template-columns:170px 70px 1fr 70px}.finance-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.ceo-finance-dashboard .panel{padding:15px}.finance-efficiency,.finance-kpis{gap:9px}.finance-kpi{padding:13px;min-height:150px}.finance-kpi strong{font-size:18px}.finance-filter-grid{grid-template-columns:1fr}.finance-ratio{grid-template-columns:1fr 75px}.finance-ratio>div{grid-column:1}.finance-actions{margin:0}.finance-months{grid-template-columns:repeat(4,minmax(0,1fr))}.finance-intro h2{font-size:19px}}.heading-actions button[hidden]{display:none}.finance-entry fieldset{border:0;padding:0;min-width:0;display:grid;gap:12px}.finance-entry{max-height:90vh;overflow:auto}.ceo-finance-dashboard pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;font-size:11px;max-height:400px;overflow:auto}.ceo-finance-dashboard details{padding:10px 0}.ceo-finance-dashboard form{display:grid;gap:12px}.ceo-finance-dashboard input,.ceo-finance-dashboard select{max-width:100%}.ceo-finance-dashboard .finance-alert{flex-wrap:wrap}.ceo-finance-dashboard .finance-alert button{white-space:normal;text-align:left}.ceo-finance-dashboard .finance-kpi{overflow-wrap:anywhere}.ceo-finance-dashboard label{display:grid;gap:6px}.ceo-finance-dashboard .finance-actions{margin-top:12px}.finance-entry small{font-size:11px;line-height:1.6}.ceo-finance-dashboard dd{margin:0 0 8px;overflow-wrap:anywhere}.ceo-finance-dashboard dt{font-size:11px;color:#8392ab}.company-finance-intro{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:8px 20px;align-items:center}.company-finance-intro>.panelhead{grid-column:1;align-items:center}.company-finance-intro>.finance-source{grid-column:1/-1;padding:0}.company-finance-intro .finance-meta,.company-finance-intro h2{margin:8px 0}.company-finance-intro .finance-actions{margin:0}.company-finance-intro summary{font-size:11px;cursor:pointer}@media(max-width:700px){.company-finance-intro{grid-template-columns:1fr}.company-finance-intro>.panelhead{flex-wrap:wrap}.company-finance-intro>label{grid-column:1}.company-finance-intro .finance-actions{margin-left:0}}.six-month-panel{margin-bottom:24px}.six-month-panel .six-month-picker{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.six-month-panel td,.six-month-panel th{white-space:nowrap}.six-month-panel td small{display:block;font-size:11px;opacity:.7}.six-month-panel details{margin-top:12px;line-height:1.8}.six-month-panel .tablewrap{max-width:100%;overflow-x:auto}.six-month-panel h2{margin-top:10px}.overview-actions{display:grid;gap:20px;margin-bottom:24px}.overview-intro h2{font-size:28px;margin:12px 0 6px}.overview-intro p,.overview-note{color:var(--muted);line-height:1.8}.overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.overview-count{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:18px;border:1px solid var(--border);border-radius:12px;gap:8px;background:transparent;color:inherit}.overview-count strong{font-size:28px}.overview-count small{line-height:1.6}.overview-metric{display:flex;flex-direction:column;align-items:flex-start;text-align:left;border:0;background:none;color:inherit;padding:0;width:100%;gap:12px}.overview-metric strong small{font-size:14px}.overview-target{display:flex;align-items:center;gap:8px;font-size:12px;margin:16px 0 8px}.overview-target input{min-width:0;width:105px;padding:8px}.overview-detail{position:fixed;z-index:60;inset:12% 8%;overflow:auto;box-shadow:0 0 0 100vmax #0009;background:var(--surface,#172235)}.overview-actions .stat>small{line-height:1.7;display:block}.overview-actions .bottomgrid{margin:0}@media(max-width:700px){.overview-intro h2{font-size:23px}.overview-grid{grid-template-columns:1fr 1fr}.overview-count{padding:12px}.overview-detail{inset:8% 4%}}.permission-preview{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--border);background:var(--surface);border-radius:12px;margin-bottom:24px;flex-wrap:wrap}.permission-preview small{display:block;color:var(--muted);margin-top:4px}.permission-preview select{max-width:100%}.permission-controls{display:flex;gap:20px;align-items:end;flex-wrap:wrap;margin:24px 0}.permission-controls label{display:grid;gap:8px}.permission-controls form{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.permissions td select{min-width:115px}.permission-no,.permission-yes{display:block;margin-top:6px}.permission-yes{color:#22c997}.permission-no{color:var(--muted)}.permissions input[type=checkbox]{width:20px;height:20px;accent-color:#315de9}.drawer fieldset{border:0;padding:0;margin:0;min-width:0}.drawer fieldset:disabled{opacity:.6}[hidden]{display:none!important}