@keyframes ngp-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes ngp-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes ngp-spin{to{transform:rotate(360deg)}}@keyframes ngp-pop{0%{opacity:0;transform:scale(.96)}60%{opacity:1;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes ngp-pulse{0%{opacity:.6;transform:scale(1)}70%{opacity:0;transform:scale(2.4)}to{opacity:0;transform:scale(2.4)}}@media (width<=760px){.topbar nav{display:none}}*,:before,:after{box-sizing:border-box}:root{--ngp-purple-700:#4b65b1;--ngp-purple-600:#4b65b1;--ngp-purple-500:#8b4ba9;--ngp-purple-400:#8b4ba9;--ngp-purple-300:#c7c1ec;--ngp-bg:#fff;--ngp-bg-elevated:#f6f4ff;--ngp-surface-glass:#ffffffb3;--ngp-border-glass:#0f172a1f;--ngp-text-primary:#1a1236;--ngp-text-secondary:#4a427a;--ngp-accent:var(--ngp-purple-600);--background:0 0% 100%;--foreground:222.2 84% 4.9%;--card:0 0% 100%;--card-foreground:222.2 84% 4.9%;--popover:0 0% 100%;--popover-foreground:222.2 84% 4.9%;--primary:225 40% 49%;--primary-foreground:0 0% 100%;--secondary:225 40% 96%;--secondary-foreground:225 40% 35%;--muted:225 40% 96%;--muted-foreground:215.4 16.3% 46.9%;--accent:225 40% 96%;--accent-foreground:225 40% 35%;--destructive:0 72% 51%;--destructive-foreground:0 0% 100%;--border:214.3 31.8% 91.4%;--input:214.3 31.8% 91.4%;--ring:225 40% 49%;--radius:1rem;--ngp-space-1:4px;--ngp-space-2:8px;--ngp-space-3:12px;--ngp-space-4:16px;--ngp-space-5:20px;--ngp-space-6:24px;--ngp-space-7:28px;--ngp-space-8:32px;--ngp-touch-min:44px;--ngp-touch-target:44px;--ngp-font-heading:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--ngp-font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--ngp-font-mono:"JetBrains Mono", monospace;--ngp-focus-ring:0 0 0 2px var(--ngp-purple-500);--ngp-focus-ring-color:var(--ngp-purple-500);--ngp-focus-ring-width:2px;--ngp-letter-spacing-heading:-.03em;--ngp-radius-card:1rem;--ngp-surface:var(--ngp-bg);--ngp-surface-elevated:var(--ngp-bg-elevated);--ngp-surface-overlay:var(--ngp-surface-glass);--ngp-border:var(--ngp-border-glass);--ngp-border-subtle:#0f172a0f;--ngp-border-strong:#0f172a33;--ngp-elevation-0:none;--ngp-elevation-1:0 1px 3px #0f0a2d14;--ngp-elevation-2:0 4px 12px #0f0a2d1f;--ngp-elevation-3:0 8px 24px #0f0a2d29;--ngp-elevation-4:0 16px 48px #0f0a2d38;--ngp-shadow-glow:0 0 20px 0 #8b4ba973;--ngp-motion-duration-fast:.15s;--ngp-motion-duration-normal:.25s;--ngp-motion-duration-slow:.4s;--ngp-motion-easing-standard:cubic-bezier(.4, 0, .2, 1);--ngp-motion-easing-decelerate:cubic-bezier(0, 0, .2, 1);--ngp-motion-easing-accelerate:cubic-bezier(.4, 0, 1, 1);--ngp-glass-backdrop:blur(16px);--ngp-gradient-accent:linear-gradient(135deg, var(--ngp-purple-600), var(--ngp-purple-500))}:root[data-theme=dark],:root[data-ngp-theme=dark],.dark{--ngp-bg:#0f172a;--ngp-bg-elevated:#1e293b;--ngp-surface-glass:#ffffff12;--ngp-border-glass:#ffffff1f;--ngp-text-primary:#f4f2ff;--ngp-text-secondary:#c7c1ec;--ngp-accent:var(--ngp-purple-500);--background:222.2 47.4% 11.2%;--foreground:210 40% 98%;--card:217.2 32.6% 17.5%;--card-foreground:210 40% 98%;--popover:217.2 32.6% 17.5%;--popover-foreground:210 40% 98%;--primary:225 40% 49%;--primary-foreground:210 40% 98%;--secondary:217.2 32.6% 17.5%;--secondary-foreground:210 40% 98%;--muted:217.2 32.6% 17.5%;--muted-foreground:215 20.2% 65.1%;--accent:217.2 32.6% 17.5%;--accent-foreground:210 40% 98%;--destructive:0 72% 51%;--destructive-foreground:0 0% 100%;--border:217.2 32.6% 17.5%;--input:217.2 32.6% 17.5%;--ring:225 40% 49%;--ngp-surface:var(--ngp-bg);--ngp-surface-elevated:var(--ngp-bg-elevated);--ngp-surface-overlay:var(--ngp-surface-glass);--ngp-border:var(--ngp-border-glass);--ngp-border-subtle:#ffffff0f;--ngp-border-strong:#fff3;--ngp-elevation-0:none;--ngp-elevation-1:0 1px 3px #0000004d;--ngp-elevation-2:0 4px 12px #00000059;--ngp-elevation-3:0 8px 24px #0006;--ngp-elevation-4:0 16px 48px #00000080}.prime-glass{background:var(--ngp-surface-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--ngp-border-glass);box-shadow:var(--ngp-shadow-glow)}.swift-hidden{opacity:0;transition:opacity .4s ease-out,transform .4s ease-out;transform:translateY(12px)}.swift-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}h1,h2,h3,h4{letter-spacing:-.03em;line-height:1.15}.ngp-btn:focus-visible,.ngp-card-interactive:focus-visible,.ngp-link:focus-visible{outline:2px solid var(--ngp-focus-ring-color,#8b4ba9);outline-offset:2px}.ngp-btn[data-variant=primary]:hover:not(:disabled),.ngp-btn[data-variant=danger]:hover:not(:disabled){filter:brightness(1.07)}.ngp-btn[data-variant=secondary]:hover:not(:disabled){border-color:var(--ngp-border-strong,#fff3)}.ngp-btn[data-variant=ghost]:hover:not(:disabled){background:var(--ngp-surface-overlay,#ffffff0f)}.ngp-pulse-dot{background:currentColor;border-radius:999px;flex:none;width:8px;height:8px;position:relative}.ngp-pulse-dot:after{content:"";opacity:.6;background:currentColor;border-radius:999px;animation:1.8s cubic-bezier(.4,0,.2,1) infinite ngp-pulse;position:absolute;inset:0}@media (width<=760px){.topbar nav{display:none}}.ngp-anim-fade-up{animation:.35s ease-out both ngp-fade-up}.ngp-anim-pop{animation:.25s ease-out both ngp-pop}.ngp-skeleton{background:linear-gradient(90deg, var(--ngp-surface-glass,#ffffff0f) 0%, var(--ngp-surface-glass,#ffffff0f) 40%, #8b4ba924 50%, var(--ngp-surface-glass,#ffffff0f) 60%, var(--ngp-surface-glass,#ffffff0f) 100%);background-size:800px 100%;animation:1.6s linear infinite ngp-shimmer;position:relative;overflow:hidden}.ngp-card-interactive:hover{border-color:#8b4ba973;transform:translateY(-4px);box-shadow:0 12px 32px #0f0a2d73,0 0 0 1px #8b4ba926}html,body{overflow-x:clip}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{color:var(--ngp-text-primary,#1a1236);background:var(--ngp-bg,#fff);-webkit-font-smoothing:antialiased;font-family:Sora,Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px}:root[data-theme=dark] body,html[data-theme=dark] body{--ngp-bg:#0a0a0a;--ngp-surface-glass:#111111b8;--ngp-border-glass:#ffffff1a;--ngp-text-primary:#f5f4ff;--ngp-text-secondary:#a8a3c2}.vp-h1{letter-spacing:-.03em;font-size:1.6rem;font-weight:700}.vp-h2{letter-spacing:-.02em;font-size:1.2rem;font-weight:700}.vp-muted{color:var(--ngp-text-secondary,#4a427a);font-size:.85rem}.vp-mono{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem}.vp-stack{flex-direction:column;gap:1.5rem;display:flex}.vp-page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.vp-shell{align-items:flex-start;gap:1.5rem;padding:1.5rem;display:flex}.vp-nav{flex-direction:column;flex-shrink:0;gap:.35rem;width:210px;display:flex;position:sticky;top:1.5rem}.vp-nav-item{font:inherit;text-align:left;color:var(--ngp-text-secondary,#4a427a);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:.6rem;padding:.6rem .85rem;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:flex}.vp-nav-item:hover{background:var(--ngp-surface-glass,#ffffff0f);color:var(--ngp-text-primary)}.vp-nav-item.is-active{background:var(--ngp-accent,#4b65b1);color:#fff;box-shadow:0 4px 18px #4b65b159}.vp-nav-spacer{flex:1}.vp-main{flex:1;min-width:0}.vp-splash{min-height:100vh;color:var(--ngp-text-secondary,#4a427a);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.vp-splash-spinner{border:3px solid var(--ngp-border-glass,#4b65b140);border-top-color:var(--ngp-accent,#4b65b1);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite vp-spin}@keyframes vp-spin{to{transform:rotate(360deg)}}.vp-login{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.vp-login-brand{background:radial-gradient(1200px 600px at 20% 0%, #4b65b147, transparent 60%), var(--ngp-bg-elevated,#f6f4ff);border-right:1px solid var(--ngp-border-glass,#0f172a14);flex-direction:column;justify-content:center;align-items:flex-start;gap:.6rem;padding:3rem 4rem;display:flex}.vp-login-mark{background:linear-gradient(135deg, var(--ngp-purple-600,#4b65b1), var(--ngp-purple-400,#8b4ba9));border-radius:14px;place-items:center;width:52px;height:52px;margin-bottom:.6rem;display:grid;box-shadow:0 8px 28px #4b65b173}.vp-login-glyph{color:#fff;font-size:1.5rem;font-weight:800}.vp-login-title{letter-spacing:-.03em;font-size:1.9rem;font-weight:800}.vp-login-sub{color:var(--ngp-text-secondary,#4a427a);font-size:.95rem}.vp-login-features{flex-direction:column;gap:.5rem;margin-top:2rem;display:flex}.vp-login-features span{color:var(--ngp-text-secondary,#4a427a);font-size:.9rem}.vp-login-features span:before{content:"✓ ";color:var(--ngp-purple-600,#4b65b1);font-weight:700}.vp-login-panel{place-items:center;padding:2rem;display:grid}.vp-login-form{width:min(420px,100%)}.vp-card{background:var(--ngp-surface-glass,#ffffffb3);border:1px solid var(--ngp-border-glass,#0f172a1a);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:20px;padding:2rem;box-shadow:0 1px 2px #14103c0d,0 16px 40px #14103c14}.vp-login-form{flex-direction:column;gap:1rem;display:flex}.vp-tabs{background:var(--ngp-bg-elevated,#f0eefb);border-radius:12px;grid-template-columns:1fr 1fr;gap:.35rem;padding:.25rem;display:grid}.vp-tab{font:inherit;color:var(--ngp-text-secondary,#4a427a);cursor:pointer;background:0 0;border:none;border-radius:9px;padding:.55rem;font-weight:600;transition:all .15s}.vp-tab.is-active{color:var(--ngp-text-primary,#1a1236);background:#fff;box-shadow:0 1px 6px #14103c1a}:root[data-theme=dark] .vp-tab.is-active,html[data-theme=dark] .vp-tab.is-active{background:#1a1a1a}.vp-form{flex-direction:column;gap:1rem;display:flex}.vp-field{flex-direction:column;gap:.4rem;display:flex}.vp-field>span{color:var(--ngp-text-secondary,#4a427a);font-size:.82rem;font-weight:600}.vp-field input,.vp-field select,.vp-field textarea{font:inherit;border:1px solid var(--ngp-border-glass,#0f172a29);background:var(--ngp-bg,#fff);color:var(--ngp-text-primary,#1a1236);border-radius:12px;padding:.7rem .85rem;transition:border-color .15s,box-shadow .15s}.vp-field textarea{resize:vertical}.vp-field input:focus,.vp-field select:focus,.vp-field textarea:focus{border-color:var(--ngp-accent,#4b65b1);outline:none;box-shadow:0 0 0 3px #4b65b12e}.vp-form-row{grid-template-columns:repeat(3,1fr);gap:.85rem;display:grid}.vp-toggle{cursor:pointer;align-items:center;gap:.7rem;display:flex}.vp-toggle input{width:18px;height:18px;accent-color:var(--ngp-accent,#4b65b1)}.vp-toggle span{flex-direction:column;gap:.15rem;display:flex}.vp-error{color:#d92d20;background:#d92d2014;border:1px solid #d92d2040;border-radius:10px;padding:.6rem .8rem;font-size:.85rem}.vp-notice{color:#067647;background:#06764714;border:1px solid #06764740;border-radius:10px;padding:.6rem .8rem;font-size:.85rem}.vp-footnote{color:var(--ngp-text-secondary,#4a427a);font-size:.78rem;line-height:1.5}.vp-footnote code{background:var(--ngp-bg-elevated,#f0eefb);border-radius:6px;padding:.1rem .35rem}.vp-stat-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.vp-stat-value{letter-spacing:-.03em;margin-bottom:.25rem;font-size:1.6rem;font-weight:800}.vp-chips{flex-wrap:wrap;gap:.45rem;display:flex}.vp-chip{border:1px solid var(--ngp-border-glass,#0f172a24);font:inherit;color:var(--ngp-text-secondary,#4a427a);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:.45rem;padding:.45rem .8rem;font-size:.83rem;font-weight:600;transition:all .15s;display:inline-flex}.vp-chip:hover{border-color:var(--ngp-accent,#4b65b1);color:var(--ngp-text-primary)}.vp-chip.is-active{background:var(--ngp-accent,#4b65b1);border-color:var(--ngp-accent,#4b65b1);color:#fff}.vp-chip-count{background:#7f7f7f2e;border-radius:999px;padding:.05rem .45rem;font-size:.72rem}.vp-chip.is-active .vp-chip-count{background:#ffffff38}.vp-table-wrap{border-radius:14px;overflow-x:auto}.vp-table{border-collapse:collapse;width:100%;font-size:.88rem}.vp-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--ngp-text-secondary,#4a427a);border-bottom:1px solid var(--ngp-border-glass,#0f172a1a);padding:.6rem .85rem;font-size:.74rem}.vp-table td{border-bottom:1px solid var(--ngp-border-glass,#0f172a12);vertical-align:middle;padding:.75rem .85rem}.vp-table tbody tr:last-child td{border-bottom:none}.vp-row-click{cursor:pointer;transition:background .12s}.vp-row-click:hover{background:var(--ngp-bg-elevated,#f6f4ff)}.vp-amount-pos{color:#067647;font-weight:700}.vp-amount-neg{color:#b42318}.vp-dialog-body{flex-direction:column;gap:1.1rem;display:flex}.vp-item-list{flex-direction:column;gap:.55rem;display:flex}.vp-item-row{grid-template-columns:1fr auto auto;align-items:baseline;gap:.75rem;font-size:.9rem;display:grid}.vp-item-name{font-weight:600}.vp-money-lines{border-top:1px dashed var(--ngp-border-glass,#0f172a29);flex-direction:column;gap:.35rem;padding-top:.85rem;font-size:.88rem;display:flex}.vp-money-lines>div{justify-content:space-between;display:flex}.vp-total{border-top:1px solid var(--ngp-border-glass,#0f172a1f);padding-top:.4rem;font-size:1rem;font-weight:800}.vp-tracking{background:var(--ngp-bg-elevated,#f6f4ff);border-radius:10px;padding:.6rem .8rem;font-size:.85rem}.vp-tracking a{color:var(--ngp-accent,#4b65b1);font-weight:600}.vp-sla-list{flex-direction:column;gap:.4rem;display:flex}.vp-sla-row{border:1px solid var(--ngp-border-glass,#0f172a1a);cursor:pointer;font:inherit;text-align:left;background:0 0;border-radius:12px;align-items:center;gap:.7rem;padding:.55rem .75rem;transition:background .12s;display:flex}.vp-sla-row:hover{background:var(--ngp-bg-elevated,#f6f4ff)}.vp-sla-row>span:nth-child(2){flex:1}.vp-sla-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.vp-sla-dot.soon{background:#eab308;box-shadow:0 0 0 4px #eab3082e}.vp-sla-dot.overdue{background:#dc2626;animation:1.6s infinite vp-pulse;box-shadow:0 0 0 4px #dc26262e}@keyframes vp-pulse{50%{opacity:.45}}.vp-product-cell{align-items:center;gap:.75rem;display:flex}.vp-thumb{object-fit:cover;border:1px solid var(--ngp-border-glass,#0f172a1a);border-radius:10px;width:44px;height:44px}.vp-thumb-empty{background:var(--ngp-bg-elevated,#f0eefb);place-items:center;font-size:1.1rem;display:grid}.vp-row-actions{justify-content:flex-end;gap:.35rem;display:flex}.vp-onboarding{place-items:center;min-height:100vh;padding:2rem;display:grid}@media (width<=860px){.vp-login{grid-template-columns:1fr}.vp-login-brand{display:none}.vp-shell{flex-direction:column}.vp-nav{flex-flow:wrap;width:100%;position:static}.vp-nav-spacer{display:none}.vp-form-row{grid-template-columns:1fr}}