@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Outfit", sans-serif;--bg-deep:210 40% 98%;--bg-surface:0 0% 100%;--bg-surface-elevated:210 40% 96.1%;--primary:222.2 84% 4.9%;--primary-rgb:15, 23, 42;--secondary:161.8 93.5% 30.2%;--accent:250 89% 65%;--error:343 89% 55%;--text-primary:222.2 47.4% 11.2%;--text-secondary:215.4 16.3% 46.9%;--text-muted:215 20% 65%;--border-color:214.3 31.8% 91.4%;--border-glow:161.8 93.5% 30.2% / .15;--shadow-sm:0 1px 3px #0000000d, 0 1px 2px #0000001a;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #0f172a0d, 0 4px 6px -2px #0f172a05;--shadow-xl:0 20px 25px -5px #0f172a14;--transition-smooth:all .25s cubic-bezier(.4, 0, .2, 1);--transition-bounce:all .4s cubic-bezier(.175, .885, .32, 1.15)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:hsl(var(--bg-deep));color:hsl(var(--text-primary));font-family:var(--font-sans);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:hsl(var(--bg-deep))}::-webkit-scrollbar-thumb{background:hsl(var(--border-color));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:hsl(var(--secondary) / .4)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;color:hsl(var(--primary));font-weight:700;line-height:1.25}.container{max-width:1240px;margin:0 auto;padding:0 1.5rem}.glass-panel{background:hsl(var(--bg-surface));border:1px solid hsl(var(--border-color));box-shadow:var(--shadow-md);transition:var(--transition-smooth);border-radius:12px}.glass-panel:hover{border-color:hsl(var(--secondary) / .4);box-shadow:var(--shadow-lg)}.text-gradient{background:linear-gradient(135deg, hsl(var(--primary)) 20%, hsl(var(--secondary)) 60%, hsl(var(--accent)) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{font-family:var(--font-display);cursor:pointer;transition:var(--transition-bounce);border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.4rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:hsl(var(--primary));color:#fff;box-shadow:0 4px 10px #0f172a26}.btn-primary:hover{background:#1e293b;transform:translateY(-1.5px);box-shadow:0 6px 15px #0f172a40}.btn-secondary{background:hsl(var(--bg-surface-elevated));color:hsl(var(--primary));border-color:hsl(var(--border-color))}.btn-secondary:hover{background:#e2e8f0;border-color:#cbd5e1;transform:translateY(-1.5px)}.btn-accent{background:hsl(var(--secondary));color:#fff;box-shadow:0 4px 10px #05966933}.btn-accent:hover{background:#047857;transform:translateY(-1.5px);box-shadow:0 6px 15px #05966959}.input-field{background:hsl(var(--bg-surface));border:1px solid hsl(var(--border-color));width:100%;color:hsl(var(--text-primary));font-family:var(--font-sans);transition:var(--transition-smooth);border-radius:6px;padding:.75rem .9rem;font-size:.95rem}.input-field:focus{border-color:hsl(var(--secondary));box-shadow:0 0 0 3px hsl(var(--secondary) / .15);outline:none}.input-field:user-invalid{border-color:hsl(var(--error));box-shadow:0 0 0 3px hsl(var(--error) / .15)}.badge{text-transform:uppercase;letter-spacing:.02em;border-radius:4px;align-items:center;padding:.2rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-pending{color:#d97706;background:#fef3c7;border:1px solid #fde68a}.badge-analysis{color:#2563eb;background:#dbeafe;border:1px solid #bfdbfe}.badge-qc{color:#7c3aed;background:#f3e8ff;border:1px solid #e9d5ff}.badge-delivered{color:#059669;background:#d1fae5;border:1px solid #a7f3d0}.svg-container-3d{perspective:1200px}.svg-3d-layer{transition:transform .6s ease-out}.svg-container-3d:hover .svg-3d-layer{transform:rotateY(12deg)rotateX(10deg)}.glow-indicator{position:relative}.glow-indicator:after{content:"";background:hsl(var(--secondary));width:7px;height:7px;box-shadow:0 0 6px hsl(var(--secondary));border-radius:50%;animation:2.5s infinite pulse-glow;position:absolute;top:50%;right:-12px;transform:translateY(-50%)}@keyframes pulse-glow{0%{box-shadow:0 0 0 0 hsl(var(--secondary) / .7);transform:translateY(-50%)scale(.9)}70%{box-shadow:0 0 0 6px hsl(var(--secondary) / 0);transform:translateY(-50%)scale(1.15)}to{box-shadow:0 0 0 0 hsl(var(--secondary) / 0);transform:translateY(-50%)scale(.9)}}