body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}#root,body,html{height:100%;margin:0;padding:0}body{background-color:#e5e7eb;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.erp-app{display:flex;flex-direction:column;height:100vh}.erp-topbar{background:linear-gradient(90deg,#111827,#1f2937);box-shadow:0 1px 4px #0f172a99;color:#f9fafb;height:56px;justify-content:space-between;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.erp-topbar,.erp-topbar-left{align-items:center;display:flex}.erp-topbar-left{gap:12px}.erp-logo{font-size:18px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.erp-version{font-size:12px;opacity:.75}.erp-topbar-right{align-items:center;display:flex;gap:12px}.erp-topbar-info{align-items:flex-end;display:flex;flex-direction:column;font-size:12px}.erp-topbar-label{opacity:.6}.erp-topbar-value{font-weight:500}.erp-user-avatar{align-items:center;background:#4b5563;border-radius:999px;display:flex;font-size:13px;font-weight:600;height:30px;justify-content:center;width:30px}.erp-body{display:flex;flex:1 1;min-height:0}.erp-sidebar{background:#111827;border-right:1px solid #1f2937;color:#e5e7eb;gap:8px;overflow-y:auto;padding:16px 12px;width:240px}.erp-sidebar-section-title{color:#9ca3af;font-size:11px;letter-spacing:.08em;margin-bottom:4px;text-transform:uppercase}.erp-sidebar-module{margin-bottom:4px}.erp-sidebar-item{align-items:center;background:#0000;border:none;border-radius:6px;color:#e5e7eb;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:8px 10px;text-align:left;transition:background .15s ease,color .15s ease;width:100%}.erp-sidebar-item:hover{background:#1f2937}.erp-sidebar-item.active{background:#2563eb;box-shadow:0 0 0 1px #2563eb99;color:#f9fafb}.erp-submodule-list{display:flex;flex-direction:column;gap:4px;margin-left:8px;margin-top:4px}.erp-submodule-item{color:#9ca3af;transition:background .15s ease,color .15s ease}.erp-submodule-item.active{background:#2563eb26;color:#bfdbfe}.erp-content{background:#f3f4f6;flex:1 1;overflow:auto;padding:20px 24px}.erp-card{border-radius:12px;box-shadow:0 1px 3px #0f172a1f;padding:18px 20px 22px}.erp-page-title{color:#111827;font-size:20px;margin:0 0 4px}.erp-page-subtitle{color:#6b7280;font-size:14px;margin:0 0 12px}.erp-section-title{color:#111827;font-size:16px;margin:24px 0 10px}.erp-divider{margin:12px 0 16px}.erp-placeholder-text{color:#4b5563;font-size:14px;max-width:520px}.erp-placeholder-text code{background:#f3f4f6;border-radius:4px;font-size:13px;padding:2px 4px}.erp-dashboard{display:flex;flex-direction:column;gap:16px}.erp-dashboard-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.erp-dashboard-badge{align-self:flex-start;background:#111827;border-radius:999px;color:#e5e7eb;font-size:12px;padding:6px 10px}.erp-dashboard-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.erp-dashboard-card{padding:16px 16px 18px}.erp-dashboard-card.highlight{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;color:#eff6ff}.erp-dashboard-card.highlight .erp-card-label{color:#bfdbfe}.erp-dashboard-card.highlight .erp-card-value{color:#fff}.erp-card-label{color:#6b7280;font-size:12px;letter-spacing:.08em;margin-bottom:4px;text-transform:uppercase}.erp-card-value{color:#111827;font-size:18px;font-weight:600;margin-bottom:4px}.erp-card-description{color:#6b7280;font-size:13px}.erp-status-pill{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:500;margin-bottom:6px;padding:4px 10px}.erp-status-pill.ok{background:#dcfce7;color:#166534}.erp-module-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.erp-module-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0f172a1f;cursor:pointer;display:flex;gap:10px;padding:12px 14px;text-align:left;transition:transform .08s ease,box-shadow .12s ease,border-color .12s ease}.erp-module-card:hover{border-color:#cbd5f5;box-shadow:0 4px 10px #0f172a2e;transform:translateY(-1px)}.erp-module-icon{align-items:center;background:#eff6ff;border-radius:999px;display:flex;font-size:18px;height:32px;justify-content:center;width:32px}.erp-module-info{display:flex;flex-direction:column;gap:2px}.erp-module-title{color:#111827;font-size:14px;font-weight:600}.erp-module-subtitle{color:#6b7280;font-size:12px}@media (max-width:768px){.erp-sidebar{display:none}.erp-content{padding:16px}.erp-dashboard-header{align-items:flex-start;flex-direction:column}}.erp-submodule-list{background:#020617;border-radius:8px;margin-left:2px;margin-top:6px;padding:4px 4px 6px 6px}.erp-submodule-item{background:#0000;border:none;border-radius:6px;color:#cbd5f5;cursor:pointer;font-size:13px;margin-bottom:3px;padding:6px 10px;text-align:left;transition:background .15s ease,color .15s ease,transform .05s ease}.erp-submodule-item:hover{background:#1f2937;color:#e5e7eb}.erp-submodule-item.active{background:#38bdf8;box-shadow:0 0 0 1px #0f172a66;color:#0b1120;transform:translateX(1px)}.erp-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 6px 20px #0f172a0f;padding:22px 24px 26px}.erp-card>h1{color:#111827;font-size:22px;margin:0 0 4px}.erp-card>p{color:#6b7280;font-size:14px;margin:0 0 16px}.erp-divider{background:#e5e7eb;height:1px;margin:10px 0 18px}.erp-card h2{color:#111827;font-size:18px;margin:12px 0 6px}.erp-card h3{color:#111827;font-size:16px;margin:10px 0 8px}.erp-card form{grid-column-gap:24px;grid-row-gap:12px;background:#0000;border:none;column-gap:24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:22px;margin-top:6px;padding:0;row-gap:12px}.erp-card form label{align-items:flex-start;color:#374151;display:flex;flex-direction:column;font-size:14px;font-weight:500;gap:4px}.erp-card form input[type=file],.erp-card form input[type=text]{background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;font-size:14px;outline:none;padding:7px 9px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;width:100%}.erp-card form input[type=file]:focus,.erp-card form input[type=text]:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 1px #2563eb40}.erp-card form button,.erp-card form input[type=submit]{align-self:flex-start;background:#2563eb;border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-top:4px;padding:8px 16px;transition:background .15s ease,box-shadow .15s ease,transform .05s ease}.erp-card form button:hover,.erp-card form input[type=submit]:hover{background:#1d4ed8;box-shadow:0 4px 10px #2563eb59}.erp-card form button:active,.erp-card form input[type=submit]:active{transform:translateY(1px)}.erp-card .search-container,.erp-card .search-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 8px}.erp-card h2+p+input[type=search],.erp-card h2+p+input[type=text]{margin-top:6px}.erp-card input[placeholder*=cari],.erp-card input[placeholder*=mencari],.erp-card input[type=search]{background:#f9fafb;border:1px solid #d1d5db;border-radius:999px;font-size:14px;min-width:230px;outline:none;padding:7px 10px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.erp-card input[placeholder*=cari]:focus,.erp-card input[placeholder*=mencari]:focus,.erp-card input[type=search]:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 1px #2563eb40}.erp-card table{background:#fff;border:1px solid #e5e7eb;border-collapse:collapse;border-radius:10px;font-size:14px;margin-top:10px;overflow:hidden;width:100%}.erp-card thead{background:#f9fafb}.erp-card td,.erp-card th{border-bottom:1px solid #e5e7eb;padding:9px 11px;text-align:left}.erp-card th{color:#374151;font-weight:600}.erp-card tbody tr:nth-child(2n){background:#fdfdfd}.erp-card tbody tr:hover{background:#eff6ff}.erp-card td:last-child{white-space:nowrap}.erp-card table button,.erp-card table input[type=button]{background:#fff;border:1px solid #d1d5db;border-radius:999px;cursor:pointer;font-size:12px;margin-right:4px;padding:4px 10px;transition:background .15s ease,border-color .15s ease}.erp-card table button:hover,.erp-card table input[type=button]:hover{background:#e5e7eb;border-color:#9ca3af}.erp-btn-danger{background:#fee2e2!important;border-color:#fecaca!important;color:#b91c1c!important}.erp-btn-danger:hover{background:#fecaca!important;border-color:#fca5a5!important}.erp-card td span{color:#6b7280;font-size:13px}.erp-submodule-list{animation:sidebarSubFade .18s ease-out}@keyframes sidebarSubFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.erp-sidebar{display:flex;flex-direction:column;gap:0}.erp-sidebar-module{margin-bottom:0}.erp-submodule-list{margin-top:2px;padding-bottom:6px}.employee-form-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr);margin-top:20px;width:100%}.employee-form-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #00000014;padding:20px}
/*# sourceMappingURL=main.1cc34afe.css.map*/