*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #16a34a;--primary-dark: #15803d;--primary-light: #4ade80;--primary-glow: rgba(22, 163, 74, .15);--accent: #f59e0b;--accent-dark: #d97706;--accent-light: #fcd34d;--danger: #ef4444;--danger-dark: #dc2626;--warning: #f97316;--info: #3b82f6;--bg-main: #0a0f0d;--bg-base: #0a0f0d;--bg-surface: #111814;--bg-card: #161e19;--bg-elevated: #1c2820;--bg-hover: #1f2f25;--border: rgba(255, 255, 255, .06);--border-hover: rgba(22, 163, 74, .3);--text-primary: #f0fdf4;--text-secondary: #86efac;--text-muted: #6b7280;--text-subtle: #4b5563;--gradient-primary: linear-gradient(135deg, #16a34a 0%, #15803d 100%);--gradient-gold: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--gradient-blue: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--gradient-card: linear-gradient(160deg, rgba(22, 163, 74, .08) 0%, rgba(0,0,0,0) 60%);--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 4px 16px rgba(0,0,0,.5);--shadow-lg: 0 8px 32px rgba(0,0,0,.6);--shadow-glow: 0 0 24px rgba(22, 163, 74, .2);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--sidebar-width: 260px;--font-base: "Inter", system-ui, sans-serif;--font-display: "Outfit", system-ui, sans-serif}html,body{height:100%;background:var(--bg-base);color:var(--text-primary);font-family:var(--font-base);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#16a34a4d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#16a34a80}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}button{font-family:var(--font-base);cursor:pointer;border:none;background:none}input,select,textarea{font-family:var(--font-base)}.bg-main{background:var(--bg-base)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.card-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--border)}.card-title{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--text-primary);margin:0}.card-badge{font-size:11px;padding:3px 10px;border-radius:12px;background:var(--primary-glow);color:var(--primary-light);border:1px solid rgba(22,163,74,.2)}.link-btn{font-size:12px;color:var(--primary-light);text-decoration:none;transition:color .2s}.link-btn:hover{color:var(--primary);text-decoration:underline}.status-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.02em;white-space:nowrap}.s-pending{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.2)}.s-confirmed{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.2)}.s-packing{background:#8b5cf626;color:#a78bfa;border:1px solid rgba(139,92,246,.2)}.s-ready-to-ship{background:#ec489926;color:#f472b6;border:1px solid rgba(236,72,153,.2)}.s-to-be-picked{background:#06b6d426;color:#22d3ee;border:1px solid rgba(6,182,212,.2)}.s-in-transit{background:#22d3ee1f;color:#67e8f9;border:1px solid rgba(34,211,238,.2)}.s-delivered{background:#16a34a26;color:#4ade80;border:1px solid rgba(22,163,74,.2)}.s-cancelled{background:#6b728026;color:#9ca3af;border:1px solid rgba(107,114,128,.2)}.kpi-trend{font-size:11px;font-weight:600}.kpi-trend.up{color:#4ade80}.kpi-trend.down{color:#f87171}.page-scroll{overflow-y:auto}html,body{overflow-x:hidden}@media(max-width:768px){html{font-size:13px}.card-header{flex-direction:column;align-items:flex-start;gap:10px;padding:14px 16px}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.kpi-grid{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:480px){.kpi-grid{grid-template-columns:1fr!important}}