@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--bg-primary:#05060d;--bg-secondary:#0b0e1a;--bg-tertiary:#141a2e;--bg-card:#0f14268c;--accent-teal:#22f5d3;--accent-teal-glow:#22f5d32e;--accent-indigo:#7c8bff;--accent-indigo-glow:#7c8bff33;--accent-coral:#ff4d7d;--accent-coral-glow:#ff4d7d2e;--accent-emerald:#2bf58a;--accent-emerald-glow:#2bf58a29;--accent-amber:#ffc24b;--accent-amber-glow:#ffc24b29;--accent-violet:#b96bff;--accent-violet-glow:#b96bff2e;--grad-brand:linear-gradient(120deg, #7c8bff 0%, #22f5d3 50%, #b96bff 100%);--grad-brand-soft:linear-gradient(120deg, #7c8bffe6, #22f5d3e6);--text-primary:#f4f7ff;--text-secondary:#c3cbe6;--text-muted:#6b7596;--border-subtle:#7c8bff1f;--border-focus:#7c8bff99;--glass-border:#8ca0ff1a;--glass-shadow:0 10px 40px -8px #000000b3;--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-display:"Space Grotesk", "Plus Jakarta Sans", sans-serif;--font-mono:"JetBrains Mono", monospace;--transition-smooth:all .32s cubic-bezier(.22, 1, .36, 1);--transition-fast:all .16s ease;--border-radius-sm:10px;--border-radius-md:14px;--border-radius-lg:22px;--border-radius-full:9999px;box-sizing:border-box}*,:before,:after{box-sizing:inherit}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;margin:0;padding:0;line-height:1.5;position:relative;overflow-x:hidden}body:before{content:"";z-index:-2;pointer-events:none;filter:blur(24px);background:radial-gradient(40% 38% at 18% 18%,#7c8bff1c,#0000 60%),radial-gradient(36% 34% at 82% 22%,#22f5d314,#0000 60%),radial-gradient(44% 40% at 70% 84%,#b96bff17,#0000 60%),radial-gradient(38% 36% at 24% 88%,#ff4d7d0f,#0000 60%);animation:34s ease-in-out infinite alternate auroraDrift;position:fixed;inset:-20%}body:after{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#7c8bff06 1px,#0000 1px),linear-gradient(90deg,#7c8bff06 1px,#0000 1px);background-size:46px 46px;animation:40s linear infinite gridPan;position:fixed;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 30%,#000 40%,#0000 100%);mask-image:radial-gradient(80% 70% at 50% 30%,#000 40%,#0000 100%)}@keyframes auroraDrift{0%{transform:translate(0,0)scale(1)}50%{transform:translate(2%,-2%)scale(1.08)}to{transform:translate(-2%,2%)scale(1.04)}}@keyframes gridPan{0%{background-position:0 0,0 0}to{background-position:46px 46px,46px 46px}}#root{flex-direction:column;min-height:100vh;display:flex}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:linear-gradient(var(--accent-indigo), var(--accent-teal));border-radius:var(--border-radius-full);border:2px solid var(--bg-primary)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(var(--accent-teal), var(--accent-violet))}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);margin:0;font-weight:700}a{color:var(--accent-indigo);transition:var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-teal)}.text-gradient,.brand-gradient{background:var(--grad-brand);-webkit-text-fill-color:transparent;color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:6s infinite gradientShift}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(20px)saturate(140%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow), inset 0 1px 0 #ffffff0d;border-radius:var(--border-radius-lg);transition:var(--transition-smooth);padding:24px;position:relative;overflow:hidden}.glass-panel:before{content:"";background:linear-gradient(90deg, transparent, var(--accent-indigo), var(--accent-teal), transparent);opacity:.35;height:1px;position:absolute;top:0;left:12%;right:12%}.glass-panel-hover{cursor:default}.glass-panel-hover:hover{border-color:#7c8bff38;transform:translateY(-3px);box-shadow:0 14px 40px -12px #000000b3,inset 0 1px #ffffff0f}.form-group{text-align:left;flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-label{color:var(--text-secondary);letter-spacing:.06em;text-transform:uppercase;font-size:13px;font-weight:600}.form-input,.form-select{border:1px solid var(--border-subtle);border-radius:var(--border-radius-sm);color:var(--text-primary);font-family:var(--font-sans);transition:var(--transition-smooth);background:#080c1ab3;width:100%;padding:12px 16px;font-size:15px}.form-select{cursor:pointer}.form-input:focus,.form-select:focus{border-color:var(--accent-indigo);box-shadow:0 0 0 3px var(--accent-indigo-glow), 0 0 18px -4px var(--accent-indigo-glow);background:#080c1ae6;outline:none}.form-input::placeholder{color:var(--text-muted)}.btn{font-family:var(--font-sans);border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-smooth);white-space:nowrap;letter-spacing:.01em;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-primary:after,.btn-teal:after,.btn-danger:after{content:"";background:linear-gradient(100deg,#0000,#ffffff59,#0000);width:60%;height:100%;transition:left .6s;position:absolute;top:0;left:-120%;transform:skew(-20deg)}.btn-primary:hover:after,.btn-teal:hover:after,.btn-danger:hover:after{left:140%}.btn-primary{background:linear-gradient(135deg, var(--accent-indigo), var(--accent-violet));color:#fff;box-shadow:0 5px 16px -8px var(--accent-indigo-glow), 0 0 0 1px #7c8bff38 inset}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 22px -8px #7c8bff73}.btn-primary:active{transform:translateY(0)}.btn-teal{background:linear-gradient(135deg, var(--accent-teal), #0fb8a0);color:#00231e;box-shadow:0 5px 16px -8px var(--accent-teal-glow)}.btn-teal:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 22px -8px #22f5d373}.btn-secondary{border-color:var(--border-subtle);color:var(--text-secondary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#7c8bff0f}.btn-secondary:hover:not(:disabled){color:var(--text-primary);box-shadow:0 0 16px -6px var(--accent-indigo-glow);background:#7c8bff1f;border-color:#7c8bff66}.btn-danger{background:linear-gradient(135deg, var(--accent-coral), #c81e54);color:#fff;box-shadow:0 5px 16px -8px var(--accent-coral-glow)}.btn-danger:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 22px -8px #ff4d7d73}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-sm{border-radius:var(--border-radius-sm);padding:8px 16px;font-size:13px}.badge{border-radius:var(--border-radius-full);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge-success{background:var(--accent-emerald-glow);color:var(--accent-emerald);border:1px solid #2bf58a40}.badge-danger{background:var(--accent-coral-glow);color:var(--accent-coral);border:1px solid #ff4d7d40}.badge-warning{background:var(--accent-amber-glow);color:var(--accent-amber);border:1px solid #ffc24b40}.badge-info{background:var(--accent-indigo-glow);color:var(--accent-indigo);border:1px solid #7c8bff40}.badge-teal{background:var(--accent-teal-glow);color:var(--accent-teal);border:1px solid #22f5d340}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulseGlowing{0%{box-shadow:0 0 6px var(--accent-teal-glow)}50%{box-shadow:0 0 22px 2px var(--accent-teal)}to{box-shadow:0 0 6px var(--accent-teal-glow)}}@keyframes scanningLine{0%{top:0%}50%{top:100%}to{top:0%}}@keyframes blinkCursor{0%,to{opacity:1}50%{opacity:0}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animate-fade-in{animation:.5s cubic-bezier(.22,1,.36,1) forwards fadeInUp}.animate-pulse-glow{animation:2s ease-in-out infinite pulseGlowing}.animate-float{animation:4s ease-in-out infinite floaty}.animate-fade-in>*{animation:.5s cubic-bezier(.22,1,.36,1) backwards fadeInUp}.animate-fade-in>:first-child{animation-delay:20ms}.animate-fade-in>:nth-child(2){animation-delay:60ms}.animate-fade-in>:nth-child(3){animation-delay:.1s}.animate-fade-in>:nth-child(4){animation-delay:.14s}.animate-fade-in>:nth-child(5){animation-delay:.18s}.animate-fade-in>:nth-child(6){animation-delay:.22s}.custom-table-container{border-radius:var(--border-radius-md);border:1px solid var(--border-subtle);background:#080c1a73;overflow-x:auto}.custom-table{border-collapse:collapse;text-align:left;width:100%}.custom-table th{text-transform:uppercase;letter-spacing:.06em;color:var(--accent-indigo);border-bottom:1px solid var(--border-subtle);background:#141a2ed9;padding:15px 16px;font-size:12px;font-weight:700}.custom-table td{color:var(--text-primary);border-bottom:1px solid var(--border-subtle);padding:15px 16px;font-size:14px}.custom-table tbody tr:hover td{background:#7c8bff09}.custom-table tr:last-child td{border-bottom:none}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:30px;display:grid}.kpi-card{position:relative;overflow:hidden}.kpi-card:before{content:"";background:var(--accent-indigo);width:3px;height:100%;box-shadow:0 0 8px -1px var(--accent-indigo);position:absolute;top:0;left:0}.kpi-card:after{content:"";opacity:.5;background:radial-gradient(circle, var(--accent-indigo-glow), transparent 70%);pointer-events:none;width:180px;height:180px;position:absolute;top:-40%;right:-20%}.kpi-card.kpi-teal:before{background:var(--accent-teal);box-shadow:0 0 8px -1px var(--accent-teal)}.kpi-card.kpi-teal:after{background:radial-gradient(circle, var(--accent-teal-glow), transparent 70%)}.kpi-card.kpi-emerald:before{background:var(--accent-emerald);box-shadow:0 0 8px -1px var(--accent-emerald)}.kpi-card.kpi-emerald:after{background:radial-gradient(circle, var(--accent-emerald-glow), transparent 70%)}.kpi-card.kpi-coral:before{background:var(--accent-coral);box-shadow:0 0 8px -1px var(--accent-coral)}.kpi-card.kpi-coral:after{background:radial-gradient(circle, var(--accent-coral-glow), transparent 70%)}.kpi-card.kpi-amber:before{background:var(--accent-amber);box-shadow:0 0 8px -1px var(--accent-amber)}.kpi-card.kpi-amber:after{background:radial-gradient(circle, var(--accent-amber-glow), transparent 70%)}.kpi-val{font-family:var(--font-display);letter-spacing:-.03em;margin:10px 0 5px;font-size:32px;font-weight:700;line-height:1.1}.kpi-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:600}.kpi-change{align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.kpi-change.up{color:var(--accent-emerald)}.kpi-change.down{color:var(--accent-coral)}.ai-terminal{border-radius:var(--border-radius-md);font-family:var(--font-mono);color:#8ff5dc;max-height:300px;box-shadow:inset 0 2px 18px #000000d9, 0 0 24px -10px var(--accent-teal-glow);text-align:left;background:#03050b;border:1px solid #22f5d32e;padding:18px;font-size:13px;overflow-y:auto}.ai-terminal-line{opacity:.95;margin-bottom:6px;line-height:1.4;animation:.2s ease-out fadeIn}.ai-terminal-cursor{background:var(--accent-teal);width:8px;height:15px;box-shadow:0 0 8px var(--accent-teal);vertical-align:middle;margin-left:4px;animation:1s infinite blinkCursor;display:inline-block}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9000;background:#03050bbf;justify-content:center;align-items:flex-start;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-content{border:1px solid var(--border-subtle);box-shadow:var(--glass-shadow);border-radius:var(--border-radius-lg);background:linear-gradient(#141a2efa,#0b0e1afa);width:100%;max-width:600px;margin:0 auto;animation:.32s cubic-bezier(.22,1,.36,1) fadeInUp;position:relative;overflow:hidden}.modal-content:before{content:"";background:var(--grad-brand);opacity:.6;height:2px;position:absolute;top:0;left:0;right:0}.modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-body{padding:24px}.modal-footer{border-top:1px solid var(--border-subtle);background:#0003;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.app-container{min-height:100vh;display:flex}.sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--border-subtle);z-index:100;background:linear-gradient(#0b0e1aeb,#080b16f5);flex-direction:column;width:260px;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0}.sidebar.nav-ready{transition:var(--transition-smooth)}.main-content{flex:1;height:100vh;padding:40px;overflow-y:auto}.nav-link{color:var(--text-secondary);border-radius:var(--border-radius-sm);transition:var(--transition-fast);cursor:pointer;align-items:center;gap:12px;margin-bottom:6px;padding:12px 16px;font-weight:500;display:flex}.nav-link:hover{color:var(--text-primary);background:#7c8bff14;transform:translate(3px)}.nav-link.active{background:linear-gradient(90deg, var(--accent-indigo-glow), transparent);color:var(--text-primary);border-left:3px solid var(--accent-teal);box-shadow:inset 0 0 18px -8px var(--accent-indigo-glow);font-weight:600}@media print{body{color:#000!important;background:#fff!important}body:before,body:after,.sidebar,.btn,.no-print,.modal-footer{display:none!important}.main-content{width:100%!important;margin:0!important;padding:0!important}.modal-overlay{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;padding:0!important;position:absolute!important}.modal-content{box-shadow:none!important;border:none!important;width:100%!important;max-width:100%!important;max-height:100%!important;overflow:visible!important}}.mobile-header,.nav-overlay{display:none}@media (width<=1024px){.app-container{flex-direction:column}.mobile-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border-subtle);z-index:200;background:#0b0e1ad9;justify-content:space-between;align-items:center;height:56px;padding:12px 16px;display:flex;position:sticky;top:0}.mobile-header-brand{align-items:center;gap:10px;font-size:18px;font-weight:800;display:flex}.hamburger-btn{cursor:pointer;color:var(--text-primary);touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;display:flex}.hamburger-btn:hover{background:#7c8bff1a}.sidebar{z-index:300;border-right:1px solid var(--border-subtle);border-bottom:none;width:260px;height:100vh;padding:24px 16px;position:fixed;top:0;left:-280px;overflow-y:auto}.sidebar.nav-ready{transition:left .25s}.sidebar.nav-open{left:0}.nav-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:250;opacity:0;pointer-events:none;background:#03050b99;transition:opacity .25s;display:block;position:fixed;inset:0}.nav-overlay.nav-open{opacity:1;pointer-events:all}.main-content{height:calc(100vh - 56px);padding:20px}}@media (width<=768px){.main-content{padding:12px}.kpi-val{font-size:22px}.dash-charts-row,.dash-bottom-row{grid-template-columns:1fr!important}.dash-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.dash-header-actions{flex-wrap:wrap;gap:8px;width:100%;display:flex}.dash-period-filter{width:100%;overflow-x:auto}.modal-content{border-radius:var(--border-radius-md)!important;max-width:100%!important;margin:0!important}.inventory-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (prefers-reduced-motion:reduce){body:before,body:after,.text-gradient,.brand-gradient,.animate-float,.animate-pulse-glow{animation:none!important}*{transition-duration:.01ms!important}}