@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,300;0,14..32,400;0,14..32,500;0,14..32,600;0,14..32,700;0,14..32,800;1,14..32,400&display=swap";:root{--font-base:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ease-premium:cubic-bezier(.4, 0, .2, 1);--transition:all .22s var(--ease-premium);--transition-fast:all .14s var(--ease-premium);--radius-xs:4px;--radius-sm:6px;--radius:10px;--radius-lg:14px;--radius-xl:20px;--sidebar-w:240px;--sidebar-collapsed:64px;--topnav-h:64px;--bg-base:#f8fafc;--bg-card:#fff;--bg-subtle:#f1f5f9;--border:#e2e8f0;--border-subtle:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--accent:#16a34a;--accent-hover:#15803d;--accent-soft:#16a34a1a;--accent-glow:#16a34a40;--sidebar-bg:#090d16;--sidebar-border:#ffffff0f;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 4px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014, 0 2px 4px #0000000a;--shadow-lg:0 12px 28px #0000001a, 0 4px 8px #0000000d;--shadow-xl:0 24px 48px #0000001f, 0 8px 16px #0000000f;--shadow-accent:0 4px 16px var(--accent-glow)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body,#root{height:100%;font-family:var(--font-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-base);color:var(--text-primary)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#94a3b859;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#94a3b88c}.erp-layout{min-height:100vh;background-color:var(--bg-base)!important}.erp-main-wrapper{min-height:100vh;transition:margin-left .25s var(--ease-premium)}.erp-content{width:100%;max-width:1600px;min-height:calc(100vh - var(--topnav-h));margin:0 auto;padding:28px 32px}@media (width>=769px){.sidebar-expanded .erp-main-wrapper{margin-left:var(--sidebar-w)!important}.sidebar-collapsed .erp-main-wrapper{margin-left:var(--sidebar-collapsed)!important}}.erp-sider{transition:all .25s var(--ease-premium)!important;box-shadow:2px 0 24px #0000002e!important}.erp-logo{height:var(--topnav-h);border-bottom:1px solid var(--sidebar-border);white-space:nowrap;cursor:pointer;transition:var(--transition);align-items:center;gap:11px;margin-bottom:8px;padding:18px 16px;display:flex;overflow:hidden}.erp-logo:hover{background:#ffffff08}.erp-logo-icon{color:#fff;letter-spacing:-.5px;background:linear-gradient(135deg,#22c55e 0%,#15803d 100%);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;font-weight:800;display:flex;box-shadow:0 4px 12px #22c55e59}.erp-logo-text{flex-direction:column;line-height:1.3;display:flex}.erp-logo-title{color:#f1f5f9;letter-spacing:-.2px;font-size:13.5px;font-weight:700}.erp-logo-sub{color:#22c55e;letter-spacing:1.2px;text-transform:uppercase;font-size:9px;font-weight:600}.erp-header{height:var(--topnav-h)!important;z-index:99!important;-webkit-backdrop-filter:blur(12px)saturate(180%)!important;border-bottom:1px solid var(--border)!important;box-shadow:var(--shadow-xs)!important;padding:0!important;position:sticky!important;top:0!important}.light-mode .erp-header{background:#ffffffe0!important}.dark-mode .erp-header{background:#090d16e0!important;border-bottom-color:#ffffff0f!important}.sidebar-toggle-btn{transition:var(--transition)!important;border-radius:var(--radius-sm)!important}.sidebar-toggle-btn:hover{background:var(--bg-subtle)!important;color:var(--text-primary)!important}.header-search-bar{transition:var(--transition)!important}.header-search-bar:hover,.header-search-bar:focus-within{box-shadow:0 0 0 2px var(--accent-soft)!important}.user-profile-dropdown{transition:var(--transition)!important;border-radius:var(--radius)!important}.user-profile-dropdown:hover{background:var(--bg-subtle)!important}.dark-mode .user-profile-dropdown:hover{background:#ffffff0d!important}.notif-item{transition:background .15s!important}.notif-item:hover{background:#16a34a0a!important}.dark-mode .notif-item:hover{background:#ffffff08!important}@media (width<=768px){.erp-main-wrapper{margin-left:0!important}.erp-content{padding:16px}.erp-sider{transform:translate(-100%);width:var(--sidebar-w)!important;max-width:var(--sidebar-w)!important;min-width:var(--sidebar-w)!important}.sidebar-expanded .erp-sider{transform:translate(0)!important}.mobile-sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;opacity:0;pointer-events:none;background:#090d1673;transition:opacity .25s;position:fixed;inset:0}.mobile-sidebar-overlay.active{opacity:1;pointer-events:auto}.header-search-bar,.user-profile-text{display:none!important}}.welcome-banner{margin-bottom:0;padding:28px 36px;position:relative;overflow:hidden;border-radius:var(--radius-lg)!important;color:#fff!important;box-shadow:var(--shadow-lg)!important;background:linear-gradient(135deg,#06101e 0%,#0d1f38 60%,#112438 100%)!important;border:1px solid #ffffff0f!important}.welcome-banner:before{content:"⛳";opacity:.07;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:96px;position:absolute;top:50%;right:36px;transform:translateY(-50%)}.welcome-banner:after{content:"";pointer-events:none;background:radial-gradient(circle,#22c55e1f 0%,#0000 70%);width:240px;height:240px;position:absolute;top:-60px;right:180px}@media (width<=576px){.welcome-banner{padding:20px}.welcome-banner:before{display:none}}.kpi-card{overflow:hidden;border-radius:var(--radius-lg)!important;border:1px solid var(--ant-color-border-secondary,#f1f5f9)!important;background:var(--ant-color-bg-container,#fff)!important;transition:var(--transition)!important;box-shadow:var(--shadow-sm)!important}.kpi-card:hover{box-shadow:var(--shadow-lg)!important;border-color:#16a34a40!important;transform:translateY(-3px)!important}.chart-card{border-radius:var(--radius-lg)!important;border:1px solid var(--ant-color-border-secondary,#f1f5f9)!important;box-shadow:var(--shadow-sm)!important;transition:var(--transition)!important}.chart-card:hover{box-shadow:var(--shadow-md)!important}.stat-mini-card{border-radius:var(--radius-lg)!important;border:1px solid var(--ant-color-border-secondary,#f1f5f9)!important;transition:var(--transition)!important;box-shadow:var(--shadow-xs)!important}.stat-mini-card:hover{box-shadow:var(--shadow-md)!important;border-color:#16a34a33!important;transform:translateY(-2px)!important}.page-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.page-header-row .page-title{color:var(--text-primary);letter-spacing:-.3px;margin-bottom:2px;font-size:20px;font-weight:700}.page-header-row .page-subtitle{color:var(--text-muted);font-size:13px}.page-header-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ant-table-wrapper{border-radius:var(--radius-lg)!important;border:1px solid var(--ant-color-border-secondary,#f1f5f9)!important;overflow-x:auto!important}.ant-table{background:0 0!important}.ant-table-thead>tr>th{white-space:nowrap;text-transform:uppercase!important;letter-spacing:.55px!important;border-bottom:1px solid var(--ant-color-border-secondary,#f1f5f9)!important;padding:12px 16px!important;font-size:11px!important;font-weight:600!important}.ant-table-tbody>tr>td{border-bottom:1px solid var(--ant-color-border-secondary,#f1f5f9)!important;padding:12px 16px!important;font-size:13px!important;transition:background .15s!important}.ant-table-tbody>tr.clickable-row,.ant-table-tbody>tr.table-row-hover{cursor:pointer}.ant-table-tbody>tr:hover>td{background:#16a34a08!important}.ant-tag{border:none!important;border-radius:99px!important;padding:2px 10px!important;font-size:11px!important;font-weight:550!important}.ant-btn{border-radius:var(--radius-sm)!important;transition:var(--transition)!important;align-items:center!important;gap:4px!important;font-weight:500!important;display:inline-flex!important}.ant-btn-primary{box-shadow:0 2px 6px var(--accent-glow)!important}.ant-btn-primary:hover{box-shadow:0 4px 14px var(--accent-glow)!important;transform:translateY(-1px)!important}.ant-btn-primary:active{transform:translateY(0)!important}.ant-form-item-label>label{color:var(--text-secondary)!important;font-size:12.5px!important;font-weight:500!important}.ant-input,.ant-input-affix-wrapper,.ant-input-password,.ant-select-selector,.ant-picker{border-radius:var(--radius-sm)!important;transition:var(--transition)!important}.ant-input:hover,.ant-input-affix-wrapper:hover,.ant-select-selector:hover{border-color:var(--accent)!important}.ant-card{border-radius:var(--radius-lg)!important;border:1px solid var(--ant-color-border-secondary,#f1f5f9)!important;box-shadow:var(--shadow-xs)!important;transition:var(--transition)!important;overflow:hidden!important}.ant-card-head{border-bottom:1px solid var(--ant-color-border-secondary,#f1f5f9)!important;min-height:52px!important}.ant-card-head-title{font-size:14px!important;font-weight:600!important}.ant-modal-content{border-radius:var(--radius-xl)!important;box-shadow:var(--shadow-xl)!important;overflow:hidden!important}.ant-modal-header{border-bottom:1px solid var(--border)!important;margin-bottom:0!important;padding:18px 24px!important}.ant-modal-title{font-size:16px!important;font-weight:700!important}.ant-modal-body{padding:24px!important}.ant-drawer-content{border-radius:var(--radius-lg) 0 0 var(--radius-lg)!important}.ant-drawer-header{border-bottom:1px solid var(--border)!important;padding:18px 24px!important}.filter-bar{border-bottom:1px solid var(--ant-color-border-secondary,#f1f5f9);flex-wrap:wrap;align-items:center;gap:10px;padding:16px 20px;display:flex}.filter-bar .filter-actions{gap:8px;margin-left:auto;display:flex}.sidebar-footer{text-align:center;color:#ffffff21;letter-spacing:1px;text-transform:uppercase;font-size:10px;position:absolute;bottom:18px;left:0;right:0}.dark-mode{--bg-base:#0b0f19;--bg-card:#111827;--bg-subtle:#1f2937;--border:#1f2937;--border-subtle:#374151;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;color:#f3f4f6!important;background-color:#0b0f19!important}.dark-mode .welcome-banner{background:linear-gradient(135deg,#020509 0%,#0a1520 60%,#0f1f2f 100%)!important;border-color:#ffffff0a!important}.dark-mode .filter-bar{border-bottom-color:#ffffff0f!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes pulse-green{0%,to{box-shadow:0 0 0 0 var(--accent-glow)}50%{box-shadow:0 0 0 6px #0000}}.animate-fade-in{animation:fadeInUp .32s var(--ease-premium) forwards}.animate-fade-in-fast{animation:fadeInUp .18s var(--ease-premium) forwards}.animate-slide-left{animation:slideInLeft .28s var(--ease-premium) forwards}.stagger-children>:first-child{animation-delay:0s}.stagger-children>:nth-child(2){animation-delay:60ms}.stagger-children>:nth-child(3){animation-delay:.12s}.stagger-children>:nth-child(4){animation-delay:.18s}.stagger-children>:nth-child(5){animation-delay:.24s}.stagger-children>:nth-child(6){animation-delay:.3s}.stagger-children>:nth-child(7){animation-delay:.36s}.stagger-children>:nth-child(8){animation-delay:.42s}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/400px 100%;animation:1.4s infinite shimmer}.dark-mode .skeleton{background:linear-gradient(90deg,#1f2937 25%,#374151 50%,#1f2937 75%) 0 0/400px 100%}@media (width<=1024px){.erp-content{padding:20px 24px}}@media (width<=768px){.erp-content{padding:14px}.page-header-row{margin-bottom:16px}.page-header-row .page-title{font-size:17px}.ant-table-thead>tr>th{padding:10px 12px!important;font-size:10px!important}.ant-table-tbody>tr>td{padding:10px 12px!important;font-size:12px!important}.ant-card-head{padding:0 14px!important}.ant-card-body{padding:14px!important}}@media (width<=480px){.erp-content{padding:12px 10px}.filter-bar{gap:8px;padding:12px 14px}.ant-btn{font-size:12px!important}}.text-primary{color:var(--text-primary)!important}.text-secondary{color:var(--text-secondary)!important}.text-muted{color:var(--text-muted)!important}.text-accent{color:var(--accent)!important}.fw-600{font-weight:600!important}.fw-700{font-weight:700!important}.clickable-row,.table-row-hover{cursor:pointer}.hover-lift{transition:var(--transition)!important}.hover-lift:hover{box-shadow:var(--shadow-lg)!important;transform:translateY(-3px)!important}.ant-pagination{border-top:1px solid var(--ant-color-border-secondary,#f1f5f9)!important;margin:0!important;padding:14px 20px!important}.ant-select-dropdown{border-radius:var(--radius)!important;box-shadow:var(--shadow-lg)!important}.ant-dropdown-menu{border-radius:var(--radius)!important;box-shadow:var(--shadow-lg)!important;padding:4px!important}.ant-dropdown-menu-item{border-radius:var(--radius-sm)!important;font-size:13px!important}.ant-tooltip-inner{border-radius:var(--radius-sm)!important;font-size:12px!important}.ant-breadcrumb{font-size:12px!important}.ant-avatar{letter-spacing:-.3px!important;font-weight:600!important}.ant-progress-inner,.ant-progress-bg{border-radius:99px!important}.ant-message-notice-content{border-radius:var(--radius)!important;box-shadow:var(--shadow-lg)!important;font-size:13px!important}.ant-notification-notice{border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-xl)!important}.ant-empty{padding:40px 0!important}.ant-empty-description{color:var(--text-muted)!important;font-size:13px!important}.ant-collapse{border-radius:var(--radius-lg)!important}.ant-collapse-item{border-radius:var(--radius)!important}.accent-border-left{border-left:3px solid var(--accent)!important}