.dashboard-shell[data-dashboard-design=true],.dashboard-redesign{--bg-base:#faf8fb;--border-light:#e9e1ec;--text-primary:#352c3b;--text-secondary:#65516f;--text-muted:#89798e;--pink-50:#fcedf4;--pink-100:#f8deeb;--pink-300:#e58cb6;--pink-400:#d95394;--pink-500:#ce4085;--pink-600:#ad286d;letter-spacing:0}.dashboard-shell[data-dashboard-design=true]>.dashboard-content>header{border-bottom:1px solid var(--border-light);background:#fff;padding-inline:20px}.dashboard-shell[data-dashboard-design=true]>.dashboard-content>header button{box-shadow:none;border-radius:6px}.dashboard-shell[data-dashboard-design=true]>.dashboard-content>main{padding:18px 24px 28px}.dashboard-shell[data-dashboard-design=true] .dashboard-sidebar>div{box-shadow:none;border-width:0 1px 0 0;border-radius:0;margin:0}.dashboard-shell[data-dashboard-design=true] .dashboard-sidebar nav{padding:8px 10px}.dashboard-shell[data-dashboard-design=true] .dashboard-sidebar nav a,.dashboard-shell[data-dashboard-design=true] .dashboard-sidebar nav button{box-shadow:none;color:#75647f;border-radius:5px;padding:10px 12px;font-size:13px}.dashboard-shell[data-dashboard-design=true] .dashboard-sidebar nav a[aria-current=page]{color:#b52970;background:#fbeaf2;box-shadow:inset 3px 0 #cf3c83}.dashboard-shell[data-dashboard-design=true] .dashboard-sidebar>div>div[class*=mx-3]{background:#fff;border-radius:6px}.dashboard-redesign{max-width:1740px;color:var(--text-primary);margin:auto;font-size:14px}.dashboard-redesign button{cursor:pointer}.dashboard-redesign button:disabled{cursor:default;opacity:.55}.dashboard-redesign button:focus-visible,.dashboard-redesign select:focus-visible{outline-offset:3px;outline:2px solid #cb3c87}.dashboard-redesign strong{font-variant-numeric:tabular-nums}.dashboard-redesign svg{flex-shrink:0}.dash-page-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.dash-page-heading h1{font-size:23px;font-weight:750;line-height:1.35}.dash-page-heading p{color:var(--text-muted);margin-top:4px;font-size:12px}.dash-view-options{color:var(--text-muted);align-items:center;gap:8px;font-size:12px;display:flex}.dash-color-swatch{color:#8f336b;border:2px solid #fff;border-radius:50%;outline:1px solid #e1d5e2;place-items:center;width:24px;height:24px;display:grid}.dash-color-swatch[aria-pressed=true]{outline:2px solid #ce4085}.dash-vivid{background:#f4bfda}.dash-soft{background:#fff}.dash-date-toolbar{margin-bottom:12px}.dash-date-toolbar>div{justify-content:space-between}.dash-date-toolbar>div>div:first-child{border-radius:5px;order:2}.dash-date-toolbar>div>div[aria-label=ช่วงวันที่ด่วน]{order:1}.dash-date-toolbar>div>div[aria-label=ช่วงวันที่ด่วน] button{border-radius:5px;min-height:38px;padding:7px 14px;font-size:12px}.dash-finance-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.dash-finance-kpi{border:1px solid var(--edge);border-top:3px solid var(--tone);background:var(--tint);text-align:left;border-radius:7px;flex-direction:column;min-width:0;min-height:124px;padding:14px 16px 12px;display:flex}.dash-finance-kpi:hover:not(:disabled){border-color:var(--tone)}.dash-finance-kpi.dash-pink{--tone:#ce4085;--tint:#fff0f7;--edge:#f3d5e5}.dash-finance-kpi.dash-amber{--tone:#b4801b;--tint:#fff8e7;--edge:#f0e3c2}.dash-finance-kpi.dash-green{--tone:#21876f;--tint:#ecf8f2;--edge:#cce9db}.dash-kpi-top{color:var(--tone);align-items:center;gap:10px;width:100%;font-size:13px;font-weight:600;display:flex}.dash-kpi-top>svg:last-child{opacity:.7;margin-left:auto}.dash-metric-icon{background:var(--tone);color:#fff;border-radius:6px;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.dash-finance-kpi>strong{color:var(--tone);overflow-wrap:anywhere;margin-top:8px;font-size:26px;line-height:1.25}.dash-finance-kpi>small{color:#887386;margin-top:5px;font-size:12px;line-height:1.5}.dashboard-redesign[data-color=light] .dash-finance-kpi{background:#fff}.dashboard-redesign[data-color=light] .dash-metric-icon{background:var(--tint);color:var(--tone)}.dashboard-redesign[data-color=light] .dash-finance-kpi>strong{color:#49314f}.dash-cash-strip{border-bottom:1px solid var(--border-light);flex-wrap:wrap;align-items:center;gap:17px;padding:8px 0 9px;font-size:12px;display:flex}.dash-cash-strip button{align-items:center;gap:8px;min-height:26px;display:flex}.dash-cash-strip button:first-child strong{color:#c75566}.dash-strip-line{background:#dfd4e3;width:1px;height:16px}.dash-strip-note{color:#89798e;margin-left:auto;font-size:12px}.dash-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.dash-dot.dash-pink{background:#d7428b}.dash-dot.dash-amber{background:#efb64a}.dash-dot.dash-green{background:#279d82}.dash-dot.dash-red{background:#cb5968}.dash-activity-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:10px 0;display:grid}.dash-activity-summary>button{text-align:left;border-right:1px solid var(--border-light);align-items:center;gap:10px;min-width:0;min-height:50px;padding-right:14px;display:flex}.dash-activity-summary>button:last-child{border-right:0}.dash-small-icon{border-radius:7px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.dash-teal{color:#24958f;background:#e3f5f4}.dash-blue{color:#5485c8;background:#e9f0fc}.dash-violet{color:#9270bf;background:#f0eafa}.dash-activity-copy>span{color:#84728c;font-size:12px;display:block}.dash-activity-copy strong{margin-top:2px;font-size:22px;line-height:1.2;display:block}.dash-activity-copy strong small{color:#93839b;font-size:12px;font-weight:400}.dash-activity-summary em{color:#a57e2f;white-space:nowrap;margin-left:auto;font-size:12px;font-style:normal}.dash-activity-summary>button>svg{color:#a590ad;margin-left:auto}.dash-charts-row{grid-template-columns:minmax(0,1.75fr) minmax(315px,1fr);gap:17px;margin-top:4px;display:grid}.dash-chart-tool,.dash-production-tool{border:1px solid var(--border-light);background:#fff;border-radius:7px;min-width:0;padding:16px 18px 0;overflow:hidden}.dash-section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.dash-section-heading h2{align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.dash-section-heading p{color:var(--text-muted);margin-top:5px;font-size:12px;line-height:1.5}.dash-segmented{background:#f6f2f7;border-radius:5px;gap:2px;padding:3px;display:flex}.dash-segmented button{white-space:nowrap;color:#89768f;border-radius:4px;min-height:32px;padding:5px 12px;font-size:12px}.dash-segmented button[aria-pressed=true]{color:#be3a7e;background:#fff;font-weight:600;box-shadow:0 1px 3px #352c3b10}.dash-chart-meta{justify-content:space-between;align-items:center;gap:12px;min-height:34px;display:flex}.dash-chart-meta>strong{font-size:21px}.dash-chart-legend{color:#8c7b94;align-items:center;gap:12px;font-size:12px;display:flex}.dash-chart-legend>span{align-items:center;gap:4px;display:flex}.dash-icon-button{color:#84718e;border-radius:5px;flex-shrink:0;place-items:center;width:34px;height:34px;display:inline-grid}.dash-icon-button:hover{background:#f8edf4}.dash-trend-plot{min-width:0;height:171px;margin-top:9px}.dash-chart-inspect{border-top:1px solid var(--border-light);align-items:center;gap:10px;min-height:46px;font-size:12px;display:flex}.dash-chart-inspect label{color:#88738f;align-items:center;gap:7px;display:flex}.dash-chart-inspect select{background:#faf7fb;border-radius:4px;max-width:135px;min-height:32px;padding:6px;font-size:12px}.dash-chart-inspect>strong{white-space:nowrap;margin-left:auto}.dash-chart-inspect button{color:#b33b7c;white-space:nowrap;align-items:center;gap:4px;min-height:36px;display:flex}.dash-production-body{align-items:center;gap:4px;min-height:208px;display:flex}.dash-donut-wrap{flex-shrink:0;width:46%;height:168px;position:relative}.dash-donut-center{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.dash-donut-center strong{font-size:30px;line-height:1.2}.dash-donut-center span{color:var(--text-muted);margin-top:4px;font-size:12px}.dash-production-legend{flex:1;min-width:0}.dash-production-legend button{text-align:left;align-items:center;gap:6px;width:100%;min-height:29px;padding:3px 0;font-size:12px;display:flex}.dash-production-legend button>span{white-space:nowrap}.dash-production-legend strong{margin-left:auto;font-size:13px}.dash-production-legend svg{color:#b3a7b9}.dash-ready-banner{color:#3a896b;background:#f3faf5;border-top:1px solid #d9e9de;align-items:center;gap:7px;width:calc(100% + 36px);min-height:44px;margin:0 -18px;padding:10px 18px;font-size:12px;display:flex}.dash-ready-banner strong{white-space:nowrap;margin-left:auto}.dash-live-dot{vertical-align:middle;background:#38a481;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.dash-branch-section{border-bottom:1px solid var(--border-light);margin-top:26px;padding-bottom:22px}.dash-small-label{color:#8d7b98;font-size:12px}.dash-table-scroll{overflow-x:auto}.dash-branch-section table{border-collapse:collapse;width:100%;font-size:12px}.dash-branch-section th{color:#90789c;text-align:right;white-space:nowrap;background:#f6f1f7;border-bottom:1px solid #e9dfec;padding:11px 12px;font-weight:500}.dash-branch-section th:first-child,.dash-branch-section td:first-child{text-align:left}.dash-branch-section td{text-align:right;white-space:nowrap;border-bottom:1px solid #ede6f0;padding:14px 12px}.dash-branch-section td button{font-variant-numeric:tabular-nums;min-height:24px}.dash-branch-section td button:hover{text-decoration:underline}.dash-branch-name{color:#685075;align-items:center;gap:6px;font-weight:600;display:flex}.dash-branch-name svg{color:#b491ac}.dash-pink-text{color:#ce4085}.dash-green-text{color:#268c73}.dash-amber-text{color:#a56a0a}.dash-red-text{color:#c75566}.dash-blue-text{color:#5485c8!important}.dash-teal-text{color:#259b93}.dash-strong{font-weight:700}.dash-operations-row{grid-template-columns:1fr 1fr;gap:28px;margin-top:24px;display:grid}.dash-operations-row>section{min-width:0}.dash-text-link{color:#c14582;white-space:nowrap;align-items:center;gap:4px;min-height:34px;font-size:12px;display:flex}.dash-appointment-list{scrollbar-width:thin;max-height:370px;overflow:auto}.dash-appointment-list>button{border-bottom:1px solid var(--border-light);text-align:left;align-items:center;gap:13px;width:100%;min-height:68px;padding:10px 0;display:flex}.dash-time-cell{border-right:1px solid var(--border-light);flex-shrink:0;width:80px}.dash-time-cell strong{color:#218f89;font-size:15px;display:block}.dash-time-cell>span{color:#8c7895;margin-top:4px;font-size:12px;display:block}.dash-appointment-copy{flex:1;min-width:0}.dash-appointment-copy strong{overflow-wrap:anywhere;font-size:14px;display:block}.dash-appointment-copy>span,.dash-appointment-copy small{color:#8c7895;margin-top:4px;font-size:12px;display:block}.dash-status{white-space:nowrap;border-radius:4px;padding:4px 8px;font-size:12px}.dash-stock-list>button{border-bottom:1px solid var(--border-light);text-align:left;align-items:center;gap:15px;width:100%;min-height:68px;padding:10px 0;display:flex}.dash-stock-name{flex:1;min-width:0}.dash-stock-name strong{overflow-wrap:anywhere;font-size:14px;display:block}.dash-stock-name>span{color:#947d9c;margin-top:5px;font-size:12px;display:block}.dash-stock-meter{text-align:right;flex-shrink:0;width:90px}.dash-stock-meter>span{background:#eee7ed;border-radius:3px;height:5px;display:block;overflow:hidden}.dash-stock-meter i{height:100%;display:block}.dash-stock-meter small{color:#947d9c;margin-top:6px;font-size:12px;display:block}.dash-stock-list>button>strong{text-align:right;min-width:42px;font-size:19px}.dash-stock-list>button>strong small{font-size:12px;font-weight:400}.dash-stock-footer{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;gap:12px;padding:14px 0;font-size:12px;display:flex}.dash-stock-footer strong{color:#75617e}.dash-error-banner{color:#a24759;background:#fff0f3;border:1px solid #f1ccd2;border-radius:5px;align-items:center;gap:10px;margin-bottom:14px;padding:12px;font-size:13px;display:flex}.dash-error-banner button{white-space:nowrap;align-items:center;gap:5px;margin-left:auto;text-decoration:underline;display:flex}.dash-empty{text-align:center;color:#89768f;place-items:center;width:100%;height:100%;min-height:140px;padding:20px;font-size:13px;display:grid}.dash-record-dialog{color:#352c3b;background:#fff;border:1px solid #e9e1ec;border-radius:8px;width:800px;max-width:calc(100vw - 32px);max-height:85dvh;margin:auto;padding:0;position:fixed;overflow:auto;box-shadow:0 16px 60px #39243a24}.dash-record-dialog::backdrop{background:#34213755}.dash-record-dialog header{z-index:2;background:#fff;border-bottom:1px solid #e9e1ec;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex;position:sticky;top:0}.dash-record-dialog h2{font-size:18px;font-weight:700}.dash-record-dialog header p{color:#89768f;margin-top:6px;font-size:12px}.dash-record-table{max-height:60vh;padding:0 22px;overflow:auto}.dash-record-table table{border-collapse:collapse;width:100%;font-size:13px}.dash-record-table th{text-align:left;color:#89768f;background:#f6f1f7;padding:12px;font-weight:500;position:sticky;top:0}.dash-record-table td{vertical-align:top;border-bottom:1px solid #ede6f0;padding:14px 12px}.dash-record-table small{color:#89768f;margin-top:4px;font-size:12px;display:block}.dash-record-dialog footer{background:#fff;border-top:1px solid #e9e1ec;justify-content:space-between;align-items:center;padding:14px 22px;font-size:13px;display:flex;position:sticky;bottom:0}.dash-record-dialog footer a{color:#ad286d;align-items:center;gap:6px;min-height:36px;display:flex}@media (min-width:768px){.dashboard-shell[data-dashboard-design=true] .dashboard-sidebar{width:212px!important}.dashboard-shell[data-dashboard-design=true]>.dashboard-content{margin-left:212px}.dashboard-shell[data-dashboard-design=true][data-sidebar-collapsed=true] .dashboard-sidebar{width:82px!important}.dashboard-shell[data-dashboard-design=true][data-sidebar-collapsed=true]>.dashboard-content{margin-left:82px}}@media (min-width:1600px){.dash-trend-plot{height:229px}.dash-production-body{min-height:266px}.dash-donut-wrap{height:200px}.dash-finance-kpi{min-height:140px}.dash-finance-kpi>strong{font-size:30px}}@media (max-width:1200px){.dashboard-shell[data-dashboard-design=true]>.dashboard-content>main{padding:18px}.dash-finance-grid{gap:10px}.dash-finance-kpi{padding:14px 12px 12px}.dash-finance-kpi>strong{font-size:23px}.dash-activity-summary{gap:10px}.dash-activity-summary em{display:none}.dash-charts-row{grid-template-columns:minmax(0,1.45fr) minmax(290px,1fr);gap:12px}.dash-chart-tool,.dash-production-tool{padding:16px 12px 0}.dash-segmented button{padding:5px 8px}.dash-donut-wrap{width:44%;height:154px}.dash-production-legend button{gap:4px}.dash-ready-banner{width:calc(100% + 24px);margin:0 -12px;padding:10px 12px}.dash-chart-legend,.dash-chart-inspect{gap:6px;font-size:11px}.dash-chart-inspect select{max-width:120px}.dash-strip-note{display:none}.dash-branch-section th,.dash-branch-section td{padding:12px 8px}.dash-operations-row{gap:20px}.dash-stock-meter{width:64px}.dash-kpi-top{gap:7px;font-size:12px}}@media (min-width:768px) and (max-width:1100px){.dashboard-shell[data-dashboard-design=true] .dashboard-sidebar{width:188px!important}.dashboard-shell[data-dashboard-design=true]>.dashboard-content{margin-left:188px}.dashboard-shell[data-dashboard-design=true] .dashboard-sidebar nav a,.dashboard-shell[data-dashboard-design=true] .dashboard-sidebar nav button{font-size:12px}.dash-activity-copy>span,.dash-finance-kpi>small{font-size:11px}.dash-section-heading h2{font-size:14px}.dash-production-tool .dash-section-heading p{font-size:11px}.dash-chart-meta>strong{font-size:20px}.dash-chart-inspect label{gap:3px}.dash-production-legend button{font-size:11px}}@media (max-width:900px){.dash-charts-row{grid-template-columns:1fr}.dash-production-body{justify-content:center}.dash-donut-wrap{width:180px;height:180px}.dash-production-legend{max-width:220px}.dash-activity-summary{gap:8px}.dash-activity-summary>button{gap:6px;padding-right:8px}.dash-small-icon{width:28px;height:28px}.dash-operations-row{grid-template-columns:1fr}.dash-date-toolbar>div>div:first-child{order:1}.dash-date-toolbar>div>div[aria-label=ช่วงวันที่ด่วน]{order:2}.dash-branch-section .dash-section-heading{flex-wrap:wrap}}@media (max-width:767px){.dashboard-shell[data-dashboard-design=true]>.dashboard-content>main{padding:16px 12px}.dash-finance-grid{grid-template-columns:1fr}.dash-finance-kpi{min-height:120px}.dash-finance-kpi>strong{font-size:26px}.dash-activity-summary{grid-template-columns:1fr}.dash-activity-summary>button{border-right:0;border-bottom:1px solid var(--border-light);padding:8px 0}.dash-activity-summary em{display:block}.dash-page-heading{align-items:flex-start}.dash-page-heading p{line-height:1.6}.dash-view-options>span{display:none}.dash-cash-strip{gap:12px}.dash-strip-line{display:none}.dash-chart-inspect{flex-wrap:wrap;padding:6px 0}.dash-record-table{padding:0 12px}.dash-record-table table{min-width:500px}}