*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Noto Sans Thai,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0e1a;color:#e0e0e0}#root{min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#1a1f2e}::-webkit-scrollbar-thumb{background:#3a3f5e;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#5a5f8e}.ant-layout{background:#0a0e1a!important}.ant-layout-sider{background:linear-gradient(180deg,#111827,#0d1117)!important;border-right:1px solid rgba(255,255,255,.06)}.ant-layout-header{background:#111827cc!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06)}.stat-card{background:linear-gradient(135deg,#1e293bcc,#0f172ae6);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;transition:all .3s ease}.stat-card:hover{border-color:#6366f14d;transform:translateY(-2px);box-shadow:0 8px 32px #6366f11a}.stat-card .stat-value{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#818cf8,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-card .stat-label{font-size:.85rem;color:#94a3b8;margin-top:4px;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.stat-card.success .stat-value{background:linear-gradient(135deg,#34d399,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-card.danger .stat-value{background:linear-gradient(135deg,#f87171,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-card.info .stat-value{background:linear-gradient(135deg,#38bdf8,#0ea5e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-container{padding:24px;min-height:calc(100vh - 64px)}.page-header{margin-bottom:24px}.page-header h1{font-size:1.75rem;font-weight:700;color:#f1f5f9;margin:0}.page-header p{color:#94a3b8;margin-top:4px;font-size:.9rem}.chart-container{background:linear-gradient(135deg,#1e293b99,#0f172acc);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:24px;margin-top:24px}.chart-container h3{color:#f1f5f9;font-size:1rem;font-weight:600;margin-bottom:16px}.ant-table{background:transparent!important}.ant-table-thead>tr>th{background:#1e293b80!important;color:#94a3b8!important;border-bottom:1px solid rgba(255,255,255,.06)!important;font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.ant-table-tbody>tr>td{border-bottom:1px solid rgba(255,255,255,.04)!important;color:#cbd5e1!important}.ant-table-tbody>tr:hover>td{background:#6366f10d!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeInUp .5s ease-out forwards}.animate-fade-in:nth-child(1){animation-delay:0ms}.animate-fade-in:nth-child(2){animation-delay:.1s}.animate-fade-in:nth-child(3){animation-delay:.2s}.animate-fade-in:nth-child(4){animation-delay:.3s}.animate-fade-in:nth-child(5){animation-delay:.4s}