@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0..1,0&display=swap";.sidebar-logo{align-items:center;gap:12px;margin-bottom:24px;padding:16px 24px;display:flex}.sidebar-logo .logo-icon{border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.sidebar-logo .logo-text h1{color:#191d18;letter-spacing:-.5px;margin:0;font-size:20px;font-weight:700;line-height:1}.sidebar-logo .logo-text p{text-transform:uppercase;letter-spacing:1px;color:#404940;opacity:.7;margin:0;font-size:10px}.sidebar-footer{border-top:1px solid #d8dbd4;width:100%;padding:16px 8px;position:absolute;bottom:0}.hover-circle{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background-color .2s;display:flex}.hover-circle:hover{background-color:#f2f5ed}.ant-menu-light .ant-menu-item{border-radius:8px!important;margin-bottom:4px!important;padding-left:16px!important}.ant-menu-light .ant-menu-item-selected{font-weight:600}.notif-ticker{background:#f2f5edb3;border:1px solid #e0e3dc;border-radius:20px;align-items:center;width:100%;height:36px;padding:0 6px;display:flex;overflow:hidden}.notif-ticker--empty{color:#9ca39b;cursor:default;justify-content:center;font-size:13px}.notif-ticker__track-wrap{flex:1;position:relative;overflow:hidden}.notif-ticker__track-wrap:before,.notif-ticker__track-wrap:after{content:"";z-index:1;pointer-events:none;width:20px;position:absolute;top:0;bottom:0}.notif-ticker__track-wrap:before{background:linear-gradient(90deg,#f2f5ede6,#0000);left:0}.notif-ticker__track-wrap:after{background:linear-gradient(270deg,#f2f5ede6,#0000);right:0}.notif-ticker__track{white-space:nowrap;animation:ticker-scroll calc(8s + var(--item-count,4) * 3s) linear infinite;align-items:center;gap:0;display:flex}.notif-ticker__track:hover{animation-play-state:paused}.notif-ticker__item{cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:0 16px 0 8px;transition:opacity .2s;display:inline-flex}.notif-ticker__item:hover{opacity:.75}.notif-ticker__text{color:#2a2e28;text-overflow:ellipsis;white-space:nowrap;max-width:260px;font-size:12.5px;font-weight:500;overflow:hidden}.notif-ticker__sep{color:#c8cbc4;margin-left:4px;font-size:14px}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.notif-popover .ant-popover-inner{overflow:hidden;border-radius:16px!important;padding:0!important;box-shadow:0 8px 32px #00000024,0 2px 8px #00000014!important}.notif-dropdown{background:#fff;border-radius:16px;flex-direction:column;width:400px;max-height:560px;display:flex;overflow:hidden}.notif-dropdown-header{border-bottom:1px solid #f0f2ec;justify-content:space-between;align-items:center;padding:16px 20px 12px;display:flex}.notif-dropdown-header .btn-mark-all{color:#6cae75;height:auto;padding:0;font-size:12px}.notif-dropdown-header .btn-mark-all:hover{color:#4a8a53}.notif-dropdown .notif-tabs-wrap{background:#fafbf8;border-bottom:1px solid #f0f2ec;gap:4px;padding:8px 20px;display:flex;overflow-x:auto}.notif-dropdown .notif-tabs-wrap::-webkit-scrollbar{display:none}.notif-dropdown .notif-tab{cursor:pointer;color:#5a6159;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500;transition:all .18s}.notif-dropdown .notif-tab:hover{color:#191d18;background:#f2f5ed}.notif-dropdown .notif-tab--active{color:#fff;background:#191d18;border-color:#191d18}.notif-dropdown .notif-list{flex:1;max-height:400px;overflow-y:auto}.notif-dropdown .notif-list::-webkit-scrollbar{width:4px}.notif-dropdown .notif-list::-webkit-scrollbar-thumb{background:#d8dbd4;border-radius:4px}.notif-dropdown-footer{background:#fafbf8;border-top:1px solid #f0f2ec;padding:8px 20px}.notif-dropdown-footer .ant-btn-link{color:#404940;font-size:13px}.notif-dropdown-footer .ant-btn-link:hover{color:#191d18}.notif-item{cursor:pointer;border-bottom:1px solid #f5f6f2;align-items:flex-start;gap:12px;padding:14px 20px;transition:background .15s;display:flex;position:relative}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:#f8faf5}.notif-item:hover .notif-dismiss{opacity:1}.notif-item--unread{background:#fefffe}.notif-item--read{opacity:.75}.notif-item.priority-high{border-left:3px solid #ff4d4f;padding-left:17px}.notif-item .notif-unread-dot{background:#6cae75;border-radius:50%;flex-shrink:0;width:7px;height:7px;position:absolute;top:18px;right:44px}.notif-item .notif-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;display:flex}.notif-item .notif-content{flex:1;min-width:0}.notif-item .notif-title{color:#191d18;white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:13.5px;font-weight:600;line-height:1.4;overflow:hidden}.notif-item .notif-desc{color:#5a6159;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.notif-item .notif-meta{align-items:center;gap:8px;display:flex}.notif-item .notif-module-tag{text-transform:uppercase;letter-spacing:.4px;border-radius:10px;padding:2px 7px;font-size:10px;font-weight:600}.notif-item .notif-time{color:#9ca39b;font-size:11px}.notif-item .notif-actions{gap:8px;margin-top:10px;display:flex}.notif-item .notif-actions .btn-approve{background:#6cae75;border-color:#6cae75;height:28px;font-size:12px}.notif-item .notif-actions .btn-approve:hover{background:#4a8a53!important;border-color:#4a8a53!important}.notif-item .notif-actions .btn-reject{height:28px;font-size:12px}.notif-item .notif-dismiss{cursor:pointer;color:#b8bcb5;opacity:0;background:0 0;border:none;border-radius:6px;flex-shrink:0;margin-top:2px;padding:4px;font-size:11px;transition:all .15s}.notif-item .notif-dismiss:hover{color:#404940;background:#f2f5ed}.hover-circle--active{background-color:#f2f5ed}.dashboard-header{margin-bottom:40px}.dashboard-header .dashboard-title{letter-spacing:-.5px;margin:0!important;font-weight:800!important}.dashboard-header .dashboard-desc{color:#404940;font-weight:500}.dashboard-stats-row{margin-bottom:40px}.stat-card{border-radius:8px;transition:transform .3s}.stat-card:hover{transform:scale(1.02)}.stat-card .stat-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.stat-card .stat-icon-wrapper{border-radius:8px;padding:8px;font-size:24px;display:flex}.stat-card .stat-tag{border-radius:16px;padding:4px 8px;font-size:12px;font-weight:700}.stat-card .stat-title{color:#404940;margin-bottom:4px;font-size:14px;font-weight:600}.stat-card .stat-value{color:#191d18;font-size:24px;font-weight:800}.overview-card{border-radius:8px;height:100%}.overview-card .overview-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.overview-card .overview-title{margin:0!important;font-weight:700!important}.overview-card .overview-desc{color:#404940;font-size:12px}.overview-card .overview-actions{gap:8px;display:flex}.overview-card .overview-actions .overview-btn-weekly{color:#191d18;background-color:#ecefe8;border:none;font-weight:700}.overview-card .overview-actions .overview-btn-monthly{font-weight:700}.quick-actions-card{border-radius:8px;height:100%}.quick-actions-card .quick-actions-title{margin:0 0 24px!important;font-weight:700!important}.quick-actions-card .quick-actions-list{flex-direction:column;gap:16px;display:flex}.system-status-container{border-top:1px solid #717a6f33;margin-top:32px;padding-top:32px}.system-status-box{color:#fff;border-radius:8px;padding:24px}.system-status-box .system-status-title{margin-bottom:8px;font-weight:700}.system-status-box .system-status-desc{opacity:.8;margin-bottom:16px;font-size:12px}.system-status-box .system-status-indicator{align-items:center;gap:8px;display:flex}.system-status-box .system-status-indicator .system-live-text{letter-spacing:2px;text-transform:uppercase;font-size:10px;font-weight:700}.system-status-box .pulse-dot{background-color:#fff;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}.dashboard-table-section{margin-top:32px}.dashboard-table-section .dashboard-table-header{border-bottom:1px solid #717a6f1a;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.dashboard-table-section .dashboard-table-header .dashboard-table-title{margin:0!important;font-weight:700!important}.dashboard-table-section .dashboard-table-header .dashboard-view-all-link{color:#6cae75;cursor:pointer;font-size:14px;font-weight:700}.dashboard-table-section .dashboard-table{width:100%}.activity-user-cell{font-weight:600}.activity-date-cell{color:#404940}.activity-status-cell{font-weight:700}.activity-status-cell.success{color:#6cae75}.activity-status-cell.pending{color:#93455d}.activity-status-cell.error{color:#ba1a1a}.mock-chart .bars-container{border-bottom:1px solid #717a6f33;justify-content:space-between;align-items:flex-end;gap:8px;height:256px;padding:0 8px;display:flex}.mock-chart .bars-container .bar{background-color:#2a6b3933;border-radius:8px 8px 0 0;width:100%;transition:background-color .3s;position:relative}.mock-chart .bars-container .bar:hover{background-color:#2a6b3966}.mock-chart .bars-container .bar.current{background-color:#2a6b39}.mock-chart .bars-container .bar.current:hover{filter:brightness(1.1)}.mock-chart .bars-container .bar .tooltip{color:#fff;background-color:#191d18;border-radius:4px;padding:4px 8px;font-size:10px;transition:opacity .3s;position:absolute;top:-40px;left:50%;transform:translate(-50%)}.mock-chart .days{justify-content:space-between;padding:16px 8px 0;display:flex}.mock-chart .days span{color:#404940;font-size:10px;font-weight:700}.quick-action-btn{cursor:pointer;background-color:#f2f5ed;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:16px;transition:background-color .3s;display:flex}.quick-action-btn:hover{background-color:#e0e3dc}.quick-action-btn:hover .material-symbols-outlined{transition:transform .3s;transform:scale(1.1)}@keyframes pulse{0%{box-shadow:0 0 #faad14b3}70%{box-shadow:0 0 0 6px #faad1400}to{box-shadow:0 0 #faad1400}}.module-tag{color:#4f6951;background-color:#cbe7c9;border-radius:16px;padding:4px 12px;font-size:10px;font-weight:700}.fab-btn{z-index:50;border:none;justify-content:center;align-items:center;width:56px;height:56px;transition:all .3s;display:flex;position:fixed;bottom:32px;right:32px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.fab-btn:hover{transform:scale(1.1)}.fab-btn:active{transform:scale(.95)}.leave-container{padding-bottom:40px}.leave-container .leave-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.leave-container .leave-header .leave-title{letter-spacing:-.5px;margin:0!important;font-weight:800!important}.leave-container .leave-header .leave-subtitle{color:#404940;font-weight:500}.leave-container .leave-actions{gap:16px;display:flex}.leave-container .leave-actions .leave-create-btn{font-weight:700}.leave-container .leave-stats-row{margin-bottom:32px}.leave-container .leave-stats-row .leave-stat-card{border-radius:12px;transition:transform .3s}.leave-container .leave-stats-row .leave-stat-card:hover{transform:translateY(-4px)}.leave-container .leave-stats-row .leave-stat-card.stat-primary{background-color:#f2f5ed}.leave-container .leave-stats-row .leave-stat-card.stat-success{background-color:#cbe7c9}.leave-container .leave-stats-row .leave-stat-card.stat-warning{background-color:#df849d26}.leave-container .leave-stats-row .leave-stat-card.stat-blue{background-color:#6cae751a}.leave-container .leave-stats-row .leave-stat-card .stat-header{justify-content:flex-start;align-items:center;gap:8px;margin-bottom:16px;display:flex}.leave-container .leave-stats-row .leave-stat-card .stat-header .stat-icon{opacity:.8;font-size:18px}.leave-container .leave-stats-row .leave-stat-card .stat-header .stat-label{color:#404940;font-size:14px;font-weight:700}.leave-container .leave-stats-row .leave-stat-card .stat-body .stat-value{color:#191d18;line-height:1;margin:0!important;font-size:32px!important;font-weight:800!important}.leave-container .leave-stats-row .leave-stat-card .stat-body .stat-desc{color:#404940;margin-top:8px;font-size:12px;font-weight:500;display:block}.leave-container .calendar-wrapper{background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000d}.leave-container .calendar-wrapper .ant-picker-calendar-header{margin-bottom:16px}.leave-container .calendar-wrapper .events{margin:0;padding:0;list-style:none}.leave-container .calendar-wrapper .events li{white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;overflow:hidden}.leave-container .calendar-wrapper .events .leave-badge{text-overflow:ellipsis;border-radius:12px;width:100%;padding:2px 6px;font-size:10px;font-weight:600;display:inline-block;overflow:hidden}.leave-container .calendar-wrapper .events .leave-badge .ant-badge-status-text{color:inherit;margin-left:4px;font-size:10px}.leave-container .calendar-wrapper .events .leave-badge.success{color:#4f6951;background-color:#cbe7c9}.leave-container .calendar-wrapper .events .leave-badge.success .ant-badge-status-dot{background-color:#2a6b39}.leave-container .calendar-wrapper .events .leave-badge.warning{color:#404940;background-color:#d8dbd499}.leave-container .calendar-wrapper .events .leave-badge.warning .ant-badge-status-dot{background-color:#fadb14}.leave-container .calendar-wrapper .events .leave-badge.error{color:#ba1a1a;background-color:#df849d4d}.leave-container .calendar-wrapper .events .leave-badge.error .ant-badge-status-dot{background-color:#ba1a1a}.leave-container .leave-requests-sidebar{background-color:#fff;border-radius:12px;height:100%;padding:24px;box-shadow:0 1px 3px #0000000d}.leave-container .leave-requests-sidebar .sidebar-header{margin-bottom:24px}.leave-container .leave-requests-sidebar .requests-table .ant-table-thead>tr>th{color:#404940;text-transform:uppercase;border-bottom:1px solid #e0e3dc;font-size:12px;background-color:#0000!important}.leave-container .leave-requests-sidebar .requests-table .ant-table-tbody>tr>td{border-bottom:1px solid #e0e3dc80;font-size:13px}.leave-modal .ant-modal-content{border-radius:16px;padding:32px}.leave-modal .ant-modal-title{color:#191d18;margin-bottom:24px;font-size:22px;font-weight:800}.leave-modal .ant-form-item-label>label{color:#404940;font-size:13px;font-weight:700}.leave-modal .leave-modal-ok-btn{border-radius:8px;font-weight:700}.leave-modal .leave-modal-cancel-btn{background-color:#e0e3dc;border:none;border-radius:8px;font-weight:700}.leave-modal .leave-modal-cancel-btn:hover{background-color:#d8dbd4}.leave-modal .leave-range-picker{border-radius:8px;width:100%;height:48px}.leave-modal .leave-select .ant-select-selector{align-items:center;border-radius:8px!important;height:48px!important}.leave-modal textarea.ant-input{border-radius:8px;padding:12px}.leave-export-btn{font-weight:700}.calendar-wrapper{margin-bottom:32px}.calendar-wrapper .calendar-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.calendar-wrapper .calendar-header .calendar-title{margin:0!important;font-weight:700!important}.calendar-wrapper .calendar-header .calendar-subtitle{color:#404940;font-size:12px}.calendar-wrapper .calendar-header .calendar-legend{background-color:#f2f5ed;border-radius:20px;gap:16px;padding:6px 16px;display:flex}.calendar-wrapper .calendar-header .calendar-legend .legend-item{align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.calendar-wrapper .calendar-header .calendar-legend .legend-item .ant-badge-status-dot{width:8px;height:8px}.calendar-wrapper .events .event-item{cursor:pointer}.calendar-wrapper .events .event-item.more{margin-top:4px}.leave-badge.default{color:#888}.popover-content{max-width:220px}.popover-content .popover-line{margin:0 0 8px;font-size:13px}.popover-content .popover-line.wrap{white-space:normal}.popover-content .popover-action{margin-top:8px;font-weight:700}.overflow-list{flex-direction:column;gap:8px;max-width:280px;max-height:300px;padding-right:8px;display:flex;overflow-y:auto}.overflow-list .overflow-item{cursor:pointer;background-color:#fafafa;border:1px solid #f0f0f0;border-radius:6px;padding:8px;transition:all .2s}.overflow-list .overflow-item:hover{background-color:#eef3eb}.overflow-list .overflow-item .overflow-badge{width:100%;margin-bottom:4px;font-weight:500;display:block}.overflow-list .overflow-item .overflow-reason{color:#666;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.action-btn.approve{color:#2a6b39;background-color:#6cae7533}.action-btn.reject{color:#ba1a1a;background-color:#df849d33}.action-resolved{color:#a0a0a0;font-size:12px}.sidebar-title{margin:0!important;font-weight:700!important}.request-details .modal-section{margin-bottom:16px}.request-details .modal-section.last{margin-bottom:32px}.request-details .modal-section .section-label{color:#404940;display:block}.request-details .modal-section .section-value{margin:0!important}.request-details .modal-section .section-reason-box{background-color:#f2f5ed;border-radius:8px;margin-top:4px;padding:12px;font-weight:500}.request-details .modal-actions{border-top:1px solid #e0e3dc;justify-content:flex-end;gap:16px;padding-top:24px;display:flex}.request-details .modal-actions .modal-btn-reject{border-radius:8px;font-weight:700}.request-details .modal-actions .modal-btn-approve{border-radius:8px;font-weight:700;background-color:#2a6b39!important}.timesheet-container{padding-bottom:32px}.timesheet-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.timesheet-header .timesheet-title{margin:0!important;font-weight:800!important}.timesheet-header .timesheet-desc{color:#404940;font-weight:500}.ts-tabs-card{background:#fff;border:1px solid #e0e3dc;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px #0000000a}.ts-tabs .ant-tabs-tab{padding:14px 0;font-size:14px;font-weight:500}.ts-tabs .ant-tabs-tab-active{font-weight:700}.ts-tab-label{align-items:center;gap:7px;display:flex}.tab-content-wrap{padding:24px}.ts-filter-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.ts-stat-card{cursor:default;transition:box-shadow .2s,transform .2s;border:1px solid #e8ece4!important;border-radius:12px!important}.ts-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014!important}.ts-stat-card .ant-card-body{align-items:center;gap:14px;padding:16px 20px;display:flex}.ts-stat-card .ts-stat-icon{flex-shrink:0;font-size:22px}.ts-stat-card .ant-statistic-title{color:#6b7280;margin-bottom:2px;font-size:12px}.ts-stat-card .ant-statistic-content{line-height:1}.ts-row{cursor:pointer;transition:background .15s}.ts-row:hover td{background:#f8faf5!important}.ts-row-pending td{background:#fffef7!important}.ts-date{color:#191d18;font-size:13px;font-weight:700}.ts-time{color:#2a6b39;font-feature-settings:"tnum";font-weight:600}.ts-hours{color:#2a6b39;font-weight:700}.ts-bulk-bar{background:linear-gradient(135deg,#f0f7f1 0%,#e8f4ea 100%);border:1px solid #c8dfc8;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:14px;padding:10px 16px;animation:.2s slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.worktime-form-modal .wt-type-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:4px;display:grid}.worktime-form-modal .wt-type-card{cursor:pointer;border:1.5px solid #e0e3dc;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;transition:all .18s;display:flex}.worktime-form-modal .wt-type-card:hover{background:#fafbf8;border-color:currentColor;transform:translateY(-1px);box-shadow:0 3px 10px #00000014}.worktime-form-modal .wt-type-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:17px;display:flex}.worktime-form-modal .wt-type-info{flex:1;min-width:0}.worktime-form-modal .wt-type-name{color:#191d18;font-size:13px;font-weight:600;line-height:1.3}.worktime-form-modal .wt-type-desc{color:#888;margin-top:2px;font-size:11px}.worktime-form-modal .wt-selected-type{border:1.5px solid;border-radius:20px;align-items:center;gap:8px;margin-bottom:16px;padding:8px 14px;font-size:13px;font-weight:600;display:flex}.wt-detail-content{flex-direction:column;gap:12px;display:flex}.wt-detail-row{border-bottom:1px solid #f5f6f2;align-items:flex-start;gap:12px;padding-bottom:10px;display:flex}.wt-detail-row:last-child{border-bottom:none;padding-bottom:0}.users-container .users-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.users-container .users-header .users-title{margin:0!important;font-weight:800!important}.users-container .users-header .users-desc{color:#404940;font-weight:500}.users-container .header-actions .users-btn-outline{margin-right:12px;font-weight:700}.users-container .header-actions .users-btn-primary{font-weight:700}.users-container .filter-bar{background-color:#f2f5ed;border-radius:12px;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;padding:16px;display:flex}.users-container .filter-bar .ant-input-affix-wrapper{background-color:#fff}.users-container .filter-bar .users-search-input{border:none;border-radius:8px;width:240px}.users-container .filter-bar .filter-item{align-items:center;gap:8px;display:flex}.users-container .filter-bar .filter-item label{text-transform:uppercase;color:#404940;letter-spacing:1px;font-size:12px;font-weight:700}.users-container .filter-bar .filter-item .users-select{width:160px}.users-container .filter-bar .filter-item .ant-select-selector{background-color:#fff!important;border-radius:8px!important}.users-container .filter-bar .users-filter-btn{border:none}.users-container .table-container{margin-bottom:24px}.users-container .table-container .table-avatar{object-fit:cover;border:2px solid #e6e9e2;border-radius:50%;width:40px;height:40px}.users-container .table-container .user-name-cell{color:#191d18;font-weight:700}.users-container .table-container .user-id-cell{color:#404940;font-size:12px}.users-container .table-container .user-email-cell{font-weight:500}.users-container .table-container .dept-tag{text-transform:uppercase;border-radius:16px;padding:4px 12px;font-size:11px;font-weight:700}.users-container .table-container .dept-tag.tech{color:#4f6951;background-color:#cbe7c9}.users-container .table-container .dept-tag.hr{color:#611e35;background-color:#df849d}.users-container .table-container .dept-tag.mkt{color:#404940;background-color:#e0e3dc}.users-container .table-container .user-status-cell{align-items:center;gap:6px;display:flex}.users-container .table-container .user-status-cell.active{color:#2a6b39}.users-container .table-container .user-status-cell.inactive{color:#ba1a1a}.users-container .table-container .user-status-cell .status-dot{border-radius:50%;width:8px;height:8px}.users-container .table-container .user-status-cell.active .status-dot{background-color:#2a6b39}.users-container .table-container .user-status-cell.inactive .status-dot{background-color:#ba1a1a}.users-container .table-container .user-status-cell .status-text{font-size:12px;font-weight:700}.users-container .table-container .user-actions-cell{justify-content:flex-end;gap:8px;display:flex}.users-container .table-container .action-btn{color:#404940}.users-container .table-container .action-btn:hover{color:#2a6b39;background-color:#2a6b391a}.users-container .table-container .action-btn.ant-btn-dangerous:hover{color:#ba1a1a;background-color:#ba1a1a1a}.users-container .summary-grid .summary-card{background-color:#f2f5ed;border-radius:12px}.users-container .summary-grid .summary-card .ant-card-body{padding:24px}.users-container .summary-grid .summary-card .summary-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.users-container .summary-grid .summary-card .summary-card-header .summary-title{text-transform:uppercase;letter-spacing:1px;color:#404940;font-size:12px;font-weight:700}.users-container .summary-grid .summary-card .summary-card-header .summary-icon{font-size:20px}.users-container .summary-grid .summary-card .summary-count{color:#191d18;letter-spacing:-1px;font-size:30px;font-weight:800}.users-container .summary-grid .summary-card .summary-subtext{color:#404940;margin-top:8px;font-size:12px}.user-drawer .ant-drawer-content{border-radius:16px 0 0 16px}.user-drawer .ant-drawer-header{border-bottom:1px solid #e0e3dc;padding:20px 24px}.user-drawer .ant-drawer-header .ant-drawer-title{color:#191d18;font-size:18px;font-weight:800}.user-drawer .avatar-upload-area{flex-direction:column;align-items:center;gap:12px;margin-bottom:24px;display:flex}.user-drawer .avatar-upload-area .ant-upload.ant-upload-select{background-color:#fafafa;border:2px dashed #d8dbd4;width:100px;height:100px;overflow:hidden;border-radius:50%!important}.user-drawer .avatar-upload-area .ant-upload.ant-upload-select:hover{border-color:#2a6b39}.user-drawer .avatar-upload-area .drawer-avatar-preview{object-fit:cover;border-radius:50%;width:100%;height:100%}.user-drawer .drawer-footer-actions{border-top:1px solid #e0e3dc;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:24px;display:flex}.user-drawer .drawer-footer-actions .btn-cancel{background-color:#e0e3dc;border:none;border-radius:8px;font-weight:700}.user-drawer .drawer-footer-actions .btn-cancel:hover{background-color:#d8dbd4}.user-drawer .drawer-footer-actions .btn-submit{border-radius:8px;font-weight:700}.vehicles-container{padding-bottom:24px}.vehicles-container .vehicles-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.vehicles-container .vehicles-header .header-left{align-items:center;gap:16px;display:flex}.vehicles-container .vehicles-header .header-left .vehicles-title{color:#191d18;margin:0!important;font-weight:800!important}.vehicles-container .vehicles-header .vehicles-actions{align-items:center;gap:16px;display:flex}.vehicles-container .vehicles-header .vehicles-actions .role-switch-container{background:#fff;border-radius:20px;align-items:center;gap:8px;padding:4px 12px;display:flex;box-shadow:0 2px 8px #0000000d}.vehicles-container .vehicles-header .vehicles-actions .role-switch-container .role-label{font-size:13px;font-weight:600}.vehicles-container .dashboard-stats-row{margin-bottom:24px}.vehicles-container .dashboard-stats-row .stat-card{border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #00000008}.vehicles-container .dashboard-stats-row .stat-card .ant-card-body{align-items:center;gap:16px;padding:20px;display:flex}.vehicles-container .dashboard-stats-row .stat-card .stat-icon-wrapper{border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;display:flex}.vehicles-container .dashboard-stats-row .stat-card .stat-content .stat-value{color:#191d18;margin-bottom:4px;font-size:28px;font-weight:800;line-height:1.2}.vehicles-container .dashboard-stats-row .stat-card .stat-content .stat-title{color:#6c776e;font-size:13px;font-weight:600}.vehicles-container .content-card{border-radius:16px;box-shadow:0 4px 20px #0000000a}.vehicles-container .content-card .ant-card-body{padding:0}.vehicles-container .content-card .ant-tabs-nav{background:#fafcfa;border-bottom:1px solid #e6e9e2;border-radius:16px 16px 0 0;margin-bottom:0;padding:0 24px}.vehicles-container .content-card .tab-content-wrapper{padding:24px}.vehicles-container .nankai-table-wrapper .ant-table{background:0 0}.vehicles-container .nankai-table-wrapper .ant-table-thead>tr>th{color:#404940;text-transform:uppercase;letter-spacing:.5px;padding:16px;font-size:13px;font-weight:700;background-color:#f2f5ed!important}.vehicles-container .nankai-table-wrapper .ant-table-tbody>tr>td{border-bottom:1px solid #e6e9e2;padding:16px}.vehicles-container .nankai-table-wrapper .plate-cell{color:#2a6b39;background:#6cae751a;border:1px solid #6cae754d;border-radius:6px;padding:4px 10px;font-weight:700;display:inline-block}.vehicles-container .nankai-table-wrapper .action-buttons{gap:8px;display:flex}.vehicles-container .status-available{color:#52c41a;background:#f6ffed;border-color:#b7eb8f}.vehicles-container .status-in_use{color:#1677ff;background:#e6f4ff;border-color:#91caff}.vehicles-container .status-maintenance{color:#faad14;background:#fffbe6;border-color:#ffe58f}.vehicles-container .status-sold{color:#000;background:#f5f5f5;border-color:#d9d9d9}.vehicles-container .status-retired{color:#ff4d4f;background:#fff2f0;border-color:#ffccc7}.vehicles-container .booking-pending{color:#faad14;background:#fffbe6;border-color:#ffe58f}.vehicles-container .booking-approved{color:#52c41a;background:#f6ffed;border-color:#b7eb8f}.vehicles-container .booking-rejected{color:#ff4d4f;background:#fff2f0;border-color:#ffccc7}.vehicles-container .booking-completed{color:#000;background:#f5f5f5;border-color:#d9d9d9}.vehicles-container .pulse-badge{animation:2s infinite pulse}.employee-vehicles-grid{margin-top:16px}.employee-vehicles-grid .employee-vehicle-card{border:1px solid #e6e9e2;border-radius:16px;transition:all .3s;overflow:hidden}.employee-vehicles-grid .employee-vehicle-card:hover{transform:translateY(-4px);box-shadow:0 10px 24px #00000014}.employee-vehicles-grid .employee-vehicle-card .vehicle-image-placeholder{color:#a0a8a1;background:linear-gradient(135deg,#e6e9e2 0%,#f2f5ed 100%);justify-content:center;align-items:center;height:140px;display:flex}.employee-vehicles-grid .employee-vehicle-card .vehicle-image-placeholder .anticon{opacity:.5;font-size:64px}.employee-vehicles-grid .employee-vehicle-card .vehicle-info{padding:20px}.employee-vehicles-grid .employee-vehicle-card .vehicle-info .plate-badge{color:#2a6b39;background:#f2f5ed;border:2px solid #2a6b39;border-radius:4px;margin-bottom:12px;padding:4px 12px;font-size:16px;font-weight:800;display:inline-block}.employee-vehicles-grid .employee-vehicle-card .vehicle-info .vehicle-model{color:#191d18;margin-bottom:8px;font-size:16px;font-weight:700}.employee-vehicles-grid .employee-vehicle-card .vehicle-info .vehicle-stats{color:#6c776e;gap:16px;margin-bottom:16px;font-size:13px;display:flex}.employee-vehicles-grid .employee-vehicle-card .vehicle-info .vehicle-stats .stat-item{align-items:center;gap:6px;display:flex}.documents-container{max-width:2000px;margin:0 auto;animation:.4s ease-out fadeIn}.documents-container .documents-header{justify-content:space-between;align-items:flex-end;margin-bottom:32px;display:flex}.documents-container .documents-header .header-left .documents-title{color:#191d18;letter-spacing:-.02em;margin:0 0 8px;font-size:28px;font-weight:800}.documents-container .documents-header .header-left .documents-desc{color:#404940;font-size:16px}.documents-container .documents-header .header-right{align-items:center;display:flex}.documents-container .documents-header .header-right .search-input{background-color:#e6e9e2;border:none;border-radius:8px;width:280px;margin-right:16px;padding-top:6px;padding-bottom:6px}.documents-container .documents-header .header-right .search-input .ant-input{background-color:#0000}.documents-container .documents-header .header-right .search-input:focus-within{box-shadow:0 0 0 2px #2a6b3933}.documents-container .documents-header .header-right .btn-filter{color:#191d18;border:1px solid #717a6f4d;border-radius:8px;align-items:center;height:38px;font-weight:600;display:flex}.documents-container .documents-header .header-right .btn-filter:hover{color:#2a6b39;background:#2a6b390d;border-color:#2a6b39}.documents-container .documents-header .header-right .btn-add{border:none;border-radius:8px;height:38px;font-weight:600;box-shadow:0 2px 4px #0000000d}.documents-container .documents-card{border:1px solid #e0e3dc;border-radius:12px;overflow:hidden;box-shadow:0 1px 2px #00000008}.documents-container .documents-card .table-toolbar{border-bottom:1px solid #e0e3dc;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.documents-container .documents-card .table-toolbar .toolbar-title{align-items:center;display:flex}.documents-container .documents-card .table-toolbar .toolbar-title .title-text{color:#191d18;margin-right:16px;font-size:16px;font-weight:700}.documents-container .documents-card .table-toolbar .toolbar-title .count-tag{color:#2a6b39;letter-spacing:.05em;background-color:#6cae7526;border:none;border-radius:9999px;padding:2px 10px;font-size:10px;font-weight:700}.documents-container .documents-card .table-toolbar .action-btn{color:#404940;border-radius:8px}.documents-container .documents-card .table-toolbar .action-btn:hover{background-color:#e6e9e2}.documents-container .documents-card .ant-table-wrapper .ant-table{background:0 0}.documents-container .documents-card .ant-table-wrapper .ant-table-thead>tr>th{color:#404940;text-transform:uppercase;letter-spacing:.05em;background:#f2f5ed80;border-bottom:1px solid #e0e3dc;padding:16px;font-size:11px;font-weight:700}.documents-container .documents-card .ant-table-wrapper .ant-table-thead>tr>th:before{display:none}.documents-container .documents-card .ant-table-wrapper .ant-table-tbody>tr>td{color:#404940;border-bottom:1px solid #ecefe8;padding:16px;font-size:12px}.documents-container .documents-card .ant-table-wrapper .ant-table-tbody>tr:hover>td{background-color:#f2f5ed4d!important}.documents-container .documents-card .ant-table-wrapper .col-book-no{color:#191d18;border-right:1px solid #e0e3dc;font-weight:600}.documents-container .documents-card .ant-table-wrapper .col-partner{color:#191d18;font-weight:500}.documents-container .documents-card .ant-table-wrapper .code-text{color:#404940;background:#e0e3dc4d;border:none;font-family:monospace}.documents-container .documents-card .ant-table-wrapper .tag-expired{color:#ba1a1a;text-transform:uppercase;background-color:#ffdad64d;border:none;font-size:10px;font-weight:700}.documents-container .documents-card .ant-table-wrapper .tag-normal{color:#2a6b39;text-transform:uppercase;background-color:#cbe7c94d;border:none;font-size:10px;font-weight:700}.documents-container .documents-card .ant-table-wrapper .col-staff{color:#191d18;font-weight:500}.documents-container .documents-card .custom-pagination{background:#f2f5ed33;border-top:1px solid #e0e3dc;padding:16px 24px;margin:0!important}.documents-container .documents-footer{text-align:center;color:#40494099;border-top:1px solid #c0c9bd33;margin-top:32px;padding-top:24px;font-size:12px;font-weight:500}.documents-container .dashboard-alerts{margin-bottom:24px}.documents-container .dashboard-alerts .dashboard-card{border-radius:12px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #00000008}.documents-container .dashboard-alerts .dashboard-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}.documents-container .dashboard-alerts .dashboard-card .ant-statistic-title{margin-bottom:8px}.documents-container .dashboard-alerts .dashboard-card .ant-statistic-title .stat-title{color:#404940;font-size:14px;font-weight:600}.documents-container .dashboard-alerts .dashboard-card.card-danger{background-color:#ffdad64d;border-bottom:4px solid #ba1a1a}.documents-container .dashboard-alerts .dashboard-card.card-warning{background-color:#ffecb34d;border-bottom:4px solid #d97706}.documents-container .dashboard-alerts .dashboard-card.card-success{background-color:#cbe7c94d;border-bottom:4px solid #2a6b39}.documents-container .documents-tabs .ant-tabs-nav{margin-bottom:0}.documents-container .documents-tabs .ant-tabs-nav:before{border-bottom:1px solid #e0e3dc}.documents-container .documents-tabs .ant-tabs-tab{color:#717a6f;padding:16px 24px;font-weight:700}.documents-container .documents-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:#2a6b39}.documents-container .documents-tabs .ant-tabs-ink-bar{background:#2a6b39;height:3px}.documents-container .tab-table-container{background:0 0}.documents-container .action-more-btn{color:#404940}.documents-container .action-more-btn:hover{color:#2a6b39;background:#2a6b391a}.document-form-modal .section-title{color:#191d18;margin-bottom:16px;font-size:16px;display:inline-block}.document-form-modal .section-divider{background-color:#e0e3dc;height:1px;margin:24px 0 16px}.document-form-modal .pdf-dragger{background-color:#ff4d4f0d!important;border-color:#ff4d4f4d!important}.document-form-modal .pdf-dragger:hover{border-color:#ff4d4f!important}.import-excel-modal .excel-dragger{background-color:#2a6b390d!important;border-color:#2a6b394d!important}.import-excel-modal .excel-dragger:hover{border-color:#2a6b39!important}.import-excel-modal .preview-section{background:#fcfdf6;border:1px solid #e0e3dc;border-radius:8px;margin-top:24px;padding:16px}.import-excel-modal .preview-row-error{background-color:#ff4d4f0f!important}.import-excel-modal .preview-row-error td{color:#8c8c8c}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.documents-container .documents-header{flex-direction:column;align-items:flex-start;gap:16px}.documents-container .documents-header .header-right{flex-wrap:wrap;gap:12px;width:100%}.documents-container .documents-header .header-right .search-input{width:100%;margin-right:0}}.profile-container{padding-bottom:24px}.profile-header{margin-bottom:24px}.profile-header .profile-title{margin:0!important;font-weight:800!important}.profile-header .profile-desc{color:#404940;font-weight:500}.profile-card{border-radius:12px;box-shadow:0 1px 2px #0000000d}.profile-sidebar{text-align:center}.profile-sidebar .profile-name{margin-top:16px;margin-bottom:0}.profile-sidebar .profile-avatar-action{margin-top:24px}.profile-section-title{margin-bottom:24px}.login-container{background-color:#f2f5ed;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-container .login-bg-shapes{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.login-container .login-bg-shapes .shape{filter:blur(80px);opacity:.5;border-radius:50%;position:absolute}.login-container .login-bg-shapes .shape-1{background-color:#6cae7566;width:50vw;height:50vw;top:-10%;left:-10%}.login-container .login-bg-shapes .shape-2{background-color:#2a6b394d;width:40vw;height:40vw;bottom:-10%;right:-10%}.login-container .login-bg-shapes .shape-3{background-color:#b5d5964d;width:30vw;height:30vw;top:40%;left:60%}.login-container .login-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1;background:#ffffffd9;border:1px solid #fff9;border-radius:24px;width:100%;max-width:440px;padding:48px;box-shadow:0 10px 40px #00000014}.login-container .login-card .login-header{text-align:center;margin-bottom:40px}.login-container .login-card .login-header .login-logo-placeholder{background:linear-gradient(135deg,#2a6b39 0%,#6cae75 100%);border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;display:flex;box-shadow:0 8px 16px #2a6b3933}.login-container .login-card .login-header .login-logo-placeholder .material-symbols-outlined{color:#fff;font-size:32px}.login-container .login-card .login-header .login-title{color:#191d18;margin:0 0 8px;font-size:24px;font-weight:800}.login-container .login-card .login-header .login-subtitle{color:#6c776e;font-size:14px}.login-container .login-card .login-form .ant-form-item-label>label{color:#404940;font-weight:600}.login-container .login-card .login-form .ant-input-affix-wrapper{border-color:#d8dbd4;border-radius:12px;padding:10px 16px}.login-container .login-card .login-form .ant-input-affix-wrapper:focus,.login-container .login-card .login-form .ant-input-affix-wrapper:focus-within{border-color:#2a6b39;box-shadow:0 0 0 2px #2a6b391a}.login-container .login-card .login-form .ant-input-affix-wrapper .site-form-item-icon,.login-container .login-card .login-form .ant-input::placeholder{color:#a0a8a1}.login-container .login-card .login-form .remember-me-item .ant-form-item-control-input-content{justify-content:space-between;align-items:center;display:flex}.login-container .login-card .login-form .remember-me-item .login-form-forgot{color:#2a6b39;font-size:14px;font-weight:600;text-decoration:none}.login-container .login-card .login-form .remember-me-item .login-form-forgot:hover{color:#6cae75;text-decoration:underline}.login-container .login-card .login-form .login-form-button{border:none;border-radius:24px;height:48px;font-size:16px;font-weight:700;transition:all .3s;box-shadow:0 4px 12px #2a6b394d}.login-container .login-card .login-form .login-form-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #2a6b3966}.login-container .login-card .login-footer{text-align:center;margin-top:16px}@media (width<=576px){.login-container .login-card{border-radius:16px;margin:16px;padding:32px 24px}}body{color:#191d18;-webkit-font-smoothing:antialiased;background-color:#f2f5ed;margin:0;padding:0;font-family:Inter,sans-serif}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24}.material-symbols-outlined.fill{font-variation-settings:"FILL" 1}.bg-gradient-primary{background:linear-gradient(135deg,#2a6b39 0%,#6cae75 100%)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.nankai-table-wrapper{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 2px #0000000d}.nankai-table-wrapper .ant-table-thead>tr>th{color:#404940!important;text-transform:uppercase!important;letter-spacing:1px!important;background-color:#e6e9e2!important;font-size:12px!important;font-weight:700!important}