:root{--primary-color:#556c57;--secondary-color:#214439;--primary-light:#6d8a6f;--primary-dark:#3d4f3e;--secondary-light:#2d5c4d;--secondary-dark:#152e26}*{font-family:Cairo,Tahoma,sans-serif!important}html{direction:rtl}body{text-align:right;direction:rtl;background-color:#f8f9fa}.btn-primary,.bg-primary{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important}.btn-primary:hover{background-color:var(--primary-dark)!important;border-color:var(--primary-dark)!important}.text-primary{color:var(--primary-color)!important}.btn-secondary,.bg-secondary{background-color:var(--secondary-color)!important;border-color:var(--secondary-color)!important}.nxl-navigation{background-color:var(--secondary-color)!important}.nxl-navigation .navbar-content .nxl-navbar .nxl-item .nxl-link{color:#fff!important}.nxl-navigation .navbar-content .nxl-navbar .nxl-item .nxl-link:hover,.nxl-navigation .navbar-content .nxl-navbar .nxl-item .nxl-link.active{color:#fff!important;background-color:var(--primary-color)!important}.nxl-navigation .navbar-content .nxl-navbar .nxl-caption label{color:#fff9!important}.nxl-navigation .m-header .b-brand{padding:15px 20px}.nxl-navigation .m-header .b-brand .logo-abbr,.nxl-navigation .m-header .b-brand .logo-lg{display:block!important}.nxl-navigation .m-header:after,.nxl-navigation .m-header:before{display:none!important}.nxl-header{box-shadow:none!important;border:none!important;left:0!important;right:280px!important}.nxl-header .header-wrapper{background-color:#fff;align-items:center;height:70px;display:flex;box-shadow:none!important;border:none!important}.nxl-header .header-inner{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.header-left-wrapper{order:3;align-items:center;gap:10px;margin-left:15px;display:flex}.header-center-wrapper{flex:1;order:2}.header-right-wrapper{order:1;align-items:center;gap:12px;margin-right:15px;display:flex}.header-icon-btn{width:36px;height:36px;color:var(--secondary-color);background-color:#f1f3f5;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.header-icon-btn i{font-size:16px}.nxl-header:before,.nxl-header:after{display:none!important}.header-center-wrapper{flex:1;justify-content:center;align-items:center;height:100%;display:flex}.navbar-center-logo{justify-content:center;align-items:center;height:100%;display:flex;position:static;left:auto;transform:none}.navbar-center-logo img{object-fit:contain;max-height:50px}.navbar-center-logo .logo-placeholder{width:160px;height:50px;display:block}.nxl-navigation .logo-placeholder{width:140px;height:40px;display:block}.login-logo-placeholder{width:160px;height:60px;margin:0 auto 15px}.nxl-navigation{width:280px;left:auto;right:0}.nxl-link{align-items:center;display:flex}.nxl-micon{order:1;margin-left:12px}.nxl-mtext{flex:1;order:2}.nxl-arrow{order:3;margin-left:0!important;margin-right:0!important}.nxl-arrow i{transform:rotate(0)}.nxl-item.nxl-open .nxl-arrow i{transform:rotate(90deg)}.nxl-container{width:calc(100% - 280px);margin-left:0;margin-right:280px}.main-content{width:100%;max-width:100%;padding:20px}.main-content-body{width:100%;max-width:100%}.row{width:100%;margin-left:0;margin-right:0}.card-body .table-responsive,.card-body .table,.card-body .row{width:100%!important}.col,[class*=col-]{padding-left:15px;padding-right:15px}table.dataTable{text-align:right;direction:rtl}.form-control,.form-select{text-align:right;direction:rtl;border:1px solid #dee2e6;border-radius:8px;padding:10px 15px;font-size:14px}.form-control:focus,.form-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 .2rem #556c5726}.form-label{color:var(--secondary-color);margin-bottom:8px;font-size:14px;font-weight:500}input[type=date]{text-align:left;direction:ltr}input[type=date][readonly]{cursor:not-allowed;background-color:#f8f9fa}.mb-3{margin-bottom:1.5rem!important}.row{margin-bottom:0}.card-body form{padding:10px 0}.card-body .row{margin-left:-15px;margin-right:-15px}.badge-primary{background-color:var(--primary-color);color:#fff}.badge-secondary{background-color:var(--secondary-color);color:#fff}.card{border:none;box-shadow:0 .125rem .25rem #00000013}.card-header{background-color:#0000;border-bottom:1px solid #eee}.wizard>.steps>ul>li.current>a{background-color:var(--primary-color)!important}.wizard>.steps>ul>li.done>a{background-color:var(--secondary-color)!important}.navbar-center-logo{position:static;left:auto;transform:none}.navbar-notification{color:#fff;cursor:pointer;background-color:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-left:15px;transition:all .3s;display:flex;position:relative}.header-left-wrapper .navbar-notification{color:var(--secondary-color);background-color:#f1f3f5;margin-left:0}.header-left-wrapper .navbar-notification i{color:var(--secondary-color)}.navbar-notification:hover{background-color:#fff3;transform:scale(1.05)}.navbar-notification i{font-size:16px}.navbar-notification .badge{color:#fff;background-color:#dc3545;border-radius:50%;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0;font-size:10px;display:flex;position:absolute;top:-5px;right:-5px}.btn-icon{border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex}.btn-icon i{margin:0}.back-arrow{background-color:#fff;border:1px solid #e9ecef;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;text-decoration:none;transition:all .2s;display:inline-flex}.back-arrow:hover{background-color:#f8f9fa;transform:scale(1.05)}.back-arrow i{color:var(--primary-color);margin:0;font-size:18px}.page-header-title h4{color:var(--secondary-color);font-weight:700}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:3px}.loading-overlay{z-index:9999;background:#fffc;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.toast-container{z-index:10000;position:fixed;top:20px;left:20px}.stat-card{border-right:4px solid var(--primary-color);border-left:none}.stat-card .stat-icon{width:50px;height:50px;color:var(--primary-color);background-color:#556c571a;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.score-excellent{color:#28a745}.score-good{color:#17a2b8}.score-average{color:#ffc107}.score-poor{color:#dc3545}.badge-draft{color:#333;background-color:#ffc107}.badge-submitted{color:#fff;background-color:#28a745}.badge-warning{color:#fff;background-color:#fd7e14}.employee-info-card{background:linear-gradient(135deg, var(--secondary-color), var(--primary-color));color:#fff;border-radius:10px;margin-bottom:20px;padding:20px}.employee-info-card h5,.employee-info-card strong{color:#fff!important}.employee-info-card small,.employee-info-card .opacity-75{color:#fffc!important}.page-header{border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;display:flex}.page-header h4,.page-header h5{color:var(--secondary-color);margin:0;font-weight:600}.page-header-left{order:1;margin-left:auto}.template-builder .page-header-left{order:1;margin-left:0}.page-header-right{order:2;margin-right:auto}.btn{border:2px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.btn i{font-size:16px}.btn-primary{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff;box-shadow:0 2px 4px #556c5733}.btn-primary:hover{background-color:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 8px #556c574d}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d;box-shadow:0 2px 4px #6c757d33}.btn-secondary:hover{background-color:#5a6268;border-color:#5a6268;transform:translateY(-1px);box-shadow:0 4px 8px #6c757d4d}.btn-success{color:#fff;background-color:#28a745;border-color:#28a745;box-shadow:0 2px 4px #28a74533}.btn-success:hover{background-color:#218838;border-color:#218838;transform:translateY(-1px);box-shadow:0 4px 8px #28a7454d}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545;box-shadow:0 2px 4px #dc354533}.btn-danger:hover{background-color:#c82333;border-color:#c82333;transform:translateY(-1px);box-shadow:0 4px 8px #dc35454d}.btn-outline-primary{border-color:var(--primary-color);color:var(--primary-color);background-color:#0000}.btn-outline-primary:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px #556c5733}.btn-sm{border-radius:6px;padding:6px 12px;font-size:13px}.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none!important;transform:none!important}.card-body .btn-primary,.card-body .btn-secondary{min-width:120px}.text-start{text-align:left!important}.text-end{text-align:right!important}.cursor-pointer{cursor:pointer}.d-flex.justify-content-center.gap-3{flex-wrap:wrap}.step-indicator{color:#666;transition:all .3s}.step-indicator.active{color:#fff!important}.step-indicator:hover{opacity:.9}td .d-flex{justify-content:flex-start;gap:8px}td .btn{background-color:#0000;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;min-width:24px;height:24px;padding:0;font-size:9px;transition:all .2s;display:inline-flex}td .btn i{font-size:12px;margin:0!important}td .btn-outline-primary{color:var(--primary-color);background-color:#0000}td .btn-outline-primary:hover{color:var(--primary-color);background-color:#556c571a;transform:none}td .btn-outline-info{color:#17a2b8;background-color:#0000}td .btn-outline-info:hover{color:#17a2b8;background-color:#17a2b81a;transform:none}td .btn-outline-danger{color:#dc3545;background-color:#0000}td .btn-outline-danger:hover{color:#dc3545;background-color:#dc35451a;transform:none}td .btn-sm{width:20px;min-width:20px;height:20px}td .btn-sm i{font-size:11px}.d-flex.gap-2{gap:8px!important}i[class^=feather-],i[class*=\ feather-]{font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-weight:400;line-height:1;font-family:feather!important}.card{border:1px solid #e9ecef;border-radius:12px;width:100%;box-shadow:0 2px 8px #0000000d}.card-header{background-color:#f8f9fa;border-bottom:1px solid #e9ecef;padding:15px 20px;border-radius:12px 12px 0 0!important}.card-header[style*="background:var(--primary-color)"],.card-header[style*="background: var(--primary-color)"],.card-header[style*="background:var(--primary-color)"] *,.card-header[style*="background: var(--primary-color)"] *,.card-header[style*="background:var(--secondary-color)"],.card-header[style*="background: var(--secondary-color)"],.card-header[style*="background:var(--secondary-color)"] *,.card-header[style*="background: var(--secondary-color)"] *{color:#fff!important}.card-header h5,.card-header h6,.card-header .card-title{color:inherit}.card[style*="background:var(--primary-color)"],.card[style*="background: var(--primary-color)"],.card[style*="background:var(--secondary-color)"],.card[style*="background: var(--secondary-color)"],.card[style*="background:var(--primary-color)"] h5,.card[style*="background: var(--primary-color)"] h5,.card[style*="background:var(--primary-color)"] h6,.card[style*="background: var(--primary-color)"] h6,.card[style*="background:var(--primary-color)"] h2,.card[style*="background: var(--primary-color)"] h2,.card[style*="background:var(--primary-color)"] h3,.card[style*="background: var(--primary-color)"] h3,.card[style*="background:var(--primary-color)"] h4,.card[style*="background: var(--primary-color)"] h4,.card[style*="background:var(--secondary-color)"] h5,.card[style*="background: var(--secondary-color)"] h5,.card[style*="background:var(--secondary-color)"] h6,.card[style*="background: var(--secondary-color)"] h6,.card[style*="background:var(--secondary-color)"] h2,.card[style*="background: var(--secondary-color)"] h2,.card[style*="background:var(--secondary-color)"] h3,.card[style*="background: var(--secondary-color)"] h3,.card[style*="background:var(--secondary-color)"] h4,.card[style*="background: var(--secondary-color)"] h4{color:#fff!important}.card[style*="background:var(--primary-color)"] small,.card[style*="background: var(--primary-color)"] small,.card[style*="background:var(--secondary-color)"] small,.card[style*="background: var(--secondary-color)"] small{color:#fffc!important}.card-body{text-align:right;width:100%;padding:20px}.stat-card .card-body{flex-direction:row-reverse;justify-content:space-between;align-items:center;display:flex}.stat-card .card-body .text-end{flex:1;text-align:right!important}.stat-card .card-body i{color:var(--primary-color);margin-left:15px;font-size:32px}.stat-card .card-body h3,.stat-card .card-body h4{color:var(--secondary-color);margin:0;font-weight:700}.stat-card .card-body p,.stat-card .card-body small{color:#6c757d;margin:5px 0 0}.list-group-item{text-align:right;justify-content:space-between;align-items:center;display:flex}.list-group-item .badge{margin-left:10px}.table{text-align:right;border-collapse:separate;border-spacing:0;width:100%;margin-bottom:0}.table thead th{color:var(--secondary-color);border-bottom:2px solid var(--primary-color);white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(#f8f9fa 0%,#e9ecef 100%);border-top:1px solid #dee2e6;padding:14px 16px;font-size:13px;font-weight:600}.table thead th:first-child{border-right:1px solid #dee2e6}.table thead th:last-child{border-left:1px solid #dee2e6}.table tbody td{vertical-align:middle;border-bottom:1px solid #e9ecef;padding:12px 16px;font-size:14px}.table tbody td:first-child{color:var(--secondary-color);border-right:1px solid #e9ecef;font-weight:600}.table tbody td:last-child{border-left:1px solid #e9ecef}.table tbody tr{transition:all .2s}.table tbody tr:hover{background-color:#f8f9fa;box-shadow:0 2px 4px #0000000d}.table tbody tr:last-child td{border-bottom:1px solid #dee2e6}.table-responsive{width:100%;overflow-x:auto}.form-button-container{background-color:#f8f9fa;border-top:1px solid #e9ecef;border-radius:0 0 8px 8px;margin-top:-1px;padding:15px 20px}.form-button-container .btn{min-width:120px;font-weight:600}.form-button-container .btn-sm{min-width:auto;padding:8px 16px}@media (width<=991.98px){.nxl-container{margin-right:0}.nxl-header{right:0!important}}