:root{--primary: #0F2B46;--accent: #1A6FB5;--accent-hover: #155A93;--accent-light: #E8F4FD;--accent-bg: #F0F7FF;--success: #059669;--success-bg: #ECFDF5;--warning: #D97706;--warning-bg: #FFFBEB;--danger: #DC2626;--danger-bg: #FEF2F2;--purple: #7C3AED;--purple-bg: #F5F3FF;--bg: #F1F5F9;--card: #FFFFFF;--border: #E2E8F0;--border-light: #F1F5F9;--text: #0F172A;--text-secondary: #64748B;--text-muted: #94A3B8;--sidebar: #111111;--radius: 10px;--radius-sm: 6px;--radius-lg: 14px;--shadow-xs: 0 1px 2px rgba(15,23,42,.04);--shadow-sm: 0 1px 3px rgba(15,23,42,.06), 0 1px 2px rgba(15,23,42,.04);--shadow: 0 4px 6px -1px rgba(15,23,42,.06), 0 2px 4px -2px rgba(15,23,42,.04);--shadow-md: 0 10px 15px -3px rgba(15,23,42,.06), 0 4px 6px -4px rgba(15,23,42,.04);--shadow-lg: 0 20px 25px -5px rgba(15,23,42,.08), 0 8px 10px -6px rgba(15,23,42,.04);--transition: all .2s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:IBM Plex Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:13.5px;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:DM Sans,sans-serif;font-weight:600;letter-spacing:-.01em}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.ant-layout-sider-children{display:flex;flex-direction:column;height:100%}.ant-layout-sider-children>div:last-child{flex:1;overflow-y:auto;overflow-x:hidden}.ant-layout-sider-children>div:last-child::-webkit-scrollbar{width:3px}.ant-layout-sider-children>div:last-child::-webkit-scrollbar-track{background:transparent}.ant-layout-sider-children>div:last-child::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.ant-menu-inline{border-inline-end:none!important}.ant-menu-item{border-radius:6px!important;margin:2px 8px!important;height:36px!important;line-height:36px!important;font-size:13px;color:#334155!important}.ant-menu-item:hover{background:#f1f5f9!important;color:#0f172a!important}.ant-menu-item-selected{background:#eff6ff!important;color:#1a6fb5!important;font-weight:600!important}.ant-menu-item-selected:after{display:none!important}.ant-menu-item-group-title{font-size:10px!important;letter-spacing:1.5px;text-transform:uppercase;color:#94a3b8!important;padding:14px 24px 4px!important;font-weight:700}.stat-card{background:var(--card);border-radius:var(--radius);padding:20px 22px;box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:var(--transition);position:relative;overflow:hidden;animation:fadeInUp .4s ease-out backwards;min-height:130px;display:flex;flex-direction:column;justify-content:center}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--accent)}.stat-card .ant-statistic-title{font-size:11.5px;color:var(--text-secondary);font-weight:500;letter-spacing:.3px;text-transform:uppercase;margin-bottom:4px}.stat-card .ant-statistic-content{font-family:DM Sans,sans-serif}.stat-card .ant-statistic-content-value{font-size:24px!important}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px;animation:fadeIn .3s ease-out}.role-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.role-badge.SUPER_ADMIN{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.role-badge.HR{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.role-badge.FINANCE{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.role-badge.MANAGER{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.role-badge.EMPLOYEE{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#374151}.ant-card{border-radius:var(--radius)!important;border:1px solid var(--border)!important;box-shadow:var(--shadow-xs)!important;transition:var(--transition)}.ant-card:hover{box-shadow:var(--shadow-sm)!important}.ant-card-head{border-bottom:1px solid var(--border-light)!important;padding:0 20px!important;min-height:48px!important}.ant-card-head-title{font-family:DM Sans,sans-serif!important;font-size:14px!important;font-weight:600!important;color:var(--text)!important}.ant-card-body{padding:20px!important}.ant-table{border-radius:var(--radius)!important;overflow:hidden}.ant-table-thead>tr>th{background:var(--bg)!important;font-weight:600!important;font-family:DM Sans,sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-secondary)!important;border-bottom:2px solid var(--border)!important;padding:10px 12px!important}.ant-table-tbody>tr>td{padding:10px 12px!important;font-size:13px;border-bottom:1px solid var(--border-light)!important;transition:var(--transition)}.ant-table-tbody>tr:hover>td{background:var(--accent-bg)!important}.ant-table-tbody>tr:last-child>td{border-bottom:none!important}.ant-btn{border-radius:var(--radius-sm)!important;font-weight:500;font-size:13px;transition:var(--transition);letter-spacing:.2px}.ant-btn-primary{box-shadow:0 1px 3px #1a6fb54d!important}.ant-btn-primary:hover{box-shadow:0 4px 12px #1a6fb54d!important;transform:translateY(-1px)}.ant-btn-sm{font-size:12px!important}.ant-tag{border-radius:20px!important;font-size:11px;font-weight:600;letter-spacing:.3px;padding:1px 10px;border:none!important}.ant-tabs-tab{font-family:DM Sans,sans-serif;font-weight:500;font-size:13px}.ant-tabs-tab-active{font-weight:600!important}.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab{border-radius:8px 8px 0 0!important}.ant-input,.ant-input-number,.ant-select-selector,.ant-picker{border-radius:var(--radius-sm)!important;font-size:13px!important}.ant-input:focus,.ant-input-focused,.ant-input-number:focus,.ant-select-focused .ant-select-selector{box-shadow:0 0 0 3px #1a6fb514!important}.ant-form-item-label>label{font-weight:500;font-size:12.5px;color:var(--text-secondary)}.ant-modal-content{border-radius:var(--radius-lg)!important;overflow:hidden}.ant-modal-header{padding:20px 24px 16px!important;border-bottom:1px solid var(--border-light)!important}.ant-modal-title{font-family:DM Sans,sans-serif!important;font-weight:600!important}.ant-steps-item-title{font-family:DM Sans,sans-serif;font-weight:500}.ant-descriptions-item-label{font-weight:500!important;color:var(--text-secondary)!important;font-size:12px!important}.ant-statistic-content-value{font-family:DM Sans,sans-serif!important}.ant-breadcrumb{font-size:12px}.ant-progress-text{font-weight:600;font-size:11px}.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}.ant-alert{border-radius:var(--radius)!important}.master-card{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);padding:20px;cursor:pointer;transition:var(--transition);position:relative;overflow:hidden;min-height:110px}.master-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-3px)}.master-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--purple));opacity:0;transition:var(--transition)}.master-card:hover:before{opacity:1}.master-card-count{font-family:DM Sans,sans-serif;font-size:28px;font-weight:700;color:var(--accent)}.master-card-label{font-size:13px;font-weight:600;color:var(--text);margin-top:4px}.master-card-sub{font-size:11px;color:var(--text-muted);margin-top:2px}.stepper-step{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);padding:20px;transition:var(--transition);position:relative}.stepper-step.active{border-color:var(--accent);box-shadow:0 0 0 3px #1a6fb514}.stepper-step.completed{border-color:var(--success);background:var(--success-bg)}.stepper-step.locked{opacity:.5;pointer-events:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}