@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--bg-pure:#000;--bg-deep:#050507;--bg-surface:#0a0a0d;--bg-surface-elevated:#111115;--bg-surface-hover:#18181d;--grad-surface:linear-gradient(180deg, #16161bc7 0%, #0a0a0df0 100%);--grad-surface-hover:linear-gradient(180deg, #1c1c23db 0%, #0e0e12f5 100%);--grad-subtle-bar:linear-gradient(180deg, #121216d9 0%, #0a0a0eeb 100%);--grad-white-btn:linear-gradient(180deg, #fff 0%, #e4e4e7 100%);--grad-white-btn-hover:linear-gradient(180deg, #fff 0%, #f4f4f5 100%);--grad-dark-btn:linear-gradient(180deg, #ffffff17 0%, #ffffff08 100%);--grad-dark-btn-hover:linear-gradient(180deg, #ffffff24 0%, #ffffff0f 100%);--border-hairline:#ffffff12;--border-subtle:#ffffff1c;--border-medium:#ffffff2e;--border-strong:#ffffff52;--border-white:#fff;--text-primary:#fff;--text-secondary:#e4e4e7;--text-muted:#a1a1aa;--text-dim:#71717a;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-xs:6px;--radius-sm:8px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-2xl:22px;--radius-full:9999px;--shadow-ambient:0 16px 40px -12px #000000d9, inset 0 1px 0 0 #ffffff12;--shadow-card:0 10px 30px -10px #000000bf, inset 0 1px 0 0 #ffffff0f;--shadow-card-hover:0 18px 42px -10px #000000e6, inset 0 1px 0 0 #ffffff1f;--shadow-modal:0 32px 70px -12px #000000f2, inset 0 1px 0 0 #ffffff1f}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-pure);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(80% 50% at 50% -15%,#ffffff12 0%,#0000 60%),radial-gradient(circle at 90% 95%,#ffffff08 0%,#0000 45%),linear-gradient(#000 0%,#050507 100%);background-attachment:fixed;min-height:100vh;line-height:1.5;overflow-x:hidden}code,pre,.font-mono{font-family:var(--font-mono)}.erp-container{flex-direction:column;gap:24px;width:100%;max-width:1400px;margin:0 auto;padding:32px 32px 48px;display:flex}.erp-page-header{border-bottom:1px solid var(--border-hairline);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;padding-bottom:20px;display:flex}.erp-page-title{color:var(--text-primary);letter-spacing:-.025em;margin-top:8px;font-size:24px;font-weight:800;line-height:1.25}.erp-page-subtitle{color:var(--text-muted);max-width:680px;margin-top:6px;font-size:13.5px;line-height:1.5}.erp-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}@media (width<=1100px){.erp-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.erp-kpi-grid{grid-template-columns:1fr}.erp-container{padding:20px 16px 36px}}.erp-kpi-card{background:var(--grad-surface);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;justify-content:space-between;gap:8px;padding:20px 22px;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.erp-kpi-card:before{content:"";opacity:.6;background:linear-gradient(90deg,#0000,#ffffff38,#0000);height:1px;position:absolute;top:0;left:0;right:0}.erp-kpi-card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.erp-kpi-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.erp-kpi-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);font-size:11px;font-weight:700}.erp-kpi-icon{border-radius:var(--radius-sm);border:1px solid var(--border-hairline);width:28px;height:28px;color:var(--text-primary);background:#ffffff0d;justify-content:center;align-items:center;display:flex}.erp-kpi-value{color:var(--text-primary);letter-spacing:-.03em;font-size:28px;font-weight:800;line-height:1.1;font-family:var(--font-sans)}.erp-kpi-meta{color:var(--text-dim);align-items:center;gap:6px;font-size:11.5px;display:flex}.glass-panel{background:var(--grad-surface);-webkit-backdrop-filter:blur(24px)saturate(190%);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-ambient);transition:border-color .2s,box-shadow .2s}.glass-card{background:var(--grad-surface);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);transition:all .22s cubic-bezier(.16,1,.3,1)}.glass-card:hover{border-color:var(--border-medium);background:var(--grad-surface-hover);box-shadow:var(--shadow-card-hover)}.erp-toolbar{background:var(--grad-subtle-bar);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.erp-search-box{flex:280px;max-width:460px;position:relative}.erp-search-box svg{color:var(--text-dim);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.glass-input{border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);background:linear-gradient(#08080be6 0%,#0e0e12e6 100%);height:38px;padding:0 12px;font-family:inherit;font-size:13px;transition:all .18s;box-shadow:inset 0 1px 2px #00000080}textarea.glass-input{height:auto;padding:10px 12px}select.glass-input{cursor:pointer;background-color:#0b0b0e;padding-right:28px}select.glass-input option{color:#fff;background-color:#0e0e12}.glass-input:hover{border-color:var(--border-medium)}.glass-input:focus{background:#101016fa;border-color:#fff;outline:none;box-shadow:0 0 0 3px #ffffff1f,inset 0 1px 2px #00000080}.erp-table-wrapper{background:var(--grad-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-ambient);overflow:hidden}.erp-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.erp-table thead tr{border-bottom:1px solid var(--border-subtle);background:#ffffff06}.erp-table th{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);white-space:nowrap;padding:13px 18px;font-size:11px;font-weight:700}.erp-table tbody tr{border-bottom:1px solid var(--border-hairline);transition:background-color .15s}.erp-table tbody tr:last-child{border-bottom:none}.erp-table tbody tr:hover{background:#ffffff07}.erp-table td{vertical-align:middle;color:var(--text-secondary);padding:14px 18px}.btn-primary{background:var(--grad-white-btn);color:#000;border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;white-space:nowrap;border:1px solid #fff;justify-content:center;align-items:center;gap:8px;height:38px;padding:0 16px;font-size:13px;font-weight:700;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 14px #ffffff24,inset 0 1px #ffffffe6}.btn-primary:hover:not(:disabled){background:var(--grad-white-btn-hover);transform:translateY(-1px);box-shadow:0 6px 20px #ffffff3d,inset 0 1px #fff}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--grad-dark-btn);color:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:8px;height:38px;padding:0 15px;font-size:13px;font-weight:600;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 8px #0006,inset 0 1px #ffffff0f}.btn-secondary:hover:not(:disabled){background:var(--grad-dark-btn-hover);border-color:var(--border-medium);color:#fff;transform:translateY(-1px)}.btn-outline{color:var(--text-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;white-space:nowrap;background:#ffffff05;justify-content:center;align-items:center;gap:6px;height:36px;padding:0 14px;font-size:12.5px;font-weight:600;transition:all .18s;display:inline-flex}.btn-outline:hover:not(:disabled){color:#fff;background:#ffffff14;border-color:#fff}.btn-ghost{color:var(--text-muted);border-radius:var(--radius-sm);font-family:var(--font-sans);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;height:32px;padding:0 10px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.btn-ghost:hover:not(:disabled){border-color:var(--border-hairline);color:#fff;background:#ffffff0f}.btn-danger{color:#e4e4e7;border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;white-space:nowrap;background:linear-gradient(#ffffff0a 0%,#f43f5e14 100%);border:1px solid #ffffff24;justify-content:center;align-items:center;gap:6px;height:38px;padding:0 14px;font-size:12.5px;font-weight:600;transition:all .18s;display:inline-flex}.btn-danger:hover:not(:disabled){color:#fff;background:linear-gradient(#f43f5e2e 0%,#f43f5e47 100%);border-color:#f43f5e80}.btn-sm{border-radius:var(--radius-sm)!important;gap:5px!important;height:30px!important;padding:0 10px!important;font-size:11.5px!important}.btn-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex;padding:0!important}.btn-icon-sm{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex;padding:0!important}.filter-pill{border-radius:var(--radius-full);border:1px solid var(--border-subtle);height:32px;color:var(--text-muted);font-family:var(--font-sans);cursor:pointer;white-space:nowrap;background:#ffffff08;align-items:center;gap:6px;padding:0 13px;font-size:11.5px;font-weight:600;transition:all .16s;display:inline-flex}.filter-pill:hover{color:var(--text-primary);border-color:var(--border-medium);background:#ffffff12}.filter-pill.active{background:var(--grad-white-btn);color:#000;border-color:#fff;font-weight:800;box-shadow:0 2px 10px #ffffff2e}.badge-bw{color:#fff;border-radius:var(--radius-full);letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(#ffffff1a 0%,#ffffff0a 100%);border:1px solid #ffffff29;align-items:center;gap:6px;padding:3px 10px;font-size:10.5px;font-weight:700;display:inline-flex}.badge-inverted{background:var(--grad-white-btn);color:#000;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;border:1px solid #fff;align-items:center;gap:5px;padding:3px 10px;font-size:10.5px;font-weight:800;display:inline-flex;box-shadow:0 2px 8px #ffffff1f}.badge-dim{color:var(--text-muted);border:1px solid var(--border-subtle);border-radius:var(--radius-full);background:#ffffff08;align-items:center;gap:5px;padding:3px 10px;font-size:10.5px;font-weight:600;display:inline-flex}.erp-modal-backdrop{-webkit-backdrop-filter:blur(14px);z-index:100;background:#000000d1;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.erp-modal-panel{border:1px solid var(--border-medium);border-radius:var(--radius-2xl);box-shadow:var(--shadow-modal);background:linear-gradient(#121216 0%,#09090c 100%);width:100%;max-height:92vh;animation:.22s cubic-bezier(.16,1,.3,1) forwards fadeInScale;overflow-y:auto}.erp-modal-header{border-bottom:1px solid var(--border-hairline);background:#ffffff04;justify-content:space-between;align-items:center;gap:16px;padding:22px 26px;display:flex}.erp-modal-body{padding:24px 26px}.erp-modal-footer{border-top:1px solid var(--border-hairline);background:#00000059;justify-content:flex-end;align-items:center;gap:10px;padding:16px 26px;display:flex}.erp-label{color:var(--text-secondary);letter-spacing:.01em;margin-bottom:6px;font-size:11.5px;font-weight:700;display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#27272a;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#3f3f46}@keyframes fadeInScale{0%{opacity:0;transform:scale(.98)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.animate-fade-scale{animation:.24s cubic-bezier(.16,1,.3,1) forwards fadeInScale}@keyframes pulseGlow{0%,to{opacity:.95;transform:scale(1)}50%{opacity:.35;transform:scale(.92)}}.pulse-dot{animation:2.2s ease-in-out infinite pulseGlow}@media (width<=960px){.erp-sidebar-desktop{transform:translate(-100%)}.erp-main-wrapper{width:100%!important;margin-left:0!important}.mobile-burger{display:inline-flex!important}}