:root{--sidebar-w: 248px;--sidebar-bg: #0F172A;--sidebar-hover: rgba(255,255,255,.07);--sidebar-active-bg: rgba(249,115,22,.15);--sidebar-active-border: #F97316;--accent: #F97316;--accent-hover: #EA580C;--accent-light: #FFF7ED;--accent-muted: rgba(249,115,22,.12);--bg: #F1F5F9;--card: #FFFFFF;--card-border: #E2E8F0;--card-shadow: 0 1px 3px rgba(15,23,42,.05), 0 8px 24px rgba(15,23,42,.04);--card-radius: 14px;--text-1: #0F172A;--text-2: #334155;--text-3: #64748B;--text-4: #94A3B8;--border: #E2E8F0;--border-light: #F1F5F9;--green: #10B981;--green-bg: #ECFDF5;--green-text: #065F46;--red: #EF4444;--red-bg: #FEF2F2;--red-text: #991B1B;--blue: #3B82F6;--blue-bg: #EFF6FF;--blue-text: #1D4ED8;--yellow: #F59E0B;--yellow-bg: #FFFBEB;--yellow-text: #92400E;--slate-bg: #F8FAFC;--slate-text: #475569;--radius-sm: 8px;--radius: 10px;--radius-lg: 14px;--radius-xl: 18px;--transition: .15s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text-2);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}::selection{background:#f9731626;color:var(--text-1)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid rgba(249,115,22,.4)!important;outline-offset:0;border-color:var(--accent)!important}.erp-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow)}.erp-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:var(--radius);border:none;font-size:13.5px;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;transition:background var(--transition),box-shadow var(--transition),transform var(--transition);line-height:1}.erp-btn:active{transform:scale(.98)}.erp-btn-primary{background:var(--accent);color:#fff;box-shadow:0 1px 2px #f9731633}.erp-btn-primary:hover{background:var(--accent-hover);box-shadow:0 4px 12px #f973164d}.erp-btn-secondary{background:var(--bg);color:var(--text-2);border:1px solid var(--border)}.erp-btn-secondary:hover{background:#e2e8f0}.erp-btn-ghost{background:transparent;color:var(--text-3);border:1px solid transparent}.erp-btn-ghost:hover{background:var(--bg);color:var(--text-2);border-color:var(--border)}.erp-btn-danger{background:var(--red-bg);color:var(--red-text);border:1px solid rgba(239,68,68,.2)}.erp-btn-danger:hover{background:#fee2e2}.erp-btn-warning{background:var(--yellow-bg);color:var(--yellow-text);border:1px solid rgba(245,158,11,.2)}.erp-btn-warning:hover{background:#fef3c7}.erp-btn-sm{padding:5px 11px;font-size:12.5px;border-radius:7px}.erp-btn-lg{padding:11px 22px;font-size:14.5px;border-radius:11px}.erp-btn:disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.erp-label{display:block;font-size:12.5px;font-weight:600;color:var(--text-2);margin-bottom:5px;letter-spacing:.1px}.erp-input,.erp-select,.erp-textarea{width:100%;padding:9px 12px;border-radius:var(--radius);border:1.5px solid var(--border);background:#fafbfc;color:var(--text-1);font-size:13.5px;font-family:inherit;outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.erp-input:focus,.erp-select:focus,.erp-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #f973161a;background:#fff}.erp-input.error{border-color:var(--red)}.erp-input::placeholder{color:var(--text-4)}.erp-textarea{resize:vertical}.erp-field-err{color:var(--red);font-size:12px;margin-top:4px}.erp-search{display:flex;align-items:center;background:#fff;border:1.5px solid var(--border);border-radius:var(--radius);padding:0 12px;gap:8px;max-width:360px;transition:border-color var(--transition)}.erp-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #f973161a}.erp-search input{flex:1;border:none;background:transparent;outline:none;font-size:13.5px;color:var(--text-1);padding:9px 0;font-family:inherit}.erp-search input::placeholder{color:var(--text-4)}.erp-search-icon{color:var(--text-4);font-size:14px;flex-shrink:0}.erp-table-wrap{overflow-x:auto;border-radius:var(--card-radius)}.erp-table{width:100%;border-collapse:collapse;font-size:13.5px}.erp-table thead tr{background:var(--slate-bg);border-bottom:1px solid var(--border)}.erp-table th{padding:11px 16px;text-align:left;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-3);white-space:nowrap}.erp-table td{padding:13px 16px;color:var(--text-2);border-bottom:1px solid var(--border-light);vertical-align:middle}.erp-table tbody tr:last-child td{border-bottom:none}.erp-table tbody tr:hover td{background:#fafbfc}.erp-table .cell-primary{font-weight:600;color:var(--text-1)}.erp-table .cell-mono{font-family:JetBrains Mono,Fira Code,monospace;font-size:12.5px}.erp-table .cell-muted{color:var(--text-4);font-size:12.5px}.erp-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:99px;font-size:11.5px;font-weight:600;white-space:nowrap}.badge-green{background:var(--green-bg);color:var(--green-text)}.badge-red{background:var(--red-bg);color:var(--red-text)}.badge-blue{background:var(--blue-bg);color:var(--blue-text)}.badge-yellow{background:var(--yellow-bg);color:var(--yellow-text)}.badge-gray{background:var(--slate-bg);color:var(--slate-text)}.badge-orange{background:var(--accent-light);color:#9a3412}.erp-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:16px}.erp-page-title{font-size:22px;font-weight:800;color:var(--text-1);letter-spacing:-.4px}.erp-page-subtitle{font-size:13px;color:var(--text-4);margin-top:3px}.erp-divider{height:1px;background:var(--border);border:none;margin:20px 0}.erp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 32px;text-align:center;color:var(--text-4)}.erp-empty-icon{font-size:40px;margin-bottom:12px;opacity:.5}.erp-empty-title{font-size:15px;font-weight:600;color:var(--text-3);margin-bottom:6px}.erp-empty-body{font-size:13px}.erp-stat{background:var(--card);border:1px solid var(--card-border);border-radius:var(--card-radius);padding:20px 22px;box-shadow:var(--card-shadow)}.erp-stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:14px}.erp-stat-label{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-3);margin-bottom:6px}.erp-stat-value{font-size:22px;font-weight:800;letter-spacing:-.5px;line-height:1;color:var(--text-1)}.erp-stat-note{font-size:12px;color:var(--text-4);margin-top:6px}.erp-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:#0f172a8c;display:flex;align-items:center;justify-content:center;padding:16px;animation:modal-bg-in .18s ease}.erp-modal-box{width:100%;max-height:92vh;overflow-y:auto;background:#fff;border-radius:16px;box-shadow:0 32px 80px #0f172a38;padding:28px;font-family:inherit;animation:modal-in .2s cubic-bezier(.34,1.2,.64,1)}.erp-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.erp-modal-title{font-size:17px;font-weight:800;color:var(--text-1);letter-spacing:-.3px}.erp-modal-close{width:32px;height:32px;border-radius:8px;background:var(--bg);border:1px solid var(--border);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-3);font-size:16px;transition:background var(--transition)}.erp-modal-close:hover{background:var(--red-bg);color:var(--red);border-color:#ef444433}.erp-form-grid{display:grid;gap:16px}.erp-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.erp-form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.shimmer{background:linear-gradient(90deg,#f1f5f9 25%,#e8edf4,#f1f5f9 75%);background-size:400px 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:8px}@keyframes spin{to{transform:rotate(360deg)}}.erp-spinner{display:inline-block;border-radius:50%;border:2.5px solid rgba(249,115,22,.15);border-top-color:var(--accent);animation:spin .7s linear infinite;flex-shrink:0}.erp-spinner-sm{width:14px;height:14px;border-width:2px}.erp-spinner-md{width:22px;height:22px}.erp-spinner-lg{width:36px;height:36px;border-width:3px}@keyframes toast-in{0%{opacity:0;transform:translate(16px) scale(.97)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes modal-bg-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.erp-toast{animation:toast-in .22s cubic-bezier(.34,1.2,.64,1) both}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.erp-page{animation:fade-up .2s ease-out both}.erp-access-error{background:var(--red-bg);border:1px solid rgba(239,68,68,.2);border-radius:var(--card-radius);padding:24px 28px;color:var(--red-text)}.erp-topbar,.erp-overlay{display:none}@media (max-width: 900px){.erp-sidebar{transform:translate(calc(-1 * var(--sidebar-w)))!important;transition:transform .26s cubic-bezier(.4,0,.2,1)!important;box-shadow:none!important}.erp-sidebar.is-open{transform:translate(0)!important;box-shadow:8px 0 48px #0f172a4d!important}.erp-main{margin-left:0!important;padding-top:84px!important}.erp-topbar{display:flex}.erp-overlay{display:block}}@media (min-width: 901px){.erp-sidebar{transform:translate(0)!important;transition:none!important}}