@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;color:#1e293b;background:#f1f5f9;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}:root{--sidebar-w: 240px;--topbar-h: 56px;--c-brand: #1e40af;--c-brand-dark: #1e3a8a;--c-brand-light: #dbeafe;--c-sidebar-bg: #0f172a;--c-sidebar-txt: #cbd5e1;--c-sidebar-active-bg: #1e40af;--c-sidebar-active-txt: #ffffff;--c-topbar-bg: #ffffff;--c-content-bg: #f1f5f9;--c-surface: #ffffff;--c-border: #e2e8f0;--c-muted: #64748b;--c-danger: #dc2626;--c-success: #16a34a;--shadow-sm: 0 1px 3px rgb(0 0 0 / .08), 0 1px 2px rgb(0 0 0 / .05);--shadow-md: 0 4px 12px rgb(0 0 0 / .08), 0 2px 4px rgb(0 0 0 / .06);--shadow-lg: 0 10px 30px rgb(0 0 0 / .1), 0 4px 8px rgb(0 0 0 / .06);--r-sm: 6px;--r-md: 10px;--r-lg: 14px}.erp-shell{display:flex;height:100vh;overflow:hidden}.erp-sidebar{width:var(--sidebar-w);flex-shrink:0;display:flex;flex-direction:column;background:var(--c-sidebar-bg);color:var(--c-sidebar-txt);overflow-y:auto;overflow-x:hidden}.erp-sidebar-brand{display:flex;align-items:center;gap:10px;padding:18px 16px;border-bottom:1px solid rgb(255 255 255 / .07);flex-shrink:0}.erp-sidebar-logo{width:34px;height:34px;border-radius:var(--r-sm);background:var(--c-brand);display:grid;place-items:center;font-weight:900;font-size:13px;color:#fff;letter-spacing:.05em;flex-shrink:0}.erp-sidebar-brand-name{display:flex;flex-direction:column;line-height:1.2}.erp-sidebar-brand-name strong{font-size:13px;font-weight:800;color:#f8fafc}.erp-sidebar-brand-name span{font-size:10px;color:#64748b;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.erp-nav{padding:12px 8px;display:flex;flex-direction:column;gap:2px;flex:1}.erp-nav-section{margin-top:16px;padding:0 8px 6px;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#475569}.erp-nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--r-sm);color:var(--c-sidebar-txt);font-size:13.5px;font-weight:500;transition:background .15s,color .15s;cursor:pointer}.erp-nav-item:hover{background:#ffffff12;color:#f1f5f9}.erp-nav-item.active{background:var(--c-sidebar-active-bg);color:var(--c-sidebar-active-txt);font-weight:600}.erp-nav-icon{width:18px;height:18px;flex-shrink:0;opacity:.75}.erp-nav-item.active .erp-nav-icon,.erp-nav-item:hover .erp-nav-icon{opacity:1}.erp-sidebar-footer{border-top:1px solid rgb(255 255 255 / .07);padding:12px 16px;flex-shrink:0}.erp-sidebar-user{display:flex;align-items:center;gap:10px}.erp-sidebar-avatar{width:32px;height:32px;border-radius:50%;background:var(--c-brand);display:grid;place-items:center;font-size:12px;font-weight:800;color:#fff;flex-shrink:0}.erp-sidebar-user-info{flex:1;min-width:0}.erp-sidebar-user-info strong{display:block;font-size:12px;font-weight:700;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.erp-sidebar-user-info span{font-size:10px;color:#64748b;text-transform:capitalize}.erp-sidebar-logout{background:transparent;border:none;padding:5px;border-radius:var(--r-sm);color:#475569;cursor:pointer;transition:color .15s,background .15s;flex-shrink:0;display:grid;place-items:center}.erp-sidebar-logout:hover{color:#f87171;background:#f871711a}.erp-main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.erp-topbar{height:var(--topbar-h);background:var(--c-topbar-bg);border-bottom:1px solid var(--c-border);display:flex;align-items:center;padding:0 24px;gap:16px;flex-shrink:0;box-shadow:var(--shadow-sm)}.erp-topbar-breadcrumb{flex:1;display:flex;align-items:center;gap:6px;font-size:13px;color:var(--c-muted)}.erp-topbar-breadcrumb strong{color:#1e293b;font-weight:600}.erp-topbar-breadcrumb .sep{opacity:.4}.erp-topbar-actions{display:flex;align-items:center;gap:10px}.erp-content{flex:1;overflow-y:auto;padding:28px 32px;background:var(--c-content-bg)}.erp-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.erp-page-header h1{font-size:22px;font-weight:800;color:#0f172a;line-height:1.2}.erp-page-header p{font-size:13px;color:var(--c-muted);margin-top:3px}.erp-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);overflow:hidden}.erp-card-header{padding:16px 20px;border-bottom:1px solid var(--c-border);display:flex;align-items:center;justify-content:space-between;gap:12px}.erp-card-header h2{font-size:14px;font-weight:700;color:#0f172a}.erp-card-body{padding:20px}.erp-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:24px}.erp-stat-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:20px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:10px}.erp-stat-label{font-size:12px;font-weight:600;color:var(--c-muted);text-transform:uppercase;letter-spacing:.08em}.erp-stat-value{font-size:32px;font-weight:800;color:#0f172a;line-height:1}.erp-stat-icon{width:40px;height:40px;border-radius:var(--r-md);display:grid;place-items:center;flex-shrink:0}.erp-stat-row{display:flex;align-items:flex-start;justify-content:space-between}.erp-quick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.erp-quick-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:20px;box-shadow:var(--shadow-sm);cursor:pointer;transition:box-shadow .2s,border-color .2s,transform .15s;display:flex;flex-direction:column;gap:12px;text-decoration:none;color:inherit}.erp-quick-card:hover{box-shadow:var(--shadow-md);border-color:var(--c-brand);transform:translateY(-1px)}.erp-quick-icon{width:44px;height:44px;border-radius:var(--r-md);display:grid;place-items:center}.erp-quick-card h3{font-size:14px;font-weight:700;color:#0f172a}.erp-quick-card p{font-size:12px;color:var(--c-muted);line-height:1.4}.erp-table-wrapper{overflow-x:auto}.erp-table{width:100%;border-collapse:collapse}.erp-table th{padding:10px 16px;text-align:left;font-size:11px;font-weight:700;color:var(--c-muted);text-transform:uppercase;letter-spacing:.08em;background:#f8fafc;border-bottom:1px solid var(--c-border);white-space:nowrap}.erp-table td{padding:13px 16px;font-size:13.5px;color:#1e293b;border-bottom:1px solid #f1f5f9;vertical-align:middle}.erp-table tbody tr:last-child td{border-bottom:none}.erp-table tbody tr:hover td{background:#f8fafc}.erp-table-cell-name{font-weight:600}.erp-form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.erp-field{display:flex;flex-direction:column;gap:6px}.erp-field label{font-size:12px;font-weight:700;color:#475569;letter-spacing:.03em}.erp-field input,.erp-field select{padding:9px 12px;border:1px solid var(--c-border);border-radius:var(--r-md);font-size:14px;color:#1e293b;background:#fff;outline:none;transition:border-color .15s,box-shadow .15s;width:100%}.erp-field input:focus,.erp-field select:focus{border-color:var(--c-brand);box-shadow:0 0 0 3px #1e40af1f}.erp-field input[type=color]{padding:2px 4px;height:38px;cursor:pointer}.erp-field-row{display:flex;align-items:flex-end;gap:10px}.erp-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 16px;border-radius:var(--r-md);font-size:13px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s,opacity .15s;white-space:nowrap;line-height:1}.erp-btn:disabled{opacity:.5;cursor:not-allowed}.erp-btn-primary{background:var(--c-brand);color:#fff;border-color:var(--c-brand)}.erp-btn-primary:hover:not(:disabled){background:var(--c-brand-dark);border-color:var(--c-brand-dark)}.erp-btn-secondary{background:#fff;color:#374151;border-color:var(--c-border)}.erp-btn-secondary:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.erp-btn-danger{background:transparent;color:var(--c-danger);border-color:transparent;padding-left:8px;padding-right:8px}.erp-btn-danger:hover:not(:disabled){background:#fef2f2;border-color:#fecaca}.erp-btn-sm{padding:5px 11px;font-size:12px;border-radius:var(--r-sm)}.erp-alert{padding:10px 14px;border-radius:var(--r-md);font-size:13px;margin-bottom:16px}.erp-alert-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.erp-alert-success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.erp-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:100px;font-size:11px;font-weight:600}.erp-empty{text-align:center;padding:48px 24px;color:var(--c-muted);font-size:14px}.erp-empty svg{margin:0 auto 12px;display:block;opacity:.4}.erp-color-dot{width:24px;height:24px;border-radius:50%;border:2px solid #e2e8f0;display:inline-block;flex-shrink:0}.erp-login-shell{min-height:100vh;display:flex;background:#fff}.erp-login-brand{width:420px;flex-shrink:0;background:linear-gradient(160deg,#0f172a,#1e3a8a 60%,#1d4ed8);display:flex;flex-direction:column;justify-content:center;padding:60px 48px;position:relative;overflow:hidden}.erp-login-brand:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Ccircle cx='30' cy='30' r='20'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.erp-login-brand-content{position:relative;z-index:1}.erp-login-brand-logo{width:52px;height:52px;background:#ffffff26;border:1px solid rgb(255 255 255 / .25);border-radius:14px;display:grid;place-items:center;font-weight:900;font-size:18px;color:#fff;letter-spacing:.06em;margin-bottom:28px}.erp-login-brand h1{font-size:30px;font-weight:900;color:#fff;line-height:1.15;margin-bottom:14px}.erp-login-brand p{font-size:14px;color:#ffffffa6;line-height:1.6}.erp-login-brand-features{margin-top:40px;display:flex;flex-direction:column;gap:14px}.erp-login-feature{display:flex;align-items:center;gap:12px;color:#ffffffbf;font-size:13px}.erp-login-feature-dot{width:7px;height:7px;border-radius:50%;background:#60a5fa;flex-shrink:0}.erp-login-form-area{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 48px;background:#fafafa}.erp-login-form-box{width:100%;max-width:380px}.erp-login-form-box h2{font-size:22px;font-weight:800;color:#0f172a;margin-bottom:6px}.erp-login-form-box>p{font-size:14px;color:var(--c-muted);margin-bottom:32px}.erp-login-form-box .erp-field{margin-bottom:16px}.erp-login-submit{width:100%;padding:12px;margin-top:8px;border:none;border-radius:var(--r-lg);background:var(--c-brand);color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:background .15s,box-shadow .15s}.erp-login-submit:hover:not(:disabled){background:var(--c-brand-dark);box-shadow:0 4px 14px #1e40af59}.erp-login-submit:disabled{opacity:.6;cursor:not-allowed}.erp-toolbar{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.erp-toolbar .erp-field input,.erp-toolbar .erp-field select,.erp-toolbar .erp-btn{height:38px;padding-top:0;padding-bottom:0}.erp-table-actions{display:flex;align-items:center;gap:4px}.erp-table-actions .erp-btn{height:38px;padding-top:0;padding-bottom:0}.erp-inline-form{background:#f8fafc;border:1px solid var(--c-border);border-radius:var(--r-lg);padding:20px;margin-bottom:20px}.erp-inline-form h3{font-size:14px;font-weight:700;color:#0f172a;margin-bottom:16px}@media (max-width: 900px){.erp-login-brand{display:none}.erp-login-form-area{padding:40px 24px}.erp-sidebar{width:200px}:root{--sidebar-w: 200px}}@media (max-width: 640px){.erp-content{padding:20px 16px}}.erp-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.erp-modal{background:#fff;border-radius:16px;box-shadow:0 24px 60px #00000038,0 4px 12px #0000001a;width:100%;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .2s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.erp-modal-sm{max-width:440px}.erp-modal-md{max-width:560px}.erp-modal-lg{max-width:760px}.erp-modal-xl{max-width:960px}.erp-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 24px 16px;border-bottom:1px solid #e2e8f0;flex-shrink:0}.erp-modal-header-info h2{font-size:16px;font-weight:800;color:#0f172a;line-height:1.2}.erp-modal-header-info p{font-size:12px;color:#64748b;margin-top:3px}.erp-modal-close{width:32px;height:32px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;display:grid;place-items:center;cursor:pointer;color:#64748b;flex-shrink:0;transition:background .15s,color .15s}.erp-modal-close:hover{background:#f1f5f9;color:#1e293b}.erp-modal-body{padding:20px 24px;overflow-y:auto;flex:1}.erp-modal-footer{padding:16px 24px;border-top:1px solid #e2e8f0;display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-shrink:0;background:#f8fafc;border-radius:0 0 16px 16px}.erp-wizard-steps{display:flex;align-items:center;gap:0;margin-bottom:24px;overflow-x:auto}.erp-wizard-step{display:flex;align-items:center;gap:8px;flex-shrink:0}.erp-wizard-step-num{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;flex-shrink:0;border:2px solid #e2e8f0;background:#fff;color:#94a3b8;transition:background .2s,border-color .2s,color .2s}.erp-wizard-step-label{font-size:12px;font-weight:600;color:#94a3b8;white-space:nowrap;transition:color .2s}.erp-wizard-step.done .erp-wizard-step-num{background:#16a34a;border-color:#16a34a;color:#fff}.erp-wizard-step.active .erp-wizard-step-num{background:#1e40af;border-color:#1e40af;color:#fff}.erp-wizard-step.active .erp-wizard-step-label{color:#1e40af;font-weight:700}.erp-wizard-step.done .erp-wizard-step-label{color:#16a34a}.erp-wizard-connector{flex:1;min-width:20px;height:2px;background:#e2e8f0;margin:0 6px;transition:background .2s}.erp-wizard-connector.done{background:#16a34a}.erp-wizard-section{margin-bottom:20px}.erp-wizard-section h3{font-size:13px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.erp-wizard-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.erp-wizard-list-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;font-size:13px}.erp-wizard-list-item-meta{flex:1;min-width:0}.erp-wizard-list-item-meta strong{display:block;font-weight:700;color:#0f172a}.erp-wizard-list-item-meta span{font-size:12px;color:#64748b}.erp-upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:140px;border:2px dashed #cbd5e1;border-radius:12px;background:#f8fafc;cursor:pointer;transition:border-color .15s,background .15s;padding:24px;text-align:center}.erp-upload-zone:hover{border-color:#1e40af;background:#eff6ff}.erp-upload-zone input{display:none}.erp-upload-zone strong{font-size:14px;font-weight:700;color:#0f172a}.erp-upload-zone span{font-size:12px;color:#64748b}.erp-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;margin-top:12px}.erp-photo-thumb{position:relative;border-radius:10px;overflow:hidden;border:1px solid #e2e8f0;aspect-ratio:1}.erp-photo-thumb img{width:100%;height:100%;object-fit:cover;display:block}.erp-photo-thumb-badge{position:absolute;top:4px;left:4px;background:#1e40af;color:#fff;font-size:9px;font-weight:800;padding:2px 6px;border-radius:4px}.erp-photo-remove{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;background:#dc2626d9;color:#fff;border:none;cursor:pointer;display:grid;place-items:center;font-size:12px;font-weight:900;line-height:1}.erp-review-block{border:1px solid #e2e8f0;border-radius:10px;margin-bottom:12px;overflow:hidden}.erp-review-block-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.erp-review-block-header span{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#64748b}.erp-review-block-header button{background:none;border:none;color:#1e40af;font-size:12px;font-weight:600;cursor:pointer}.erp-review-block-body{padding:12px 14px}.erp-pill-list{display:flex;flex-wrap:wrap;gap:6px}.erp-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:100px;background:#f1f5f9;color:#1e293b;font-size:12px;font-weight:600;border:1px solid #e2e8f0}.erp-wizard-success{text-align:center;padding:32px 16px}.erp-wizard-success-icon{width:64px;height:64px;border-radius:50%;background:#dcfce7;display:grid;place-items:center;margin:0 auto 16px}.erp-wizard-success h3{font-size:20px;font-weight:800;color:#0f172a;margin-bottom:8px}.erp-wizard-success p{font-size:14px;color:#64748b;line-height:1.5}