:root{--erp-primary: #4f46e5;--erp-primary-hover: #4338ca;--erp-primary-soft: rgba(79, 70, 229, .1);--erp-overlay: rgba(15, 23, 42, .45);--erp-bg: #f5f7fb;--erp-surface: #ffffff;--erp-surface-hover: #f8fafc;--erp-surface-muted: #f1f5f9;--erp-text: #0f172a;--erp-text-secondary: #64748b;--erp-text-muted: #94a3b8;--erp-border: #e2e8f0;--erp-border-light: #edf2f7;--erp-success-bg: #dcfce7;--erp-success-text: #15803d;--erp-secondary-bg: #e2e8f0;--erp-secondary-text: #475569;--erp-danger-bg: #fee2e2;--erp-danger-text: #dc2626;--erp-warning-bg: #fef3c7;--erp-warning-text: #b45309;--erp-shadow-sm: 0 1px 2px rgba(15, 23, 42, .02);--erp-shadow-md: 0 8px 24px rgba(15, 23, 42, .04);--erp-shadow-lg: 0 10px 30px rgba(15, 23, 42, .08)}[data-theme=dark]{--erp-overlay: rgba(0, 0, 0, .65);--erp-primary: #6366f1;--erp-primary-hover: #818cf8;--erp-primary-soft: rgba(99, 102, 241, .15);--erp-bg: #0f172a;--erp-surface: #1e293b;--erp-surface-hover: #334155;--erp-surface-muted: #273449;--erp-text: #f8fafc;--erp-text-secondary: #cbd5e1;--erp-text-muted: #94a3b8;--erp-border: #475569;--erp-border-light: #334155;--erp-success-bg: rgba(34, 197, 94, .15);--erp-success-text: #86efac;--erp-secondary-bg: #334155;--erp-secondary-text: #cbd5e1;--erp-danger-bg: rgba(239, 68, 68, .15);--erp-danger-text: #fca5a5;--erp-warning-bg: rgba(245, 158, 11, .15);--erp-warning-text: #fcd34d;--erp-shadow-sm: none;--erp-shadow-md: 0 10px 30px rgba(0, 0, 0, .25);--erp-shadow-lg: 0 15px 40px rgba(0, 0, 0, .35)}.erp-surface{background:var(--erp-surface);border:1px solid var(--erp-border);border-radius:16px;color:var(--erp-text);box-shadow:var(--erp-shadow-sm),var(--erp-shadow-md);transition:background-color .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease}.erp-header-card{background:var(--erp-surface);border:1px solid var(--erp-border);border-radius:16px;padding:10px 14px;color:var(--erp-text);box-shadow:var(--erp-shadow-sm),var(--erp-shadow-md);transition:background-color .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease}.erp-form-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.erp-field{display:flex;flex-direction:column;gap:6px;min-width:0}.erp-modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:18px;padding-top:14px;border-top:1px solid var(--erp-border)}.w-fit{width:fit-content}.cursor-pointer{cursor:pointer}.erp-empty-value{color:var(--erp-text-muted);font-style:italic}.text-muted{color:var(--erp-text-secondary)}.text-primary{color:var(--erp-primary)}.text-danger{color:var(--erp-danger-text)}.text-success{color:var(--erp-success-text)}.overflow-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-column{display:flex;flex-direction:column}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-12{gap:12px}.erp-input-group{display:flex;flex-direction:column;gap:6px;min-width:0}.erp-label-row{display:flex;align-items:center;gap:4px}.erp-label{margin:0;font-size:12px;font-weight:600;color:var(--erp-text-secondary);line-height:1.2}.erp-required{color:var(--erp-danger-text);font-size:12px;font-weight:700}.erp-input{width:100%;min-width:0;max-width:100%;height:38px;padding-inline:12px;border-radius:12px;border:1px solid var(--erp-border);background:var(--erp-surface);color:var(--erp-text);font-size:13px;font-weight:500;line-height:1;box-sizing:border-box;transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .15s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none}.erp-input::placeholder{color:var(--erp-text-muted);font-size:12px;font-weight:400}.erp-input:hover:not(:disabled){border-color:color-mix(in srgb,var(--erp-border) 65%,var(--erp-primary))}.erp-input:focus{outline:none;border-color:var(--erp-primary);background:var(--erp-surface);box-shadow:0 0 0 4px #6366f11a}.erp-input[readonly]{cursor:default;background:var(--erp-surface-hover);color:var(--erp-text-secondary)}.erp-input:disabled{cursor:not-allowed;opacity:.7;background:var(--erp-surface-hover);color:var(--erp-text-muted)}.erp-input.is-invalid{border-color:var(--erp-danger-text)}.erp-input.is-invalid:focus{box-shadow:0 0 0 4px #ef44441a}.erp-input.is-valid{border-color:var(--erp-success-text)}.erp-input.is-valid:focus{box-shadow:0 0 0 4px #22c55e1a}textarea.erp-input{min-height:90px;height:auto;resize:vertical;padding-top:10px;padding-bottom:10px;line-height:1.5}select.erp-input{cursor:pointer;padding-right:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='%2364748b' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 5.5L8 12l6.5-6.5' stroke='%2364748b' stroke-width='2' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px}.erp-input-wrapper{position:relative;width:100%}.erp-input-icon-left{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--erp-text-muted);pointer-events:none;z-index:2}.erp-input-left{padding-left:36px}.erp-input-icon-right{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--erp-text-muted);z-index:2}.erp-input-right{padding-right:36px}.erp-lookup-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:28px;height:28px;border:none;border-radius:8px;background:transparent;color:var(--erp-text-secondary);transition:.15s ease}.erp-lookup-btn:hover{background:var(--erp-surface-hover);color:var(--erp-primary)}.erp-table .erp-input{height:34px;font-size:12px;border-radius:10px}.erp-input-search{padding-left:38px}.erp-input-sm{height:32px;border-radius:10px;font-size:12px}.erp-input-lg{height:44px;border-radius:14px;font-size:14px}@media(max-width:768px){.erp-input{height:40px;font-size:14px}.erp-label{font-size:11px}.erp-input-sm{height:36px}.erp-input-lg{height:44px}}.erp-action-btn{height:34px;border-radius:10px;background:var(--erp-surface);border:1px solid var(--erp-border);color:var(--erp-text);font-size:12px;font-weight:500;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px}.erp-action-btn:hover:not(:disabled){background:var(--erp-surface-hover);border-color:var(--erp-border)}.erp-action-btn:disabled{opacity:.55;cursor:not-allowed}.erp-primary-btn{height:34px;border:none;border-radius:10px;background:var(--erp-primary);color:#fff!important;font-size:12px;font-weight:600;padding-inline:14px;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all .15s ease}.erp-primary-btn:hover:not(:disabled){background:var(--erp-primary-hover);color:#fff!important}.erp-primary-btn:focus,.erp-primary-btn:active{background:var(--erp-primary-hover)!important;color:#fff!important;box-shadow:0 0 0 4px #6366f126!important}.erp-footer-btn{height:34px;min-width:96px;border-radius:10px;padding-inline:14px;border:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:600;transition:all .15s ease}.erp-footer-btn-light{background:var(--erp-surface);border:1px solid var(--erp-border);color:var(--erp-text-secondary)}.erp-footer-btn-light:hover:not(:disabled){background:var(--erp-surface-hover)}.erp-footer-btn-primary{background:var(--erp-primary);color:#fff;box-shadow:0 8px 18px #4f46e52e}.erp-footer-btn-primary:hover:not(:disabled){background:var(--erp-primary-hover);transform:translateY(-1px)}.erp-footer-btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.erp-success-btn{background:var(--erp-success-bg);color:var(--erp-success-text);border-color:transparent}.erp-success-btn:hover{filter:brightness(.97)}.erp-danger-btn{background:var(--erp-danger-bg);color:var(--erp-danger-text);border-color:transparent}.erp-danger-btn:hover{filter:brightness(.97)}.erp-checkbox{width:16px;height:16px;border-radius:5px;accent-color:var(--erp-primary)}.erp-boolean-card{background:var(--erp-surface-hover);border:1px solid var(--erp-border);border-radius:14px;padding:12px 14px;transition:background-color .25s ease,border-color .25s ease}.erp-boolean-card:hover{background:var(--erp-surface-muted);border-color:var(--erp-primary)}.erp-boolean-label{color:var(--erp-text);font-size:13px;font-weight:600}.erp-boolean-sub{color:var(--erp-text-secondary);font-size:11px}.erp-switch{position:relative;display:inline-block;width:42px;height:22px}.erp-switch input{opacity:0;width:0;height:0}.erp-slider{position:absolute;inset:0;cursor:pointer;border-radius:999px;background:var(--erp-border);transition:.25s ease}.erp-slider:before{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.25s ease;box-shadow:0 1px 2px #00000026}.erp-switch input:checked+.erp-slider{background:var(--erp-primary)}.erp-switch input:checked+.erp-slider:before{transform:translate(20px)}.erp-switch input:focus+.erp-slider{box-shadow:0 0 0 4px #6366f11f}.erp-badge{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap}.erp-badge-success{background:var(--erp-success-bg);color:var(--erp-success-text)}.erp-badge-secondary{background:var(--erp-secondary-bg);color:var(--erp-secondary-text)}.erp-badge-warning{background:var(--erp-warning-bg);color:var(--erp-warning-text)}.erp-badge-danger{background:var(--erp-danger-bg);color:var(--erp-danger-text)}.erp-dropdown-menu{min-width:220px;border-radius:14px;border:1px solid #e8edf3;padding:8px;box-shadow:0 10px 30px #0f172a14}.erp-dropdown-item{border-radius:10px;padding:8px 10px;font-size:13px;transition:.15s ease}.erp-dropdown-item:hover{background:#f8fafc}.erp-dropdown-item.active{background:#eff6ff;color:#2563eb;font-weight:600}.erp-dropdown-item.active i{color:#2563eb}.erp-dropdown-item.active:hover{background:#dbeafe}.erp-group-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#64748b;display:flex;align-items:center}.erp-group-label:after{content:"";width:1px;height:14px;background:#dbe4ee;margin-left:10px}.erp-inline-tab{background:transparent;border:none;border-radius:10px;font-size:12px;font-weight:500;color:#64748b;transition:all .18s ease;height:34px;padding-inline:12px;display:inline-flex;align-items:center;gap:6px}.erp-inline-tab:hover{background:#f8fafc;color:#0f172a}.erp-inline-tab.active{background:#4f46e51a;color:#4338ca;font-weight:600}.erp-table-responsive{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;border-radius:16px}.erp-table{width:100%;margin-bottom:0;table-layout:fixed;background:var(--erp-surface);color:var(--erp-text)}.erp-table thead th{background:var(--erp-surface-hover);border-bottom:1px solid var(--erp-border-light);padding:12px 14px;font-size:11px;font-weight:700;color:var(--erp-text-secondary);text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.erp-table tbody td{padding:12px 14px;vertical-align:middle;border-color:var(--erp-border-light);font-size:13px;color:var(--erp-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative}.erp-table tbody tr{transition:background-color .15s ease,color .15s ease}.erp-table tbody tr:hover{background:var(--erp-surface-hover)}.erp-cell-value{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.erp-table input,.erp-table select,.erp-table textarea{width:100%;min-width:0;max-width:100%;box-sizing:border-box}.erp-table td .position-relative{width:100%}.erp-table .sticky-end{position:sticky;right:0;z-index:5;background:var(--erp-surface);box-shadow:-6px 0 10px #0f172a0f}@media(max-width:768px){.erp-table thead{display:none}.erp-table,.erp-table tbody,.erp-table tr,.erp-table td{display:block;width:100%}.erp-table tbody tr{background:var(--erp-surface);border:1px solid var(--erp-border);border-radius:18px;margin-bottom:14px;padding:12px;box-shadow:var(--erp-shadow-sm),var(--erp-shadow-md);overflow:hidden}.erp-table tbody td{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:10px 0;border:none;border-bottom:1px dashed var(--erp-border);text-align:right;white-space:normal}.erp-table tbody td:last-child{border-bottom:none}.erp-table tbody td:before{content:attr(data-label);flex-shrink:0;text-align:left;font-size:11px;font-weight:700;color:var(--erp-text-secondary);text-transform:uppercase;letter-spacing:.4px}.erp-table .sticky-end{position:static;box-shadow:none}.hide-mobile{display:none!important}}html,body{margin:0;height:100%;font-family:Inter,sans-serif;background:var(--erp-bg);color:var(--erp-text);overflow-x:hidden;scrollbar-gutter:stable;transition:background-color .25s ease,color .25s ease}body{background:var(--erp-bg)}*,*:before,*:after{box-sizing:border-box}table{margin-bottom:0!important}button{outline:none}input,select,textarea{font:inherit}.erp-surface,.erp-header-card,.erp-input,.erp-dropdown,.erp-dropdown-menu,.erp-table,.erp-action-btn,.erp-primary-btn,.erp-footer-btn,.erp-boolean-card,.erp-inline-tab,.erp-dropdown-item,.modal-content,.sidebar-link,.header-icon-btn,.user-profile{transition:background-color .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease,opacity .25s ease}.fadeIn{animation:fadeIn .35s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}*{scrollbar-width:thin;scrollbar-color:var(--erp-border) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--erp-border);border-radius:999px;border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--erp-text-secondary);background-clip:content-box}.table-body,.erp-dropdown,.erp-dropdown-menu{scrollbar-width:thin;scrollbar-color:var(--erp-border) transparent}.table-body::-webkit-scrollbar,.erp-dropdown::-webkit-scrollbar,.erp-dropdown-menu::-webkit-scrollbar{width:6px}.table-body::-webkit-scrollbar-track,.erp-dropdown::-webkit-scrollbar-track,.erp-dropdown-menu::-webkit-scrollbar-track{background:transparent}.table-body::-webkit-scrollbar-thumb,.erp-dropdown::-webkit-scrollbar-thumb,.erp-dropdown-menu::-webkit-scrollbar-thumb{background:var(--erp-border);border-radius:999px}.table-body::-webkit-scrollbar-thumb:hover,.erp-dropdown::-webkit-scrollbar-thumb:hover,.erp-dropdown-menu::-webkit-scrollbar-thumb:hover{background:var(--erp-text-secondary)}::selection{background:var(--erp-primary-soft);color:var(--erp-text)}:focus-visible{outline:none;box-shadow:0 0 0 3px #6366f126}