:root{--text-primary: #333239;--text-secondary: #8a8a93;--chart-customer: #4351ac;--chart-order: #2f9e6b;--chart-grid: #eeedf4;--chart-tick: #a6a9a6;--chart-cursor: #c9c6dd;--chart-tooltip-bg: #ffffff;--chart-tooltip-border: #eeedf4;--chart-tooltip-shadow: rgba(24, 26, 48, .12)}html,body,#root{margin:0;padding:0;height:100%;background:#f0f0f7}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#d3d3e0;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#b9b9cb}::-webkit-scrollbar-track{background:transparent}.ant-table{border-radius:16px}.ant-card{border:none}.overdue-row td{background:#fff7ed!important}.wa-bubble{width:38px;height:38px;border:none;border-radius:50%;cursor:pointer;color:#fff;font-size:24px;display:inline-flex;align-items:center;justify-content:center;background:radial-gradient(circle at 32% 28%,#3ce47e,#25d366 55%,#1daf5a);box-shadow:0 2px 8px #25d36673;transition:filter .2s}.wa-bubble:hover{filter:brightness(1.08)}.wa-wiggle{animation:wa-ring 2.6s ease-in-out infinite;transform-origin:50% 50%}@keyframes wa-ring{0%,52%,to{transform:rotate(0)}58%{transform:rotate(-13deg)}64%{transform:rotate(11deg)}70%{transform:rotate(-8deg)}76%{transform:rotate(6deg)}82%{transform:rotate(-3deg)}88%{transform:rotate(0)}}.brand-logo{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#4351ac,#6b5fd6);color:#fff;font-weight:700;font-size:16px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 10px #4351ac59}.auth-page{min-height:100vh;display:flex}.auth-hero{flex:1.1;background:linear-gradient(150deg,#2a337f,#4351ac 55%,#6b5fd6);color:#fff;padding:64px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.auth-hero:before,.auth-hero:after{content:"";position:absolute;border-radius:50%;background:#ffffff14}.auth-hero:before{width:420px;height:420px;top:-140px;right:-120px}.auth-hero:after{width:260px;height:260px;bottom:-90px;left:-70px}.auth-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:48px 24px;background:#fff}.auth-feature{display:flex;align-items:center;gap:12px;margin-top:20px;font-size:15px;opacity:.92}.auth-feature-dot{width:28px;height:28px;border-radius:50%;background:#ffffff29;display:inline-flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}@media (max-width: 900px){.auth-hero{display:none}}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}.page-header h2{margin:0;font-size:20px;font-weight:600;color:#333239}.page-header .page-sub{margin-top:4px;color:#8a8a93;font-size:13px}.stat-card .ant-card-body{padding:20px}.stat-card{cursor:pointer;border-radius:16px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 1px 2px #181a300a,0 4px 14px #181a300d}.stat-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px #4351ac24}.stat-card-inner{display:flex;align-items:center;gap:14px}.stat-icon{width:46px;height:46px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;font-size:21px;color:#fff;flex-shrink:0;box-shadow:0 6px 14px #181a302e}.stat-body{min-width:0}.stat-title{font-size:13px;color:#8a8a93;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-value{font-size:26px;font-weight:700;color:#333239;line-height:1.3;letter-spacing:-.5px}.stat-value.danger{color:#d6455d}.stat-hint{font-size:12px;color:#b0b0bb;margin-top:2px}.chart-card .ant-card-body{padding:20px 20px 8px}.chart-card h3{margin:0 0 4px;font-size:15px;font-weight:600;color:#333239}.chart-card .chart-sub{font-size:12px;color:#8a8a93;margin-bottom:12px}.empty-state{--es-accent: #4351ac;--es-card: #f0f0f7;--es-stroke: #c1bcdd;--es-dot: #aca3d9;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.empty-state-title{margin-top:12px;font-size:15px;font-weight:600;color:var(--text-primary, #333239)}.empty-state-desc{margin-top:4px;font-size:13px;color:var(--text-secondary, #8a8a93)}.soft-tag{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:500;line-height:20px;white-space:nowrap}.btn-gradient{background:linear-gradient(135deg,#4351ac,#6b5fd6)!important;border:none!important;box-shadow:0 6px 16px #4351ac47}.btn-gradient:hover{opacity:.92;box-shadow:0 8px 20px #4351ac59}[data-theme=dark] html,[data-theme=dark] body,[data-theme=dark] #root{background:#0f0f17}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#3a3a4e}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#4a4a62}[data-theme=dark] .page-header h2{color:#e8e8f0}[data-theme=dark] .page-header .page-sub{color:#8a8a98}[data-theme=dark] .stat-value{color:#e8e8f0}[data-theme=dark] .stat-title{color:#8a8a98}[data-theme=dark] .stat-hint{color:#5a5a6a}[data-theme=dark] .stat-card{box-shadow:0 1px 2px #0000004d,0 4px 14px #0006}[data-theme=dark] .stat-card:hover{box-shadow:0 10px 28px #6b5fd640}[data-theme=dark] .chart-card h3{color:#e8e8f0}[data-theme=dark] .chart-card .chart-sub{color:#8a8a98}[data-theme=dark] .auth-panel{background:#14141f}[data-theme=dark] .overdue-row td{background:#d977061f!important}[data-theme=dark] .empty-state-title{color:#c8c8d4}[data-theme=dark] .empty-state-desc{color:#6a6a78}[data-theme=dark]{--text-primary: #e8e8f0;--text-secondary: #9a9aa8;--chart-customer: #8b85f0;--chart-order: #4ade80;--chart-grid: #2a2a3a;--chart-tick: #8a8a98;--chart-cursor: #3a3a52;--chart-tooltip-bg: #22223a;--chart-tooltip-border: #2a2a3a;--chart-tooltip-shadow: rgba(0, 0, 0, .4)}[data-theme=dark] .empty-state{--es-accent: #6b5fd6;--es-card: #22223a;--es-stroke: #3a3a52;--es-dot: #8a7fd0}.chart-tooltip{position:absolute;top:8px;background:var(--chart-tooltip-bg);border:1px solid var(--chart-tooltip-border);border-radius:12px;box-shadow:0 8px 24px var(--chart-tooltip-shadow);padding:8px 12px;font-size:13px;color:var(--text-primary);pointer-events:none;z-index:5;min-width:128px}.chart-tooltip-date{color:var(--text-secondary);font-size:12px;margin-bottom:4px}.chart-tooltip-row{display:flex;align-items:center;gap:6px;margin:2px 0;white-space:nowrap}.chart-tooltip-row .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.chart-tooltip-row b{margin-left:auto;padding-left:10px}.chart-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:13px}