@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@300;400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";
:root{--color-primary:#c2611a;--color-primary-light:#e88b3a;--color-primary-dark:#9a4c12;--color-primary-soft:#fbeddd;--color-secondary:#8a6a43;--color-secondary-light:#a98a63;--color-secondary-dark:#5e472b;--color-secondary-soft:#f1e8dc;--color-espresso:#33261a;--color-background:#f7f3ec;--color-surface:#fff;--color-surface-2:#fbf8f2;--color-muted:#f1eadf;--color-border:#ebe2d3;--color-border-strong:#ddd0bb;--color-text:#2a2018;--color-text-main:#2a2018;--color-text-muted:#8b7b67;--color-text-faint:#b3a794;--color-success:#3f8756;--color-success-soft:#e6f1e8;--color-warning:#c98a1e;--color-warning-soft:#f7ecd6;--color-danger:#c0492e;--color-danger-soft:#f6e4de;--gradient-brand:linear-gradient(120deg, #8a6a43 0%, #b25f24 55%, #e0812f 100%);--gradient-sidebar:linear-gradient(180deg, #3a2b1d 0%, #2c2013 100%);--shadow-xs:0 1px 2px #3a2b1d0f;--shadow-sm:0 1px 3px #3a2b1d14, 0 1px 2px #3a2b1d0d;--shadow-md:0 6px 16px -6px #3a2b1d24, 0 2px 6px -2px #3a2b1d14;--shadow-lg:0 18px 40px -12px #3a2b1d38;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--font-family:"IBM Plex Sans Thai", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-family);background-color:var(--color-background);color:var(--color-text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(1200px 500px at 100% -10%,#e0812f0d,#0000 60%),radial-gradient(900px 500px at -10% 0,#8a6a430d,#0000 55%);background-attachment:fixed;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}::selection{background:#c2611a38}*{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--color-border-strong);background-clip:content-box;border:3px solid #0000;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--color-secondary-light);background-clip:content-box}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}.container{max-width:1440px;margin:0 auto;padding:0 2rem}.card{background-color:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);padding:1.5rem;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative}.card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-strong)}.card-title{color:var(--color-secondary-dark);letter-spacing:-.01em;margin-bottom:1rem;font-size:1.0625rem;font-weight:600}.section-heading{color:var(--color-espresso);letter-spacing:-.02em;align-items:center;gap:.75rem;font-size:1.375rem;font-weight:700;display:flex}.section-heading:before{content:"";background:var(--gradient-brand);border-radius:99px;width:4px;height:1.4em}.kpi-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1.35rem 1.5rem;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden}.kpi-card:before{content:"";background:var(--accent,var(--gradient-brand));opacity:.9;width:4px;position:absolute;inset:0 auto 0 0}.kpi-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-strong);transform:translateY(-2px)}.kpi-header{align-items:center;gap:.85rem;margin-bottom:1.1rem;display:flex}.kpi-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.kpi-label{color:var(--color-text-muted);margin:0;font-size:.9375rem;font-weight:600}.kpi-value{color:var(--color-text-main);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:2.4rem;font-weight:700;line-height:1}.kpi-unit{color:var(--color-text-muted);margin-left:.3rem;font-size:.95rem;font-weight:500}.card table{border-collapse:collapse;text-align:left;width:100%;font-size:.9375rem}.card thead tr{border-bottom:1px solid var(--color-border-strong)!important}.card th{letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;font-size:.8125rem;font-weight:600;color:var(--color-text-muted)!important;padding:.85rem 1rem!important}.card td{border-bottom:1px solid var(--color-border);color:var(--color-text-main);font-variant-numeric:tabular-nums;padding:.85rem 1rem!important}.card tbody tr{transition:background-color .15s}.card tbody tr:hover{background-color:var(--color-surface-2)}.card tbody tr:last-child td{border-bottom:none}.badge{border-radius:99px;align-items:center;gap:.3rem;padding:.25rem .7rem;font-size:.8125rem;font-weight:600;line-height:1.4;display:inline-flex}.badge-success{color:var(--color-success);background:var(--color-success-soft)}.badge-danger{color:var(--color-danger);background:var(--color-danger-soft)}.badge-warning{color:var(--color-warning);background:var(--color-warning-soft)}.recharts-cartesian-grid line{stroke:var(--color-border)}.recharts-text{fill:var(--color-text-muted);font-size:12px}.recharts-default-tooltip{border-radius:var(--radius-sm)!important;border:1px solid var(--color-border-strong)!important;box-shadow:var(--shadow-md)!important;font-family:var(--font-family)!important}.stack{flex-direction:column;gap:1.5rem;display:flex}.stack-sm{flex-direction:column;gap:1rem;display:flex}.grid-kpi{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;display:grid}.grid-2,.grid-3{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (min-width:1024px){.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.col-span-2{grid-column:span 2}}@media (min-width:768px) and (max-width:1023px){.grid-3{grid-template-columns:repeat(2,1fr)}}.chart-h{width:100%;height:300px}.chart-h-sm{width:100%;height:240px}.table-scroll{border-radius:var(--radius-sm);max-height:460px;overflow:auto}.table-scroll table thead th{background:var(--color-surface);z-index:1;box-shadow:inset 0 -1px 0 var(--color-border-strong);position:sticky;top:0}.muted-note{color:var(--color-text-muted);font-size:.85rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-in{animation:.45s cubic-bezier(.22,1,.36,1) forwards fadeIn}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
.Layout-module__YDn9fa__shell{min-height:100dvh}.Layout-module__YDn9fa__sidebar{background:var(--gradient-sidebar);color:#f2e9dd;z-index:60;border-right:1px solid #ffffff0f;flex-direction:column;width:264px;height:100dvh;transition:transform .3s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;top:0;left:0}.Layout-module__YDn9fa__brand{border-bottom:1px solid #ffffff14;align-items:center;gap:.85rem;padding:1.5rem 1.25rem;display:flex}.Layout-module__YDn9fa__brandLogo{object-fit:contain;width:46px;height:46px;box-shadow:var(--shadow-sm);background:#fff;border-radius:10px;flex-shrink:0;padding:4px}.Layout-module__YDn9fa__brandText{color:#fff;letter-spacing:-.01em;font-size:1.05rem;font-weight:700;line-height:1.15}.Layout-module__YDn9fa__brandSubtext{color:var(--color-primary-light);letter-spacing:.04em;margin-top:2px;font-size:.72rem;font-weight:600}.Layout-module__YDn9fa__navGroupLabel{letter-spacing:.12em;text-transform:uppercase;color:#f2e9dd66;margin:1.25rem 0 .5rem;padding:0 1.5rem;font-size:.68rem;font-weight:700}.Layout-module__YDn9fa__nav{flex-direction:column;flex:1;gap:.2rem;padding:.5rem .85rem 1.5rem;display:flex;overflow-y:auto}.Layout-module__YDn9fa__navItem{color:#f2e9ddb8;cursor:pointer;border-radius:10px;align-items:center;gap:.8rem;padding:.7rem .9rem;font-size:.925rem;font-weight:500;transition:color .2s,background-color .2s;display:flex;position:relative}.Layout-module__YDn9fa__navItem:hover{color:#fff;background-color:#ffffff0f}.Layout-module__YDn9fa__navItem.Layout-module__YDn9fa__active{background:var(--gradient-brand);color:#fff;box-shadow:0 6px 16px -6px #e0812f99}.Layout-module__YDn9fa__navItem.Layout-module__YDn9fa__active .Layout-module__YDn9fa__icon{color:#fff}.Layout-module__YDn9fa__icon{flex-shrink:0;width:20px;height:20px}.Layout-module__YDn9fa__sidebarFooter{color:#f2e9dd73;border-top:1px solid #ffffff14;padding:1rem 1.5rem;font-size:.72rem;line-height:1.5}.Layout-module__YDn9fa__mainContent{min-height:100dvh;margin-left:264px}.Layout-module__YDn9fa__header{-webkit-backdrop-filter:saturate(160%)blur(12px);backdrop-filter:saturate(160%)blur(12px);border-bottom:1px solid var(--color-border);z-index:40;background:#ffffffd9;justify-content:space-between;align-items:center;gap:1rem;min-height:72px;padding:.75rem 2rem;display:flex;position:sticky;top:0}.Layout-module__YDn9fa__headerTitleWrap{flex-direction:column;min-width:0;display:flex}.Layout-module__YDn9fa__breadcrumb{letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary);font-size:.72rem;font-weight:600}.Layout-module__YDn9fa__headerTitle{color:var(--color-espresso);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.2rem;font-weight:700;line-height:1.2;overflow:hidden}.Layout-module__YDn9fa__headerRight{flex-shrink:0;align-items:center;gap:1rem;display:flex}.Layout-module__YDn9fa__datePill{background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-secondary-dark);white-space:nowrap;border-radius:99px;align-items:center;gap:.45rem;padding:.45rem .85rem;font-size:.8125rem;font-weight:600;display:flex}.Layout-module__YDn9fa__datePill .Layout-module__YDn9fa__icon{width:16px;height:16px;color:var(--color-primary)}.Layout-module__YDn9fa__iconButton{border:1px solid var(--color-border);background:var(--color-surface);width:40px;height:40px;color:var(--color-text-muted);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;transition:color .2s,background-color .2s,border-color .2s;display:flex}.Layout-module__YDn9fa__iconButton:hover{color:var(--color-primary);border-color:var(--color-border-strong);background:var(--color-surface-2)}.Layout-module__YDn9fa__menuButton{display:none}.Layout-module__YDn9fa__pageBody{padding:2rem}.Layout-module__YDn9fa__scrim{z-index:55;background:#33261a80;animation:.2s Layout-module__YDn9fa__fadeIn;display:none;position:fixed;inset:0}@media (max-width:1024px){.Layout-module__YDn9fa__sidebar{box-shadow:var(--shadow-lg);transform:translate(-100%)}.Layout-module__YDn9fa__sidebar.Layout-module__YDn9fa__open{transform:translate(0)}.Layout-module__YDn9fa__scrim.Layout-module__YDn9fa__show{display:block}.Layout-module__YDn9fa__mainContent{margin-left:0}.Layout-module__YDn9fa__menuButton{display:flex}}@media (max-width:640px){.Layout-module__YDn9fa__header{padding:.65rem 1rem}.Layout-module__YDn9fa__pageBody{padding:1.1rem}.Layout-module__YDn9fa__datePill{display:none}}