@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap");.erp-shell{--font-display:"Space Grotesk",system-ui,sans-serif;--font-sans:"Manrope",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.375rem;--text-xl:1.75rem;--text-2xl:2.25rem;--text-3xl:3rem;--leading-tight:1.1;--leading-snug:1.3;--leading-normal:1.55;--tracking-tight:-0.02em;--tracking-snug:-0.01em;--tracking-wide:0.04em;--xop-azure-50:oklch(0.97 0.02 250);--xop-azure-100:oklch(0.93 0.045 250);--xop-azure-200:oklch(0.86 0.08 250);--xop-azure-300:oklch(0.76 0.12 250);--xop-azure-400:oklch(0.66 0.155 250);--xop-azure-500:oklch(0.55 0.165 252);--xop-azure-600:oklch(0.48 0.16 253);--xop-azure-700:oklch(0.41 0.14 254);--xop-azure-800:oklch(0.33 0.10 255);--xop-azure-900:oklch(0.26 0.07 256);--xop-coral-50:oklch(0.96 0.02 40);--xop-coral-100:oklch(0.92 0.05 40);--xop-coral-200:oklch(0.85 0.09 40);--xop-coral-400:oklch(0.74 0.16 38);--xop-coral-500:oklch(0.68 0.18 38);--xop-coral-600:oklch(0.60 0.18 36);--xop-coral-700:oklch(0.50 0.16 34);--neutral-0:oklch(1 0 0);--neutral-25:oklch(0.99 0.003 250);--neutral-50:oklch(0.98 0.004 250);--neutral-100:oklch(0.965 0.005 250);--neutral-150:oklch(0.945 0.006 252);--neutral-200:oklch(0.92 0.007 252);--neutral-300:oklch(0.87 0.008 253);--neutral-400:oklch(0.72 0.01 255);--neutral-500:oklch(0.60 0.012 257);--neutral-600:oklch(0.50 0.012 258);--neutral-700:oklch(0.40 0.012 260);--neutral-800:oklch(0.30 0.012 262);--neutral-850:oklch(0.24 0.012 264);--neutral-900:oklch(0.19 0.012 265);--neutral-950:oklch(0.145 0.012 266);--success-500:oklch(0.62 0.15 150);--success-100:oklch(0.93 0.05 150);--warning-500:oklch(0.75 0.15 75);--warning-100:oklch(0.94 0.06 80);--danger-500:oklch(0.58 0.20 22);--danger-100:oklch(0.93 0.05 22);--info-500:var(--xop-azure-500);--info-100:var(--xop-azure-100);--brand:var(--xop-azure-500);--brand-hover:var(--xop-azure-600);--brand-active:var(--xop-azure-700);--brand-subtle:var(--xop-azure-50);--brand-border:var(--xop-azure-200);--on-brand:var(--neutral-0);--accent-coral:var(--xop-coral-500);--accent-coral-hover:var(--xop-coral-600);--accent-coral-subtle:var(--xop-coral-50);--on-accent:var(--neutral-0);--bg:var(--neutral-50);--bg-elevated:var(--neutral-0);--bg-sunken:var(--neutral-100);--surface:var(--neutral-0);--surface-hover:var(--neutral-100);--strong-border:var(--neutral-300);--txt:var(--neutral-900);--txt-secondary:var(--neutral-600);--txt-tertiary:var(--neutral-500);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:28px;--radius-full:999px;--shadow-xs:0 1px 2px oklch(0.3 0.03 255/0.06);--shadow-sm:0 1px 3px oklch(0.3 0.03 255/0.08),0 1px 2px oklch(0.3 0.03 255/0.04);--shadow-md:0 4px 12px oklch(0.3 0.03 255/0.08),0 2px 4px oklch(0.3 0.03 255/0.05);--shadow-lg:0 12px 28px oklch(0.3 0.04 255/0.12),0 4px 8px oklch(0.3 0.03 255/0.06);--shadow-xl:0 24px 48px oklch(0.3 0.05 255/0.16),0 8px 16px oklch(0.3 0.03 255/0.08);--shadow-brand:0 6px 20px oklch(0.55 0.165 252/0.30);--shadow-accent:0 6px 20px oklch(0.68 0.18 38/0.28);--ring-brand:0 0 0 3px oklch(0.55 0.165 252/0.25);--background:220 33% 98%;--foreground:222 30% 12%;--card:0 0% 100%;--card-foreground:222 30% 12%;--popover:0 0% 100%;--popover-foreground:222 30% 12%;--primary:224 71% 50%;--primary-foreground:0 0% 100%;--secondary:220 20% 96%;--secondary-foreground:224 45% 30%;--muted:220 20% 96%;--muted-foreground:220 9% 46%;--accent:220 24% 94%;--accent-foreground:224 45% 30%;--destructive:2 75% 55%;--destructive-foreground:0 0% 100%;--border:220 14% 90%;--input:220 14% 90%;--ring:224 71% 50%;--radius:0.625rem;--success:150 55% 38%;--success-fg:150 55% 30%;--warning:40 90% 48%;--warning-fg:40 90% 38%;--chart-1:224 71% 50%;--chart-2:14 80% 60%;--chart-3:150 55% 42%;--chart-4:40 90% 55%;--chart-5:224 45% 72%;font-family:var(--font-sans)}.erp-shell h1,.erp-shell h2,.erp-shell h3,.erp-shell h4,.erp-shell h5{font-family:var(--font-display);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);font-weight:600}.dark .erp-shell{--brand:var(--xop-azure-400);--brand-hover:var(--xop-azure-300);--brand-active:var(--xop-azure-200);--brand-subtle:oklch(0.30 0.08 254);--brand-border:oklch(0.40 0.10 254);--on-brand:var(--neutral-950);--accent-coral:var(--xop-coral-400);--accent-coral-hover:var(--xop-coral-500);--accent-coral-subtle:oklch(0.34 0.09 38);--on-accent:var(--neutral-950);--bg:var(--neutral-950);--bg-elevated:var(--neutral-900);--bg-sunken:oklch(0.12 0.012 266);--surface:var(--neutral-900);--surface-hover:var(--neutral-850);--strong-border:oklch(0.36 0.012 262);--txt:var(--neutral-50);--txt-secondary:var(--neutral-400);--txt-tertiary:var(--neutral-500);--success-100:oklch(0.30 0.06 150);--warning-100:oklch(0.32 0.07 80);--danger-100:oklch(0.32 0.07 22);--info-100:oklch(0.30 0.08 254);--shadow-xs:0 1px 2px oklch(0 0 0/0.3);--shadow-sm:0 1px 3px oklch(0 0 0/0.4);--shadow-md:0 4px 12px oklch(0 0 0/0.45);--shadow-lg:0 12px 28px oklch(0 0 0/0.5);--shadow-xl:0 24px 48px oklch(0 0 0/0.6);--background:222 30% 8%;--foreground:220 33% 96%;--card:222 28% 12%;--card-foreground:220 33% 96%;--popover:222 28% 12%;--popover-foreground:220 33% 96%;--primary:220 80% 62%;--primary-foreground:222 45% 10%;--secondary:222 18% 18%;--secondary-foreground:220 33% 96%;--muted:222 18% 18%;--muted-foreground:220 12% 62%;--accent:222 18% 20%;--accent-foreground:220 33% 96%;--destructive:2 70% 56%;--destructive-foreground:0 0% 100%;--border:220 14% 22%;--input:220 14% 22%;--ring:220 80% 62%;--success:150 55% 48%;--success-fg:150 55% 66%;--warning:40 90% 56%;--warning-fg:40 90% 68%;--chart-1:220 80% 62%;--chart-2:14 82% 64%;--chart-3:150 55% 52%;--chart-4:40 90% 60%;--chart-5:220 50% 50%}.erp-shell .mono{font-family:var(--font-mono)}.erp-shell ::selection{background:oklch(.55 .165 252/.22)}.erp-shell .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-sans);font-weight:600;font-size:var(--text-sm);line-height:1;letter-spacing:var(--tracking-snug);border:1px solid transparent;border-radius:var(--radius-md);padding:0 var(--space-4);height:40px;cursor:pointer;white-space:nowrap;text-decoration:none;transition:background .15s ease,color .15s ease,box-shadow .15s ease,transform .08s ease,border-color .15s ease}.erp-shell .btn:active{transform:translateY(1px)}.erp-shell .btn:focus-visible{outline:none;box-shadow:var(--ring-brand)}.erp-shell .btn svg{width:18px;height:18px}.erp-shell .btn-primary{background:var(--brand);color:var(--on-brand)}.erp-shell .btn-primary:hover{background:var(--brand-hover);box-shadow:var(--shadow-brand)}.erp-shell .btn-primary:active{background:var(--brand-active)}.erp-shell .btn-accent{background:var(--accent-coral);color:var(--on-accent)}.erp-shell .btn-accent:hover{background:var(--accent-coral-hover);box-shadow:var(--shadow-accent)}.erp-shell .btn-secondary{background:var(--surface);color:var(--txt);border-color:var(--strong-border)}.erp-shell .btn-secondary:hover{background:var(--surface-hover);border-color:var(--neutral-400)}.erp-shell .btn-ghost{background:transparent;color:var(--txt-secondary)}.erp-shell .btn-ghost:hover{background:var(--surface-hover);color:var(--txt)}.erp-shell .btn-danger{background:var(--danger-500);color:var(--neutral-0)}.erp-shell .btn-danger:hover{filter:brightness(1.06);box-shadow:0 6px 20px oklch(.58 .2 22/.3)}.erp-shell .btn-sm{height:32px;font-size:var(--text-xs);padding:0 var(--space-3);border-radius:var(--radius-sm)}.erp-shell .btn-lg{height:48px;font-size:var(--text-base);padding:0 var(--space-6);border-radius:var(--radius-lg)}.erp-shell .btn-icon{padding:0;width:40px}.erp-shell .btn-icon.btn-sm{width:32px}.erp-shell .btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.erp-shell .field{display:flex;flex-direction:column;gap:var(--space-2)}.erp-shell .label{font-size:var(--text-sm);font-weight:600;color:var(--txt)}.erp-shell .label .hint{font-weight:400;color:var(--txt-tertiary);margin-left:var(--space-1)}.erp-shell .input,.erp-shell .select,.erp-shell .textarea{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--txt);background:var(--surface);border:1px solid var(--strong-border);border-radius:var(--radius-md);padding:0 var(--space-3);height:40px;width:100%;transition:border-color .15s ease,box-shadow .15s ease}.erp-shell .textarea{height:auto;padding:var(--space-3);resize:vertical;min-height:88px;line-height:var(--leading-normal)}.erp-shell .input::placeholder,.erp-shell .textarea::placeholder{color:var(--txt-tertiary)}.erp-shell .input:hover,.erp-shell .select:hover,.erp-shell .textarea:hover{border-color:var(--neutral-400)}.erp-shell .input:focus,.erp-shell .select:focus,.erp-shell .textarea:focus{outline:none;border-color:var(--brand);box-shadow:var(--ring-brand)}.erp-shell .input:disabled{background:var(--bg-sunken);color:var(--txt-tertiary);cursor:not-allowed}.erp-shell .badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:600;line-height:1;padding:4px var(--space-2);border-radius:var(--radius-full);background:var(--bg-sunken);color:var(--txt-secondary);white-space:nowrap}.erp-shell .badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.erp-shell .badge-brand{background:var(--brand-subtle);color:var(--brand-active)}.erp-shell .badge-success{background:var(--success-100);color:oklch(.42 .12 150)}.erp-shell .badge-warning{background:var(--warning-100);color:oklch(.48 .12 70)}.erp-shell .badge-danger{background:var(--danger-100);color:oklch(.48 .16 22)}.erp-shell .badge-accent{background:var(--accent-coral-subtle);color:var(--accent-coral-hover)}.dark .erp-shell .badge-success{color:oklch(.85 .12 150)}.dark .erp-shell .badge-warning{color:oklch(.88 .12 80)}.dark .erp-shell .badge-danger{color:oklch(.82 .12 22)}.dark .erp-shell .badge-brand{color:var(--xop-azure-200)}.erp-shell .chip{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:500;padding:6px var(--space-3);border-radius:var(--radius-full);background:var(--surface);border:1px solid hsl(var(--border));color:var(--txt-secondary);cursor:pointer;transition:all .15s ease}.erp-shell .chip:hover{border-color:var(--strong-border);color:var(--txt)}.erp-shell .chip.active{background:var(--brand-subtle);border-color:var(--brand-border);color:var(--brand-active)}.erp-shell .card-xds{background:var(--surface);border:1px solid hsl(var(--border));border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.erp-shell .card-pad{padding:var(--space-6)}.erp-shell .card-hover{transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}.erp-shell .card-hover:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:var(--strong-border)}.erp-shell .card-head{padding:var(--space-5) var(--space-5) var(--space-4);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid hsl(var(--border))}.erp-shell .card-head h3{font-size:var(--text-md);font-weight:600}.erp-shell .tabs{display:flex;gap:var(--space-1);border-bottom:1px solid hsl(var(--border))}.erp-shell .tab{font-size:var(--text-sm);font-weight:600;color:var(--txt-tertiary);padding:var(--space-3) var(--space-4);cursor:pointer;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;font-family:var(--font-sans);transition:color .15s ease,border-color .15s ease}.erp-shell .tab:hover{color:var(--txt)}.erp-shell .tab.active{color:var(--brand);border-bottom-color:var(--brand)}.erp-shell .table-wrap{border:1px solid hsl(var(--border));border-radius:var(--radius-lg);overflow:hidden;background:var(--surface)}.erp-shell .table-xds{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.erp-shell .table-xds thead th{text-align:left;font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--txt-tertiary);background:var(--bg-sunken)}.erp-shell .table-xds tbody td,.erp-shell .table-xds thead th{padding:var(--space-3) var(--space-4);border-bottom:1px solid hsl(var(--border))}.erp-shell .table-xds tbody td{color:var(--txt-secondary)}.erp-shell .table-xds tbody tr:last-child td{border-bottom:none}.erp-shell .table-xds tbody tr{transition:background .12s ease}.erp-shell .table-xds tbody tr:hover{background:var(--surface-hover)}.erp-shell .table-xds .num{font-family:var(--font-mono);color:var(--txt);text-align:right}.erp-shell .alert{display:flex;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid hsl(var(--border));background:var(--surface);font-size:var(--text-sm)}.erp-shell .alert svg{width:20px;height:20px;flex-shrink:0}.erp-shell .alert .alert-title{font-weight:700;color:var(--txt)}.erp-shell .alert .alert-body{color:var(--txt-secondary)}.erp-shell .alert-info{background:var(--info-100);border-color:var(--brand-border)}.erp-shell .alert-info svg{color:var(--brand)}.erp-shell .alert-success{background:var(--success-100);border-color:oklch(.62 .15 150/.3)}.erp-shell .alert-success svg{color:var(--success-500)}.erp-shell .alert-warning{background:var(--warning-100);border-color:oklch(.75 .15 75/.3)}.erp-shell .alert-warning svg{color:oklch(.6 .15 70)}.erp-shell .alert-danger{background:var(--danger-100);border-color:oklch(.58 .2 22/.3)}.erp-shell .alert-danger svg{color:var(--danger-500)}.erp-shell .avatar{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background:var(--brand-subtle);color:var(--brand-active);font-weight:700;font-size:var(--text-sm);font-family:var(--font-display);overflow:hidden}.erp-shell .avatar-sm{width:28px;height:28px;font-size:var(--text-xs)}.erp-shell .avatar-lg{width:56px;height:56px;font-size:var(--text-md)}.erp-shell .progress{height:8px;background:var(--bg-sunken);border-radius:var(--radius-full);overflow:hidden}.erp-shell .progress .bar{height:100%;background:var(--brand);border-radius:var(--radius-full)}.erp-shell .kpi{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.erp-shell .kpi .top{display:flex;align-items:center;justify-content:space-between}.erp-shell .kpi .ic{width:38px;height:38px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.erp-shell .kpi .ic svg{width:19px;height:19px}.erp-shell .kpi .val{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:600;letter-spacing:-.02em;line-height:1}.erp-shell .kpi .lbl{font-size:var(--text-sm);color:var(--txt-secondary)}.erp-shell .delta{display:inline-flex;align-items:center;gap:3px;font-size:var(--text-xs);font-weight:700}.erp-shell .delta svg{width:13px;height:13px}.erp-shell .delta.up{color:var(--success-500)}.erp-shell .delta.down{color:var(--danger-500)}.erp-shell .ai-surface{position:relative;background:radial-gradient(120% 100% at 0 0,oklch(.55 .165 252/.1),transparent 55%),radial-gradient(120% 100% at 100% 100%,oklch(.68 .18 38/.08),transparent 55%),var(--surface);border:1px solid var(--brand-border);border-radius:var(--radius-lg)}.erp-shell .ai-badge{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-snug);padding:4px var(--space-2) 4px var(--space-1);border-radius:var(--radius-full);background:linear-gradient(90deg,var(--brand),var(--accent-coral));color:var(--neutral-0);white-space:nowrap;flex-shrink:0}.erp-shell .ai-badge .spark{width:16px;height:16px;border-radius:50%;background:var(--neutral-0);color:var(--brand);display:inline-flex;align-items:center;justify-content:center}.erp-shell .ai-badge .spark svg{width:11px;height:11px}