@import "https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&family=IBM+Plex+Sans+Thai:wght@300;400;500;600;700&display=swap";.card-spotlight{--mouse-x:50%;--mouse-y:50%;--spotlight-color:#ffffff1f}.card-spotlight:after{content:"";background:radial-gradient(circle 180px at var(--mouse-x) var(--mouse-y), var(--spotlight-color), transparent 80%);opacity:0;pointer-events:none;border-radius:inherit;z-index:1;transition:opacity .4s;position:absolute;inset:0}.card-spotlight:hover:after{opacity:1}:root{--bg-primary:#f5f5f0;--bg-card:#fff;--bg-card-hover:#fafaf7;--border-subtle:#0000000d;--border-warm:#1677ff26;--text-primary:#1a1a1a;--text-secondary:#4b5563;--text-muted:#6b7280;--text-heading:#111;--accent-gold:#1677ff;--accent-gold-soft:#1677ff1a;--accent-amber:#4096ff;--accent-emerald:#16a34a;--accent-emerald-soft:#16a34a1a;--accent-sky:#1677ff;--accent-sky-soft:#1677ff14;--accent-rose:#dc2626;--accent-rose-soft:#dc262614;--accent-violet:#7c3aed;--accent-orange:#ea580c;--accent-orange-soft:#ea580c14;--accent-cyan:#0891b2;--shadow-card:0 1px 4px #0000000d;--shadow-elevated:0 8px 24px #00000012;--font-heading:"Kanit", "IBM Plex Sans Thai", sans-serif;--font-body:"IBM Plex Sans Thai", "Kanit", sans-serif;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;font-family:var(--font-body);color:var(--text-primary);background:var(--bg-primary);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.65}*,:before,:after{box-sizing:border-box}body{background:var(--bg-primary);margin:0;overflow-x:hidden}.sidebar-brand-logo{background:linear-gradient(135deg, var(--accent-sky), var(--accent-amber));width:32px;height:32px;font-family:var(--font-heading);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.sidebar-user-avatar{background:linear-gradient(135deg, var(--accent-sky), var(--accent-amber));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:600;display:flex}.page-container{padding:28px 32px;animation:.4s both fadeInUp}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.page-header h1{font-family:var(--font-heading);color:var(--text-heading);letter-spacing:-.3px;margin:0 0 4px;font-size:22px;font-weight:700}.page-header p{color:var(--text-muted);margin:0;font-size:13px}.kpi-grid{grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px;display:grid}.kpi-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;padding:20px;transition:all .2s;display:flex;position:relative;overflow:hidden}.kpi-card-glow{background:color-mix(in srgb, var(--kpi-accent,var(--accent-gold)) 7%, transparent);pointer-events:none;z-index:0;border-radius:50%;width:90px;height:90px;position:absolute;bottom:-20px;right:-20px}.kpi-card:hover{box-shadow:var(--shadow-elevated);transform:translateY(-1px)}.kpi-card-header{z-index:2;justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex;position:relative}.kpi-icon{background:color-mix(in srgb, var(--kpi-accent,var(--accent-gold)) 12%, transparent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.kpi-icon .anticon{color:var(--kpi-accent,var(--accent-gold));font-size:18px}.kpi-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.7px;padding-top:2px;font-size:11px;font-weight:500}.kpi-value{font-family:var(--font-body);color:var(--text-heading);letter-spacing:-.5px;z-index:2;margin-top:auto;font-size:28px;font-weight:700;line-height:1.1;position:relative}.kpi-value.gold{color:#d97706}.section-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.section-card-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.section-card-header h3{font-family:var(--font-heading);color:var(--text-heading);letter-spacing:.1px;margin:0;font-size:14px;font-weight:600}.section-card-body{padding:16px 20px}.charts-grid{grid-template-columns:3fr 2fr;gap:16px;margin-bottom:16px;display:grid}.analytics-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.status-stack-bar{border-radius:6px;gap:2px;height:10px;display:flex;overflow:hidden}.status-stack-segment{border-radius:3px;min-width:3px;transition:width .7s cubic-bezier(.4,0,.2,1)}.status-list{flex-direction:column;gap:2px;display:flex}.status-row{cursor:default;border-radius:6px;align-items:center;gap:10px;padding:7px 8px;transition:background .15s;display:flex}.status-row:hover{background:var(--bg-hover)}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-label{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}.status-bar-track{background:var(--border-subtle);border-radius:3px;flex-shrink:0;width:72px;height:5px;overflow:hidden}.status-bar-fill{border-radius:3px;min-width:2px;height:100%;transition:width .7s cubic-bezier(.4,0,.2,1)}.status-count{color:var(--text-primary);font-variant-numeric:tabular-nums;text-align:right;flex-shrink:0;width:36px;font-size:12px;font-weight:600}.status-pct{color:var(--text-muted);font-variant-numeric:tabular-nums;text-align:right;flex-shrink:0;width:30px;font-size:11px}.mp-badge{border:1px solid var(--border-subtle);background:#00000008;border-radius:4px;align-items:center;gap:5px;padding:2px 7px;font-size:11px;font-weight:500;display:inline-flex}.login-page{background:var(--bg-primary);min-height:100vh;display:flex}.login-left{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:48px;display:flex;position:relative}.login-right{background:var(--bg-card);border-left:1px solid var(--border-subtle);flex-direction:column;justify-content:center;width:440px;padding:56px 40px;display:flex;box-shadow:-4px 0 24px #0000000a}.login-brand{text-align:center;margin-bottom:48px}.login-brand h1{font-family:var(--font-heading);color:var(--text-heading);margin:0;font-size:44px;font-weight:700}.login-brand p{color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;margin:8px 0 0;font-size:14px;font-weight:400}.login-form-title{font-family:var(--font-heading);color:var(--text-heading);margin:0 0 28px;font-size:22px;font-weight:600}.filter-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.back-link{color:var(--text-muted);align-items:center;gap:6px;margin-bottom:20px;font-size:12px;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.back-link:hover{color:var(--accent-gold)}.order-card-list{display:none}.order-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-card);color:inherit;margin-bottom:10px;padding:14px 16px;text-decoration:none;transition:box-shadow .2s;display:block}.order-card:active{box-shadow:var(--shadow-elevated)}.order-card-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.order-card-id{color:var(--accent-gold);font-size:14px;font-weight:600}.order-card-body{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:13px;display:flex}.order-card-amount{color:var(--text-heading);font-variant-numeric:tabular-nums;font-size:15px;font-weight:600}.order-card-meta{color:var(--text-muted);align-items:center;gap:12px;margin-top:6px;font-size:12px;display:flex}@media (width<=768px){.order-card-list{display:block}.order-table-desktop{display:none}}.detail-grid{grid-template-columns:1fr 1fr;gap:0 24px;display:grid}.detail-field{border-bottom:1px solid var(--border-subtle);padding:14px 0}.detail-field-label{text-transform:uppercase;letter-spacing:.7px;color:var(--text-muted);margin-bottom:4px;font-size:11px;font-weight:500}.detail-field-value{color:var(--text-primary);font-size:14px;font-weight:500;line-height:1.5}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.stagger-1{animation:.4s 30ms both fadeInUp}.stagger-2{animation:.4s 60ms both fadeInUp}.stagger-3{animation:.4s 90ms both fadeInUp}.stagger-4{animation:.4s .12s both fadeInUp}.stagger-5{animation:.4s .15s both fadeInUp}.stagger-6{animation:.4s .18s both fadeInUp}.stagger-7{animation:.4s .21s both fadeInUp}.stagger-8{animation:.4s .24s both fadeInUp}.kpi-change{z-index:2;align-items:center;gap:6px;margin-top:10px;display:flex;position:relative}.kpi-change-badge{border-radius:20px;align-items:center;gap:3px;padding:2px 7px;font-size:11px;font-weight:600;display:inline-flex}.kpi-change-badge.up{color:var(--accent-emerald);background:#10b9811a}.kpi-change-badge.down{color:var(--accent-rose);background:#ef44441a}.kpi-change-badge.neutral{color:var(--text-muted);background:#0000000a}.kpi-change-badge .anticon{font-size:9px}.kpi-change-label{color:var(--text-muted);font-size:11px;font-weight:400}.change-badge{border-radius:var(--radius-sm);white-space:nowrap;align-items:center;gap:3px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-flex}.change-badge.up{color:var(--accent-emerald);background:var(--accent-emerald-soft)}.change-badge.down{color:var(--accent-rose);background:var(--accent-rose-soft)}@media (width>=1600px){.page-container{padding:36px 48px}}@media (width<=1400px){.kpi-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.charts-grid,.analytics-grid{grid-template-columns:1fr}}@media (width<=991px){.page-container{padding-top:56px}}@media (width<=768px){.page-container{padding:68px 16px 20px}.page-header{flex-direction:column;align-items:stretch}.page-header h1{font-size:20px}.page-header .ant-picker-range{width:100%}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:12px}.kpi-card{padding:16px}.kpi-icon{border-radius:8px;width:34px;height:34px}.kpi-icon .anticon{font-size:15px}.kpi-value{font-size:22px}.charts-grid,.analytics-grid,.detail-grid{grid-template-columns:1fr}.filter-toolbar{flex-direction:column;align-items:stretch}.filter-toolbar .ant-input,.filter-toolbar .ant-select,.filter-toolbar .ant-picker{width:100%!important}.filter-toolbar .amount-range-group{width:100%}.filter-toolbar .amount-range-group .ant-input-number{flex:1;width:auto!important}.section-card-header,.section-card-body{padding:12px 16px}.login-page{flex-direction:column}.login-left{padding:32px 24px}.login-brand{margin-bottom:24px}.login-brand h1{font-size:32px}.login-right{border-left:none;border-top:1px solid var(--border-subtle);width:100%;box-shadow:none;padding:32px 24px}.ant-picker-dropdown .ant-picker-panel-container{max-width:100vw;overflow-x:auto}.ant-picker-dropdown .ant-picker-panels{flex-direction:column}}