@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root,[data-theme=dark]{--bg-color:#0d0f1a;--bg-secondary:#111320;--surface:#161928bf;--surface-solid:#161928;--surface-hover:#1e2237e6;--border:#ffffff12;--border-strong:#ffffff1f;--primary:#6366f1;--primary-dark:#4f46e5;--primary-glow:#6366f14d;--primary-subtle:#6366f11a;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#0f172a;--success:#10b981;--success-bg:#10b9811f;--success-border:#10b98140;--warning:#f59e0b;--warning-bg:#f59e0b1f;--warning-border:#f59e0b40;--danger:#ef4444;--danger-bg:#ef44441f;--danger-border:#ef444440;--info:#3b82f6;--info-bg:#3b82f61f;--info-border:#3b82f640;--glass-blur:blur(20px);--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 20px #00000059;--shadow-lg:0 8px 40px #00000073;--shadow-glow:0 0 20px #6366f126;--menubar-bg:#13162a;--menubar-border:#ffffff0f;--menu-item-hover:#6366f126;--menu-item-active:#6366f133;--dropdown-bg:#1a1e35;--dropdown-border:#6366f133;--dropdown-shadow:0 16px 48px #0009, 0 0 0 1px #6366f126;--dropdown-item-hover:#6366f11f;--header-bg:#0d0f1a;--header-border:#ffffff0f;--statusbar-bg:#0a0c16;--toggle-bg:#ffffff14;--toggle-hover:#ffffff24;--radial-1:#6366f11f;--radial-2:#10b9810f;--badge-success-bg:#10b98126;--badge-success-color:#34d399;--badge-success-border:#10b98140;--badge-warning-bg:#f59e0b26;--badge-warning-color:#fbbf24;--badge-warning-border:#f59e0b40;--badge-danger-bg:#ef444426;--badge-danger-color:#f87171;--badge-danger-border:#ef444440;--badge-info-bg:#3b82f626;--badge-info-color:#60a5fa;--badge-info-border:#3b82f640;--input-bg:#ffffff0d;--input-border:#ffffff1a;--input-focus:#6366f180;--table-header-bg:#6366f114;--table-row-hover:#ffffff08;--table-row-alt:#ffffff04;--accent:#7c3aed}[data-theme=light]{--bg-color:#f0f2fb;--bg-secondary:#e8eaf5;--surface:#ffffffe0;--surface-solid:#fff;--surface-hover:#fffffffa;--border:#6366f11a;--border-strong:#6366f133;--primary:#6366f1;--primary-dark:#4f46e5;--primary-glow:#6366f133;--primary-subtle:#6366f114;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-inverse:#f8fafc;--success:#059669;--success-bg:#0596691a;--success-border:#05966940;--warning:#d97706;--warning-bg:#d977061a;--warning-border:#d9770640;--danger:#dc2626;--danger-bg:#dc262614;--danger-border:#dc262633;--info:#2563eb;--info-bg:#2563eb14;--info-border:#2563eb33;--glass-blur:blur(20px);--shadow-sm:0 1px 4px #6366f114, 0 1px 2px #0000000a;--shadow-md:0 4px 16px #6366f11a, 0 2px 6px #0000000f;--shadow-lg:0 8px 32px #6366f11f, 0 4px 12px #00000014;--shadow-glow:0 0 20px #6366f11a;--menubar-bg:#fff;--menubar-border:#6366f11f;--menu-item-hover:#6366f114;--menu-item-active:#6366f11f;--dropdown-bg:#fff;--dropdown-border:#6366f126;--dropdown-shadow:0 16px 48px #6366f126, 0 4px 12px #00000014;--dropdown-item-hover:#6366f112;--header-bg:#fff;--header-border:#6366f11a;--statusbar-bg:#f8faff;--toggle-bg:#6366f114;--toggle-hover:#6366f126;--radial-1:#6366f114;--radial-2:#10b9810a;--badge-success-bg:#0596691a;--badge-success-color:#047857;--badge-success-border:#05966933;--badge-warning-bg:#d977061a;--badge-warning-color:#b45309;--badge-warning-border:#d9770633;--badge-danger-bg:#dc262614;--badge-danger-color:#b91c1c;--badge-danger-border:#dc262633;--badge-info-bg:#2563eb14;--badge-info-color:#1d4ed8;--badge-info-border:#2563eb33;--input-bg:#fff;--input-border:#6366f133;--input-focus:#6366f166;--table-header-bg:#6366f10f;--table-row-hover:#6366f10a;--table-row-alt:#6366f105;--accent:#7c3aed}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-primary);background-image:radial-gradient(ellipse at 10% 0%, var(--radial-1) 0px, transparent 60%), radial-gradient(ellipse at 90% 100%, var(--radial-2) 0px, transparent 60%);background-attachment:fixed;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;line-height:1.5;transition:background-color .3s,color .3s;overflow-x:hidden}.erp-shell{flex-direction:column;height:100vh;display:flex;overflow:hidden}.erp-header{background:var(--header-bg);border-bottom:1px solid var(--header-border);z-index:200;flex-shrink:0;justify-content:space-between;align-items:center;height:46px;padding:0 1.25rem;transition:background .3s,border-color .3s;display:flex}.erp-brand{letter-spacing:-.03em;background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);-webkit-text-fill-color:transparent;-webkit-user-select:none;user-select:none;white-space:nowrap;-webkit-background-clip:text;background-clip:text;align-items:center;gap:.6rem;font-size:1.05rem;font-weight:800;display:flex}.erp-brand-icon{background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.erp-brand-icon svg{color:#fff;width:16px;height:16px}.erp-header-center{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.75rem;display:flex}.erp-company-tag{background:var(--primary-subtle);border:1px solid var(--border);color:var(--primary);white-space:nowrap;border-radius:6px;align-items:center;gap:.4rem;padding:.25rem .75rem;font-size:.72rem;font-weight:600;display:flex}.erp-header-actions{align-items:center;gap:.5rem;display:flex}.hdr-btn{width:30px;height:30px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;transition:all .18s;display:flex;position:relative}.hdr-btn:hover{background:var(--toggle-bg);color:var(--text-primary)}.hdr-btn svg{width:16px;height:16px}.notif-dot{background:var(--danger);border:1.5px solid var(--header-bg);border-radius:50%;width:7px;height:7px;position:absolute;top:4px;right:4px}.user-pill{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:.5rem;padding:.25rem .5rem .25rem .25rem;transition:background .18s;display:flex}.user-pill:hover{background:var(--toggle-bg);border-color:var(--border)}.user-pill-avatar{color:#fff;letter-spacing:.02em;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.65rem;font-weight:700;display:flex}.user-pill-info{flex-direction:column;line-height:1.2;display:flex}.user-pill-name{color:var(--text-primary);font-size:.72rem;font-weight:600}.user-pill-role{color:var(--text-muted);font-size:.63rem}.theme-toggle{background:var(--toggle-bg);border:1px solid var(--border-strong);cursor:pointer;border-radius:999px;flex-shrink:0;align-items:center;width:48px;height:26px;transition:background .3s,border-color .3s;display:flex;position:relative}.theme-toggle:hover{background:var(--toggle-hover);border-color:var(--primary)}.theme-thumb{background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;transition:transform .35s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;left:3px;box-shadow:0 2px 6px #6366f180}[data-theme=light] .theme-thumb{transform:translate(22px)}.theme-thumb svg{color:#fff;width:10px;height:10px}.erp-menubar{background:var(--menubar-bg);border-bottom:1px solid var(--menubar-border);z-index:190;flex-shrink:0;align-items:stretch;gap:0;height:36px;padding:0 .5rem;transition:background .3s,border-color .3s;display:flex;position:relative}.menu-item{color:var(--text-secondary);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:4px;align-items:center;gap:.35rem;margin:4px 1px;padding:0 .85rem;font-size:.78rem;font-weight:500;transition:background .15s,color .15s;display:flex;position:relative}.menu-item:hover,.menu-item.open{background:var(--menu-item-hover);color:var(--text-primary)}.menu-item.active{background:var(--menu-item-active);color:var(--primary);font-weight:600}.menu-item svg.chevron{width:12px;height:12px;color:var(--text-muted);flex-shrink:0;transition:transform .2s}.menu-item.open svg.chevron{transform:rotate(180deg)}.menu-item-icon{flex-shrink:0;width:14px;height:14px}.dropdown{background:var(--dropdown-bg);border:1px solid var(--dropdown-border);min-width:220px;box-shadow:var(--dropdown-shadow);-webkit-backdrop-filter:var(--glass-blur);z-index:9999;border-radius:10px;padding:.4rem;transition:background .3s;animation:.18s cubic-bezier(.34,1.56,.64,1) dropIn;position:absolute;top:calc(100% + 4px);left:0}@keyframes dropIn{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.dropdown-section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding:.45rem .65rem .25rem;font-size:.63rem;font-weight:700}.dropdown-divider{background:var(--border);height:1px;margin:.35rem .4rem}.dropdown-item{color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:7px;align-items:center;gap:.65rem;padding:.5rem .65rem;font-size:.78rem;font-weight:450;transition:background .15s,color .15s;display:flex}.dropdown-item:hover{background:var(--dropdown-item-hover);color:var(--text-primary)}.dropdown-item.active{background:var(--primary-subtle);color:var(--primary);font-weight:600}.dropdown-item svg{opacity:.7;flex-shrink:0;width:14px;height:14px}.dropdown-item:hover svg,.dropdown-item.active svg{opacity:1}.dropdown-item-badge{background:var(--danger-bg);color:var(--danger);border-radius:999px;margin-left:auto;padding:1px 5px;font-size:.6rem;font-weight:700}.erp-breadcrumb{background:var(--bg-secondary);border-bottom:1px solid var(--border);height:30px;color:var(--text-muted);flex-shrink:0;align-items:center;gap:.5rem;padding:0 1.25rem;font-size:.72rem;transition:background .3s;display:flex}.breadcrumb-sep{opacity:.4}.breadcrumb-current{color:var(--text-primary);font-weight:600}.erp-content{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;flex:1;padding:1.25rem 1.5rem;position:relative;overflow:hidden auto}.erp-content::-webkit-scrollbar{width:5px}.erp-content::-webkit-scrollbar-track{background:0 0}.erp-content::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.erp-statusbar{background:var(--statusbar-bg);border-top:1px solid var(--border);height:24px;color:var(--text-muted);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 1rem;font-size:.68rem;transition:background .3s;display:flex}.statusbar-left,.statusbar-right{align-items:center;gap:1rem;display:flex}.status-dot{border-radius:50%;width:6px;height:6px;display:inline-block}.status-dot.green{background:var(--success);box-shadow:0 0 4px var(--success)}.status-dot.yellow{background:var(--warning);box-shadow:0 0 4px var(--warning)}.page-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.page-title{color:var(--text-primary);letter-spacing:-.025em;font-size:1.25rem;font-weight:700}.page-subtitle{color:var(--text-muted);margin-top:.15rem;font-size:.78rem}.page-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.25rem;display:grid}.card{background:var(--surface);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:14px;padding:1.25rem;transition:transform .25s,box-shadow .25s,border-color .25s,background .3s}.card:hover{box-shadow:var(--shadow-md), var(--shadow-glow);border-color:var(--border-strong);transform:translateY(-2px)}.card-flat{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.25rem;transition:background .3s,border-color .3s}.stat-card{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.stat-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.72rem;font-weight:600}.stat-value{color:var(--text-primary);letter-spacing:-.04em;margin:.25rem 0;font-size:1.7rem;font-weight:800;line-height:1}.stat-trend{border-radius:999px;align-items:center;gap:.2rem;padding:.15rem .45rem;font-size:.7rem;font-weight:600;display:inline-flex}.trend-up{color:var(--success);background:var(--success-bg)}.trend-down{color:var(--danger);background:var(--danger-bg)}.trend-flat{color:var(--text-muted);background:var(--toggle-bg)}.stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.25rem;display:flex}.icon-indigo{background:#6366f11f}.icon-purple{background:#a855f71f}.icon-emerald{background:#10b9811f}.icon-amber{background:#f59e0b1f}.icon-rose{background:#f43f5e1f}.icon-sky{background:#0ea5e91f}.icon-teal{background:#14b8a61f}.icon-orange{background:#f973161f}[data-theme=light] .icon-indigo{background:#6366f11a}[data-theme=light] .icon-purple{background:#a855f71a}[data-theme=light] .icon-emerald{background:#10b9811a}[data-theme=light] .icon-amber{background:#f59e0b1a}[data-theme=light] .icon-rose{background:#f43f5e1a}[data-theme=light] .icon-sky{background:#0ea5e91a}.section-hdr{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.section-hdr h3{color:var(--text-primary);font-size:.9rem;font-weight:700}.grid-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:1rem;display:grid}.col-span-2{grid-column:span 2}.table-wrapper{border:1px solid var(--border);border-radius:8px;width:100%;overflow-x:auto}.erp-table{border-collapse:collapse;width:100%;font-size:.78rem}.erp-table thead tr{background:var(--table-header-bg)}.erp-table th{text-align:left;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap;padding:.5rem;font-size:.68rem;font-weight:700}.erp-table td{color:var(--text-primary);border-bottom:1px solid var(--border);padding:.55rem .5rem;transition:background .12s}.erp-table tbody tr:last-child td{border-bottom:none}.erp-table tbody tr:nth-child(2n) td{background:var(--table-row-alt)}.erp-table tbody tr:hover td{background:var(--table-row-hover)}.badge{letter-spacing:.02em;white-space:nowrap;border:1px solid;border-radius:999px;align-items:center;gap:.25rem;padding:.18rem .55rem;font-size:.65rem;font-weight:700;display:inline-flex}.badge-success{background:var(--badge-success-bg);color:var(--badge-success-color);border-color:var(--badge-success-border)}.badge-warning{background:var(--badge-warning-bg);color:var(--badge-warning-color);border-color:var(--badge-warning-border)}.badge-danger{background:var(--badge-danger-bg);color:var(--badge-danger-color);border-color:var(--badge-danger-border)}.badge-info{background:var(--badge-info-bg);color:var(--badge-info-color);border-color:var(--badge-info-border)}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:.4rem;padding:.45rem .9rem;font-size:.78rem;font-weight:600;text-decoration:none;transition:all .18s;display:inline-flex}.btn svg{flex-shrink:0;width:14px;height:14px}.btn-primary{color:#fff;background:linear-gradient(135deg,#6366f1,#7c3aed);box-shadow:0 3px 12px #6366f159}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 5px 16px #6366f180}.btn-secondary{background:var(--toggle-bg);color:var(--text-primary);border:1px solid var(--border-strong)}.btn-secondary:hover{background:var(--toggle-hover);border-color:var(--primary);color:var(--primary)}.btn-success{color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 3px 10px #10b9814d}.btn-success:hover{transform:translateY(-1px);box-shadow:0 5px 14px #10b98173}.btn-danger{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border)}.btn-danger:hover{background:var(--danger);color:#fff}.btn-sm{border-radius:6px;padding:.3rem .65rem;font-size:.72rem}.form-group{flex-direction:column;gap:.35rem;display:flex}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-weight:600}.form-input,.form-select,.form-textarea{background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-primary);border-radius:8px;outline:none;width:100%;padding:.5rem .75rem;font-family:inherit;font-size:.82rem;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--input-focus)}.form-input::placeholder{color:var(--text-muted)}.form-select{cursor:pointer}.form-textarea{resize:vertical;min-height:80px}.input-error{border-color:var(--danger)!important;box-shadow:0 0 0 3px var(--danger-bg)!important}.form-grid-2{grid-template-columns:1fr 1fr;gap:.875rem;display:grid}.form-grid-3{grid-template-columns:1fr 1fr 1fr;gap:.875rem;display:grid}.alert{border-left:3px solid;border-radius:10px;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;font-size:.78rem;display:flex}.alert svg{flex-shrink:0;width:16px;height:16px;margin-top:1px}.alert-title{margin-bottom:.15rem;font-weight:700}.alert-desc{opacity:.85}.alert-danger{background:var(--danger-bg);border-color:var(--danger);color:var(--danger)}.alert-warning{background:var(--warning-bg);border-color:var(--warning);color:var(--warning)}.alert-success{background:var(--success-bg);border-color:var(--success);color:var(--success)}.alert-info{background:var(--info-bg);border-color:var(--info);color:var(--info)}@keyframes toastIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.quick-tile{background:var(--surface);border:1px solid var(--border);cursor:pointer;text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1rem .75rem;transition:all .2s;display:flex}.quick-tile:hover{border-color:var(--primary);background:var(--primary-subtle);box-shadow:var(--shadow-md);transform:translateY(-2px)}.quick-tile-icon{border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.1rem;display:flex}.quick-tile-label{color:var(--text-secondary);font-size:.72rem;font-weight:600}.quick-tile:hover .quick-tile-label{color:var(--primary)}.progress-bar-wrap{background:var(--border);border-radius:999px;width:100%;height:6px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:999px;height:100%;transition:width .6s}.progress-bar-fill.success{background:linear-gradient(90deg,#10b981,#059669)}.progress-bar-fill.warning{background:linear-gradient(90deg,#f59e0b,#d97706)}.progress-bar-fill.danger{background:linear-gradient(90deg,#ef4444,#dc2626)}.activity-list{flex-direction:column;display:flex}.activity-item{border-bottom:1px solid var(--border);gap:.75rem;padding:.65rem 0;font-size:.78rem;display:flex}.activity-item:last-child{border-bottom:none}.activity-dot{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:1px;font-size:.65rem;display:flex}.activity-dot.success{background:var(--success-bg);color:var(--success)}.activity-dot.warning{background:var(--warning-bg);color:var(--warning)}.activity-dot.danger{background:var(--danger-bg);color:var(--danger)}.activity-dot.info{background:var(--info-bg);color:var(--info)}.activity-content{flex:1}.activity-title{color:var(--text-primary);margin-bottom:.1rem;font-weight:600}.activity-meta{color:var(--text-muted);font-size:.7rem}.tab-bar{border-bottom:1px solid var(--border);gap:.25rem;margin-bottom:1.25rem;display:flex}.tab-item{color:var(--text-muted);cursor:pointer;white-space:nowrap;border-bottom:2px solid #0000;align-items:center;gap:.4rem;margin-bottom:-1px;padding:.5rem .875rem;font-size:.78rem;font-weight:500;transition:color .18s,border-color .18s;display:flex}.tab-item:hover{color:var(--text-primary)}.tab-item.active{color:var(--primary);border-color:var(--primary);font-weight:600}.tab-item svg{width:14px;height:14px}.chip-group{flex-wrap:wrap;gap:.4rem;display:flex}.chip{background:var(--toggle-bg);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:999px;align-items:center;gap:.3rem;padding:.25rem .65rem;font-size:.7rem;font-weight:600;transition:all .15s;display:inline-flex}.chip:hover,.chip.active{background:var(--primary-subtle);border-color:var(--primary);color:var(--primary)}@media (width<=1024px){.grid-3,.form-grid-3{grid-template-columns:1fr 1fr}}@media (width<=768px){.erp-header{padding:0 .75rem}.erp-brand span,.erp-header-center,.user-pill-info{display:none}.erp-content{padding:.875rem}.stats-grid{grid-template-columns:1fr 1fr}.grid-2,.form-grid-2{grid-template-columns:1fr}}@media (width<=480px){.stats-grid{grid-template-columns:1fr}}.page-title,.page-subtitle{display:none!important}.page-header:not(:has(.page-actions *)){display:none!important}