.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden;background:#0f1424;direction:rtl}.login-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 80%,rgba(123,104,238,.35) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(73,204,249,.28) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,95,142,.18) 0%,transparent 50%);animation:bg-shift 18s ease-in-out infinite;pointer-events:none}@keyframes bg-shift{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(40px,-30px) rotate(2deg)}66%{transform:translate(-30px,40px) rotate(-2deg)}}.login-page:after{content:"";position:absolute;top:10%;right:5%;width:320px;height:320px;background:linear-gradient(135deg,#7b68ee26,#49ccf914);border-radius:50%;filter:blur(80px);animation:float 12s ease-in-out infinite;pointer-events:none}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(-30px,30px)}}.left-panel{position:relative;z-index:2;padding:60px 50px;display:flex;flex-direction:column;justify-content:center;color:#fff;animation:slide-in-right .7s cubic-bezier(.34,1.56,.64,1)}@keyframes slide-in-right{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.brand{margin-bottom:50px}.brand-icon{width:72px;height:72px;background:linear-gradient(135deg,#7b68ee,#49ccf9);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:32px;color:#fff;margin-bottom:24px;box-shadow:0 10px 30px #7b68ee80,0 4px 12px #0003;position:relative;overflow:hidden}.brand-icon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.25) 0%,transparent 60%);pointer-events:none}.brand h1{font-size:42px;font-weight:800;background:linear-gradient(135deg,#fff,#c7d2fe);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 16px;letter-spacing:-.02em;line-height:1.1}.brand p{font-size:16px;color:#ffffffb3;line-height:1.7;max-width:480px;font-weight:400}.features{display:flex;flex-direction:column;gap:14px;max-width:460px}.feature{display:flex;align-items:center;gap:16px;padding:14px 18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:14px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .3s cubic-bezier(.34,1.56,.64,1);animation:feature-in .6s ease backwards}.feature:nth-child(1){animation-delay:.2s}.feature:nth-child(2){animation-delay:.3s}.feature:nth-child(3){animation-delay:.4s}.feature:nth-child(4){animation-delay:.5s}@keyframes feature-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.feature:hover{background:#ffffff1a;border-color:#7b68ee4d;transform:translate(-4px)}.feature-icon{width:38px;height:38px;background:linear-gradient(135deg,#7b68ee,#49ccf9);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;box-shadow:0 4px 12px #7b68ee4d}.feature span{color:#ffffffe6;font-size:14px;font-weight:500}.right-panel{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;padding:40px;animation:slide-in-left .7s cubic-bezier(.34,1.56,.64,1)}@keyframes slide-in-left{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}.login-form{width:100%;max-width:440px;background:#ffffff0a;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:44px 40px;box-shadow:0 24px 60px #00000073,0 8px 24px #7b68ee2e;position:relative;overflow:hidden}.login-form:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent)}.login-form h2{font-size:30px;font-weight:800;color:#fff;margin:0 0 8px;letter-spacing:-.02em}.login-form .subtitle{color:#ffffffa6;font-size:14px;margin:0 0 32px;font-weight:500}.login-form .form-group{margin-bottom:18px;animation:form-in .5s ease backwards}.login-form .form-group:nth-child(1){animation-delay:.3s}.login-form .form-group:nth-child(2){animation-delay:.4s}@keyframes form-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.login-form label{display:block;margin-bottom:8px;color:#ffffffd9;font-size:13px;font-weight:600}.login-form input[type=text],.login-form input[type=password]{width:100%;padding:13px 16px;background:#ffffff0d;border:1.5px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:14px;font-family:inherit;transition:all .2s}.login-form input::placeholder{color:#ffffff59}.login-form input:focus{outline:none;border-color:#7b68ee99;background:#ffffff14;box-shadow:0 0 0 4px #7b68ee26}.login-btn{width:100%;padding:14px;background:linear-gradient(135deg,#7b68ee,#49ccf9);border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);margin-top:8px;box-shadow:0 8px 20px #7b68ee66,0 2px 6px #7b68ee33;position:relative;overflow:hidden;animation:form-in .5s ease backwards;animation-delay:.5s}.login-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.login-btn:hover:before{left:100%}.login-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px #7b68ee8c,0 4px 10px #7b68ee4d}.login-btn:active{transform:translateY(0)}.login-btn:disabled{opacity:.7;cursor:not-allowed;transform:none!important}.error-msg{margin-top:16px;padding:12px 14px;background:#f9325e1f;border:1px solid rgba(249,50,94,.3);border-radius:10px;color:#ff8aa3;font-size:13px;text-align:center;font-weight:500;animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.login-form .footer{margin-top:28px;text-align:center;color:#fff6;font-size:12px;font-weight:500}@media (max-width: 968px){.login-page{grid-template-columns:1fr}.left-panel{padding:40px 30px 20px;text-align:center}.brand-icon{margin:0 auto 20px}.brand p,.features{margin:0 auto}.right-panel{padding:20px}.login-form{padding:32px 28px}}@media (max-width: 480px){.left-panel{display:none}.login-form{padding:28px 24px}.login-form h2{font-size:24px}}.login-page input[type=text],.login-page input[type=password],.login-page input{background:#ffffff0d!important;border:1.5px solid rgba(255,255,255,.1)!important;color:#fff!important}.login-page input::placeholder{color:#ffffff59!important}.login-page input:focus{border-color:#7b68ee99!important;background:#ffffff14!important;box-shadow:0 0 0 4px #7b68ee26!important}.login-page label{color:#ffffffd9!important}.dashboard{max-width:1500px;margin:0 auto;animation:dashboard-fade-in .4s ease}@keyframes dashboard-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dashboard-welcome{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;padding:24px 28px;background:var(--gradient-primary);border-radius:var(--radius-xl);color:#fff;box-shadow:0 8px 24px #7b68ee40;position:relative;overflow:hidden}.dashboard-welcome:before{content:"";position:absolute;top:-50%;left:-10%;width:280px;height:280px;border-radius:50%;background:#ffffff14;pointer-events:none}.dashboard-welcome:after{content:"";position:absolute;bottom:-40%;left:30%;width:200px;height:200px;border-radius:50%;background:#ffffff0f;pointer-events:none}.dashboard-welcome>div{position:relative;z-index:1}.dashboard-welcome h1{font-size:28px;font-weight:800;color:#fff;margin:0 0 6px;letter-spacing:-.02em}.dashboard-welcome p{color:#ffffffeb;font-size:14px;font-weight:500;margin:0}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-bottom:28px}.kpi-card{position:relative;border-radius:var(--radius-xl);padding:22px 24px;color:#fff;box-shadow:0 6px 20px #0000002e;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.kpi-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 14px 35px #0000004d}.kpi-card:before{content:"";position:absolute;top:-40%;left:-20%;width:220px;height:220px;border-radius:50%;background:linear-gradient(135deg,rgba(255,255,255,.18) 0%,transparent 60%);pointer-events:none}.kpi-card:after{content:"";position:absolute;bottom:-50%;right:-10%;width:160px;height:160px;border-radius:50%;background:#ffffff0f;pointer-events:none}.kpi-blue{background:linear-gradient(135deg,#49ccf9,#3b82f6)}.kpi-purple{background:linear-gradient(135deg,#7b68ee,#5b4cd4)}.kpi-red{background:linear-gradient(135deg,#ff5f8e,#c91e3f)}.kpi-orange{background:linear-gradient(135deg,#ff9637,#f9325e)}.kpi-green{background:linear-gradient(135deg,#2ecd6f,#1eb45a)}.kpi-pink{background:linear-gradient(135deg,#f472b6,#db2777)}.kpi-teal{background:linear-gradient(135deg,#14b8a6,#0d9488)}.kpi-amber{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.kpi-dark{background:linear-gradient(135deg,#1f2937,#111827)}.kpi-header{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.kpi-label{font-size:13px;font-weight:600;opacity:.92;letter-spacing:.02em}.kpi-menu{font-size:18px;opacity:.6;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.kpi-menu:hover{background:#ffffff2e;opacity:1}.kpi-main{position:relative;z-index:1;display:flex;align-items:center;gap:16px;margin-bottom:14px}.kpi-icon{width:52px;height:52px;background:#ffffff38;border:1px solid rgba(255,255,255,.25);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-shrink:0}.kpi-value{font-size:34px;font-weight:800;line-height:1.1;letter-spacing:-.02em;text-shadow:0 2px 8px rgba(0,0,0,.12)}.kpi-footer{position:relative;z-index:1;display:flex;gap:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.18)}.kpi-footer>div{flex:1}.kpi-footer-label{font-size:11px;opacity:.85;margin-bottom:3px;font-weight:500}.kpi-footer-value{font-size:18px;font-weight:700}.charts-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin-bottom:28px}@media (max-width: 1024px){.charts-grid{grid-template-columns:1fr}}.chart-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:22px 24px;box-shadow:var(--shadow-sm);transition:all .2s}.chart-card:hover{box-shadow:var(--shadow-md)}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.chart-header h3{font-size:17px;font-weight:700;color:var(--text-primary);margin:0}.chart-subtitle{font-size:12px;color:var(--text-muted);font-weight:500;margin:2px 0 0}.chart-menu{font-size:18px;color:var(--text-muted);cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.chart-menu:hover{background:var(--bg-hover);color:var(--text-primary)}.chart-body{width:100%;height:260px}.chart-legend{display:flex;gap:16px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid var(--border-subtle)}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.legend-color{width:12px;height:12px;border-radius:4px}.dark-tooltip{background:var(--bg-elevated)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-md)!important;padding:10px 12px!important;box-shadow:var(--shadow-md)!important}.tooltip-label{color:var(--text-primary);font-weight:600;margin-bottom:4px;font-size:12px}.empty-chart{display:flex;align-items:center;justify-content:center;flex-direction:column;height:260px;color:var(--text-muted);gap:8px}.empty-chart:before{content:"📊";font-size:48px;opacity:.5}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:24px}.action-link{background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:18px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;text-decoration:none;color:var(--text-primary);transition:all .2s;position:relative;overflow:hidden}.action-link:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-primary);opacity:0;transition:opacity .3s;z-index:0}.action-link:hover{border-color:transparent;transform:translateY(-3px);box-shadow:0 12px 28px #7b68ee4d;color:#fff}.action-link:hover:before{opacity:1}.action-link>*{position:relative;z-index:1}.action-icon{width:50px;height:50px;background:#7b68ee1f;color:var(--primary);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;transition:all .2s}.action-link:hover .action-icon{background:#ffffff38;color:#fff}.action-label{font-size:14px;font-weight:600}.recharts-cartesian-axis-tick text{fill:var(--text-muted);font-size:11px}.recharts-default-tooltip{background:var(--bg-elevated)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-md)!important}.recharts-tooltip-label{color:var(--text-primary)!important;font-weight:600!important}.recharts-tooltip-item{color:var(--text-secondary)!important}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:var(--border-subtle)}@media (max-width: 768px){.dashboard-welcome{padding:18px 20px;flex-direction:column;align-items:flex-start;gap:8px}.dashboard-welcome h1{font-size:22px}.kpi-card{padding:18px}.kpi-value{font-size:26px}.kpi-icon{width:44px;height:44px;font-size:20px}.chart-card{padding:16px}}.employees-page{max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding:25px 30px;background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.page-header h2{font-size:22px;margin:0 0 5px;color:var(--text-primary)}.page-subtitle{color:var(--text-secondary);font-size:13px;margin:0}.btn-primary{background:linear-gradient(135deg,var(--primary),#8b5cf6);color:#fff;border:none;padding:12px 22px;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #6366f14d}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.filters-card{background:var(--bg-card);padding:20px 25px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:20px}.filters-grid{display:flex;gap:15px;align-items:flex-end;flex-wrap:wrap}.filter-group{flex:1;min-width:150px}.filter-group label{display:block;font-size:13px;color:var(--text-secondary);margin-bottom:6px;font-weight:500}.filter-group input,.filter-group select{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;background:var(--bg-secondary);color:var(--text-primary);font-family:inherit;transition:border-color .2s;color-scheme:var(--color-scheme)}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.employees-page .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:20px}.table-wrapper{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow-x:auto;margin-bottom:20px}.table-wrapper table{width:100%;border-collapse:collapse}.table-wrapper th{background:var(--bg-elevated);padding:14px 16px;text-align:right;font-size:13px;font-weight:700;color:var(--text-secondary);border-bottom:1px solid var(--border-color);white-space:nowrap}.table-wrapper td{padding:14px 16px;font-size:14px;color:var(--text-primary);border-bottom:1px solid var(--border-color)}.table-wrapper tr:last-child td{border-bottom:none}.table-wrapper tr:hover td{background:#6366f114}.table-loading,.table-empty{text-align:center!important;padding:40px!important;color:var(--text-muted)!important}.row-actions{display:flex;gap:6px}.btn-icon{width:34px;height:34px;border:none;border-radius:var(--radius-sm);background:var(--bg-hover);cursor:pointer;font-size:15px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.btn-icon:hover:not(:disabled){transform:scale(1.1)}.btn-icon.view:hover{background:#3b82f626}.btn-icon.edit:hover{background:#f59e0b26}.btn-icon.delete:hover{background:#ef444426}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.badge{display:inline-block;padding:4px 10px;border-radius:var(--radius-xl);font-size:12px;font-weight:600;white-space:nowrap}.badge-success{background:#22c55e2e;color:#4ade80}.badge-danger{background:#ef44442e;color:#f87171}.badge-warning{background:#f59e0b2e;color:#fbbf24}.badge-info{background:#3b82f62e;color:#60a5fa}.badge-secondary{background:#94a3b82e;color:#cbd5e1}.alert{padding:14px 18px;border-radius:var(--radius-md);margin-bottom:18px;font-size:14px}.alert-danger{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#dc2626}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;display:flex;justify-content:center;align-items:flex-start;padding:30px 15px;overflow-y:auto;animation:modal-fade-in .2s ease}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:0 25px 60px #0000004d;width:100%;max-height:calc(100vh - 60px);display:flex;flex-direction:column;animation:modal-slide-in .3s ease}@keyframes modal-slide-in{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:20px 25px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.modal-header h2{font-size:18px;margin:0;color:var(--text-primary)}.modal-close{width:36px;height:36px;background:transparent;border:none;font-size:24px;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all .2s;line-height:1}.modal-close:hover{background:var(--bg-hover);color:var(--danger)}.modal-body{padding:25px;overflow-y:auto}.employee-form .form-section{border:1px solid var(--border-color);border-radius:var(--radius-md);padding:18px 20px;margin-bottom:18px;background:var(--bg-elevated)}.employee-form .form-section legend{font-size:14px;font-weight:700;color:var(--primary);padding:0 10px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:12px}.form-row:last-child{margin-bottom:0}.form-group{display:flex;flex-direction:column}.form-group label{font-size:13px;color:var(--text-secondary);margin-bottom:6px;font-weight:500}.form-group label.required:after{content:" *";color:var(--danger)}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;background:var(--bg-elevated);color:var(--text-primary);font-family:inherit;transition:border-color .2s;color-scheme:var(--color-scheme)}.form-group select option,.filter-group select option{background:var(--bg-elevated);color:var(--text-primary)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f126}.form-group input:disabled,.form-group select:disabled{background:var(--bg-hover);cursor:not-allowed}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid var(--border-color)}.btn-cancel,.btn-save{padding:11px 22px;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit;border:none}.btn-cancel{background:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border-color)}.btn-cancel:hover:not(:disabled){background:var(--border-color)}.btn-save{background:linear-gradient(135deg,var(--primary),#8b5cf6);color:#fff}.btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #6366f14d}.btn-cancel:disabled,.btn-save:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 600px){.form-row{grid-template-columns:1fr}}.profile-grid{display:flex;flex-direction:column;gap:18px}.profile-info-group{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px 20px}.profile-info-title{font-size:14px;font-weight:700;color:var(--primary);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.profile-info-row{display:grid;grid-template-columns:140px 1fr;gap:15px;padding:7px 0;font-size:14px;border-bottom:1px dashed var(--border-subtle)}.profile-info-row:last-child{border-bottom:none}.profile-label{color:var(--text-secondary);font-weight:500}.profile-value{color:var(--text-primary)}.pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;padding:16px 20px;background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.pagination-info{font-size:13px;color:var(--text-secondary)}.pagination-info strong{color:var(--text-primary)}.pagination-controls{display:flex;gap:4px;align-items:center}.pagination-btn{min-width:36px;height:36px;padding:0 10px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;display:flex;align-items:center;justify-content:center}.pagination-btn:hover:not(:disabled):not(.active){background:var(--bg-hover);border-color:var(--primary)}.pagination-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-dots{padding:0 6px;color:var(--text-muted)}.pagination-limit{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.pagination-limit select{padding:6px 10px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary);font-size:13px;cursor:pointer}.employee-combobox{position:relative;width:100%}.employee-combobox-selected{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .15s}.employee-combobox-selected:hover{border-color:var(--primary);background:var(--bg-elevated)}.employee-combobox-avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px;flex-shrink:0}.employee-combobox-selected-info{flex:1;min-width:0}.employee-combobox-selected-name{font-weight:600;font-size:14px;color:var(--text-primary);margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-combobox-selected-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:11px;color:var(--text-muted)}.employee-combobox-selected-meta span{white-space:nowrap}.employee-combobox-selected-actions{display:flex;gap:4px;flex-shrink:0}.employee-combobox-clear{width:26px;height:26px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:50%;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .15s}.employee-combobox-clear:hover:not(:disabled){background:#ef444426;color:var(--danger)}.employee-combobox-clear:disabled{cursor:not-allowed;opacity:.5}.employee-combobox-input-wrapper{position:relative;display:flex;align-items:center}.employee-combobox-icon{position:absolute;right:12px;font-size:16px;color:var(--text-muted);pointer-events:none;z-index:1}.employee-combobox-input{width:100%;padding:10px 38px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;background:var(--bg-secondary);color:var(--text-primary);font-family:inherit;transition:all .15s;color-scheme:var(--color-scheme)}.employee-combobox-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11f}.employee-combobox-input::placeholder{color:var(--text-muted);font-weight:400}.employee-combobox-clear-input{position:absolute;left:8px;top:50%;transform:translateY(-50%);width:24px;height:24px;border:none;background:var(--bg-elevated);color:var(--text-muted);cursor:pointer;border-radius:50%;font-size:11px;display:flex;align-items:center;justify-content:center}.employee-combobox-clear-input:hover{background:#ef444426;color:var(--danger)}.employee-combobox-dropdown{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 12px 40px #00000040,0 0 0 1px #6366f11a;z-index:99999;display:flex;flex-direction:column;overflow:hidden;animation:comboboxFadeIn .12s ease-out}@keyframes comboboxFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.employee-combobox-list{list-style:none;margin:0;padding:4px;overflow-y:auto;flex:1}.employee-combobox-list::-webkit-scrollbar{width:8px}.employee-combobox-list::-webkit-scrollbar-track{background:transparent}.employee-combobox-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.employee-combobox-list::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.employee-combobox-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:background .1s;-webkit-user-select:none;user-select:none}.employee-combobox-item:hover,.employee-combobox-item.is-highlighted{background:var(--bg-secondary)}.employee-combobox-item.is-selected{background:#6366f11f}.employee-combobox-item.is-selected.is-highlighted{background:#6366f133}.employee-combobox-item .employee-combobox-avatar{width:34px;height:34px;font-size:14px}.employee-combobox-item-info{flex:1;min-width:0}.employee-combobox-item-name{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-combobox-item-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:11px;color:var(--text-muted)}.employee-combobox-item-meta span{white-space:nowrap}.employee-combobox-check{color:var(--primary);font-size:18px;font-weight:700;flex-shrink:0}.employee-combobox-footer{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--bg-secondary);border-top:1px solid var(--border-color);font-size:11px;color:var(--text-muted)}.employee-combobox-keys kbd{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:3px;padding:1px 5px;font-size:10px;font-family:monospace;color:var(--text-secondary);margin:0 2px}.employee-combobox-empty{padding:30px 20px;text-align:center;color:var(--text-muted);font-size:13px}.payroll-summary{background:linear-gradient(135deg,#6366f10d,#8b5cf614);border:2px solid rgba(99,102,241,.2);padding:18px 22px;border-radius:var(--radius-md);margin:20px 0}.payroll-summary-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:14px}.payroll-summary-net{margin-top:10px;padding-top:12px!important;border-top:2px solid var(--primary);font-size:18px!important}.payroll-summary-net strong{color:var(--success);font-size:22px}.shifts-tabs{display:flex;gap:4px;border-bottom:2px solid var(--border-color);margin-top:5px}.shifts-tabs .tab-btn{padding:12px 20px;background:transparent;border:none;color:var(--text-muted);font-size:14px;font-weight:600;cursor:pointer;position:relative;transition:all .2s;border-bottom:3px solid transparent;margin-bottom:-2px}.shifts-tabs .tab-btn:hover{color:var(--text-primary);background:var(--bg-elevated)}.shifts-tabs .tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.profile-page{max-width:1400px;margin:0 auto}.profile-page .section{background:var(--bg-card);padding:25px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:20px}.profile-page .section h3{margin-bottom:18px;font-size:17px}.loading-card{background:var(--bg-card);padding:60px;border-radius:var(--radius-lg);text-align:center;color:var(--text-muted);box-shadow:var(--shadow-md)}.profile-summary-content{display:flex;align-items:center;gap:20px;padding:5px 0;flex-wrap:wrap}.profile-avatar-large{width:80px;height:80px;background:linear-gradient(135deg,var(--primary),#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;font-weight:700;flex-shrink:0}.profile-summary-info{flex:1;min-width:200px}.profile-summary-info h2{margin:0 0 5px;font-size:24px}.profile-role{margin:0 0 5px;color:var(--primary);font-weight:500}.profile-email{margin:0;color:var(--text-secondary);font-size:14px}.profile-page .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:20px}.profile-page .stat-card{background:var(--bg-card);padding:20px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;align-items:center;gap:15px}.profile-page .stat-icon{width:55px;height:55px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0}.profile-page .stat-icon.success{background:#22c55e1a}.profile-page .stat-icon.warning{background:#f59e0b1a}.profile-page .stat-icon.info{background:#3b82f61a}.profile-page .stat-details h3{font-size:22px;font-weight:700;margin:0 0 2px}.profile-page .stat-details p{font-size:13px;color:var(--text-secondary);margin:0}.profile-page .profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 768px){.profile-page .profile-grid{grid-template-columns:1fr}}.profile-page .profile-info-group{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:14px 18px}.profile-page .profile-info-row{display:grid;grid-template-columns:140px 1fr;gap:15px;padding:9px 0;font-size:14px;border-bottom:1px dashed var(--border-subtle)}.profile-page .profile-info-row:last-child{border-bottom:none}.profile-page .profile-label{color:var(--text-secondary);font-weight:500}.profile-page .profile-value{color:var(--text-primary);word-break:break-word}.checkin-card{background:linear-gradient(135deg,var(--primary) 0%,#8b5cf6 100%);color:#fff;border-radius:var(--radius-xl);padding:25px;margin-bottom:20px;box-shadow:var(--shadow-lg)}.checkin-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;margin-bottom:20px}.checkin-header h3{margin:0;color:#fff;font-size:22px}.checkin-date{margin:4px 0 0;opacity:.9;font-size:14px;color:#fff}.checkin-clock{font-size:28px;font-weight:700;font-family:Segoe UI,monospace;letter-spacing:1px}.checkin-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;margin-bottom:20px}.checkin-info-box{background:#ffffff26;padding:15px;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.checkin-info-label{font-size:12px;opacity:.85;margin-bottom:5px}.checkin-info-value{font-size:15px;font-weight:600}.checkin-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;background:#00000026;padding:15px;border-radius:10px;margin-bottom:20px}.checkin-detail-value{font-size:18px;font-weight:600;margin-top:4px}.checkin-buttons{display:grid;grid-template-columns:1fr 1fr;gap:15px}@media (max-width: 500px){.checkin-buttons{grid-template-columns:1fr}}.checkin-btn{padding:16px;color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;font-family:inherit}.checkin-btn-in{background:#22c55ee6}.checkin-btn-in:hover:not(:disabled){background:#22c55e;transform:translateY(-2px)}.checkin-btn-out{background:#ef4444e6}.checkin-btn-out:hover:not(:disabled){background:#ef4444;transform:translateY(-2px)}.checkin-btn:disabled{opacity:.5;cursor:not-allowed}.reports-section{margin-bottom:30px}.reports-section-title{font-size:17px;color:var(--text-primary);margin-bottom:16px;padding-bottom:10px;border-bottom:3px solid var(--primary);display:inline-block;font-weight:700}.reports-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.report-card{background:var(--bg-card);border:2px solid var(--border-subtle);border-radius:var(--radius-xl);padding:22px;text-decoration:none;display:block;transition:all .3s;color:var(--text-primary)}.report-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.report-card-icon{width:56px;height:56px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:14px}.report-card h3{color:var(--text-primary);font-size:16px;margin:0 0 8px;font-weight:700}.report-card p{color:var(--text-secondary);font-size:13px;line-height:1.6;margin:0 0 14px}.report-card-link{color:var(--primary);font-size:13px;font-weight:600}.report-page-actions{display:flex;gap:10px;flex-wrap:wrap}.btn-export{padding:10px 18px;border-radius:var(--radius-md);font-size:13px;font-weight:600;border:none;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.btn-export-pdf{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-export-pdf:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.btn-export-excel{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-export-excel:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.btn-export:disabled{opacity:.5;cursor:not-allowed}:root{--primary: #7b68ee;--primary-dark: #5b4cd4;--primary-light: #9a8aff;--primary-glow: rgba(123, 104, 238, .35);--secondary: #49ccf9;--accent-pink: #ff5f8e;--accent-orange: #ff9637;--warning: #ffa113;--danger: #f9325e;--success: #2ecd6f;--info: #49ccf9;--gradient-primary: linear-gradient(135deg, #7b68ee 0%, #49ccf9 100%);--gradient-secondary: linear-gradient(135deg, #ff5f8e 0%, #ff9637 100%);--gradient-success: linear-gradient(135deg, #2ecd6f 0%, #49ccf9 100%);--gradient-purple: linear-gradient(135deg, #a855f7 0%, #7b68ee 100%);--gradient-warm: linear-gradient(135deg, #fb923c 0%, #f9325e 100%);--sidebar-width: 260px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-2xl: 24px}:root,[data-theme=dark]{--bg-primary: #11151c;--bg-secondary: #161b25;--bg-card: #1c2230;--bg-hover: #232a3a;--bg-elevated: #252d3f;--text-primary: #f0f2f8;--text-secondary: #c0c7d6;--text-muted: #7d8ba1;--border-color: #2a3142;--border-subtle: rgba(255, 255, 255, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .35);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .5);--shadow-glow: 0 0 24px rgba(123, 104, 238, .25);--color-scheme: dark}[data-theme=light]{--bg-primary: #f7f8fc;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-hover: #f0f2fa;--bg-elevated: #fafbfd;--text-primary: #131a2e;--text-secondary: #5a6478;--text-muted: #9097a6;--border-color: #e6e8ef;--border-subtle: rgba(15, 23, 42, .05);--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04), 0 1px 3px rgba(15, 23, 42, .06);--shadow-md: 0 4px 12px rgba(15, 23, 42, .06), 0 2px 4px rgba(15, 23, 42, .04);--shadow-lg: 0 12px 28px rgba(15, 23, 42, .09), 0 4px 12px rgba(15, 23, 42, .05);--shadow-glow: 0 0 20px rgba(123, 104, 238, .12);--color-scheme: light}body,.app-layout,.main-content,.card,.sidebar{transition:background-color .3s ease,color .3s ease,border-color .3s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}html,body{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none;width:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,SF Pro Display,Inter,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.6;color:var(--text-primary);background:var(--bg-primary);direction:rtl;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv01","cv02","cv03"}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:700;line-height:1.25;letter-spacing:-.01em}h1{font-size:30px;font-weight:800;letter-spacing:-.02em}h2{font-size:24px;font-weight:700}h3{font-size:19px}h4{font-size:16px}p{color:var(--text-secondary)}a{color:var(--primary);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-dark)}button{font-family:inherit;cursor:pointer}.app-layout{min-height:100vh}.main-content{margin-right:var(--sidebar-width);padding:28px;min-height:100vh;background:var(--bg-primary)}@media (max-width: 768px){.main-content{margin-right:0;padding:70px 16px 16px}}.sidebar{position:fixed;top:0;right:0;width:var(--sidebar-width);height:100vh;background:linear-gradient(180deg,#1a2035,#0f1424);border-left:1px solid var(--border-subtle);color:#fff;display:flex;flex-direction:column;z-index:1000;box-shadow:-4px 0 32px #0006;transition:transform .3s ease}.sidebar-header{padding:24px 20px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:14px}.sidebar-header .logo{width:46px;height:46px;background:var(--gradient-primary);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 4px 16px #7b68ee66;position:relative}.sidebar-header .logo:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 60%);pointer-events:none}.sidebar-header h2{color:#fff;font-size:17px;font-weight:700;margin:0;letter-spacing:-.01em}.sidebar-nav{flex:1;overflow-y:auto;padding:12px 0;scrollbar-width:none;-ms-overflow-style:none}.sidebar-nav::-webkit-scrollbar{display:none;width:0}.nav-section{margin-bottom:4px}.nav-section-title{padding:11px 22px;display:flex;justify-content:space-between;align-items:center;color:#8492a8;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s}.nav-section-title:hover{color:#fff}.nav-section-title .section-arrow{font-size:10px;transition:transform .3s}.nav-section.open .section-arrow{transform:rotate(-90deg)}.nav-section-items{max-height:0;overflow:hidden;transition:max-height .3s ease}.nav-section.open .nav-section-items{max-height:600px}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 22px;margin:2px 10px;color:#c0c7d6;font-size:14px;font-weight:500;border-radius:10px;transition:all .2s;position:relative}.nav-item:hover{background:#7b68ee1f;color:#fff;transform:translate(-2px)}.nav-item.active{background:var(--gradient-primary);color:#fff;font-weight:600;box-shadow:0 4px 14px #7b68ee66}.nav-item.active:before{content:"";position:absolute;right:-10px;top:50%;transform:translateY(-50%);width:4px;height:60%;background:#fff;border-radius:2px}.nav-icon{font-size:18px;flex-shrink:0}.sidebar-footer{padding:16px 14px;border-top:1px solid rgba(255,255,255,.08)}.user-info{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding:8px;border-radius:10px}.user-avatar{width:42px;height:42px;border-radius:50%;background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0;box-shadow:0 4px 12px #7b68ee59;border:2px solid rgba(255,255,255,.1)}.user-details{display:flex;flex-direction:column;overflow:hidden}.user-name{color:#fff;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{color:#8492a8;font-size:12px}.logout-btn{width:100%;padding:11px;background:#f9325e1f;border:1px solid rgba(249,50,94,.25);color:#ff8aa3;border-radius:var(--radius-md);font-size:13px;font-weight:600;transition:all .2s}.logout-btn:hover{background:#f9325e38;color:#fff;transform:translateY(-1px)}.theme-toggle-btn{width:100%;padding:11px;background:#7b68ee24;border:1px solid rgba(123,104,238,.3);color:#c7d2fe;border-radius:var(--radius-md);font-size:13px;font-weight:600;transition:all .2s;margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:8px}.theme-toggle-btn:hover{background:#7b68ee3d;color:#fff;transform:translateY(-1px)}.mobile-menu-btn{display:none;position:fixed;top:15px;right:15px;width:44px;height:44px;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-color);font-size:20px;z-index:999;box-shadow:var(--shadow-md)}.sidebar-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999}@media (max-width: 768px){.sidebar{transform:translate(100%)}.sidebar.open{transform:translate(0)}.mobile-menu-btn{display:flex;align-items:center;justify-content:center}.sidebar.open~.sidebar-overlay{display:block}}.card,.dashboard-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow-sm);transition:all .2s ease}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--primary-light)}.stat-card{position:relative;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px 22px;box-shadow:var(--shadow-sm);transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:16px;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;right:0;left:0;height:4px;background:var(--gradient-primary);opacity:0;transition:opacity .3s}.stat-card:hover{box-shadow:0 8px 24px #7b68ee2e;transform:translateY(-3px);border-color:var(--primary-light)}.stat-card:hover:before{opacity:1}.stat-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;position:relative;overflow:hidden;color:#fff;box-shadow:0 4px 14px #0000001f}.stat-icon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.25) 0%,transparent 60%);pointer-events:none}.stat-icon.primary{background:linear-gradient(135deg,#7b68ee,#5b4cd4)}.stat-icon.success{background:linear-gradient(135deg,#2ecd6f,#1eb45a)}.stat-icon.info{background:linear-gradient(135deg,#49ccf9,#3b82f6)}.stat-icon.warning{background:linear-gradient(135deg,#ffa113,#f97316)}.stat-icon.danger{background:linear-gradient(135deg,#f9325e,#c91e3f)}.stat-icon.purple{background:linear-gradient(135deg,#a855f7,#7b68ee)}.stat-icon.pink{background:linear-gradient(135deg,#f472b6,#db2777)}.stat-icon.teal{background:linear-gradient(135deg,#14b8a6,#0d9488)}.stat-icon.orange{background:linear-gradient(135deg,#ff9637,#f9325e)}.stat-details{flex:1;min-width:0}.stat-details h3{font-size:28px;font-weight:800;color:var(--text-primary);margin:0 0 4px;line-height:1.1;letter-spacing:-.02em}.stat-details p{font-size:13px;color:var(--text-muted);font-weight:600;margin:0;letter-spacing:.01em}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:20px}.btn-primary,button.btn-primary{background:var(--gradient-primary);color:#fff;border:none;padding:10px 20px;border-radius:var(--radius-md);font-weight:600;font-size:14px;transition:all .2s;box-shadow:0 2px 8px #7b68ee4d;display:inline-flex;align-items:center;gap:8px}.btn-primary:hover,button.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #7b68ee73}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-secondary,button.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-color);padding:10px 20px;border-radius:var(--radius-md);font-weight:600;font-size:14px;transition:all .2s}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--primary-light)}.btn-cancel,button.btn-cancel{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);padding:10px 20px;border-radius:var(--radius-md);font-weight:500;font-size:14px;transition:all .2s}.btn-cancel:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-danger{background:linear-gradient(135deg,#f9325e,#c91e3f);color:#fff;border:none;padding:10px 20px;border-radius:var(--radius-md);font-weight:600;font-size:14px;transition:all .2s;box-shadow:0 2px 8px #f9325e4d}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 4px 16px #f9325e73}.btn-icon{width:32px;height:32px;border-radius:8px;border:1px solid transparent;background:transparent;display:inline-flex;align-items:center;justify-content:center;transition:all .15s;color:var(--text-secondary)}.btn-icon:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-icon.edit:hover{background:#7b68ee1f;color:var(--primary)}.btn-icon.delete:hover{background:#f9325e1f;color:var(--danger)}.btn-icon.view:hover{background:#49ccf91f;color:var(--info)}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.02em;white-space:nowrap}.badge-success{background:#2ecd6f26;color:#16a34a}[data-theme=dark] .badge-success{color:#4ade80}.badge-warning{background:#ffa1132e;color:#ca8a04}[data-theme=dark] .badge-warning{color:#fbbf24}.badge-danger{background:#f9325e26;color:#dc2626}[data-theme=dark] .badge-danger{color:#f87171}.badge-info{background:#49ccf926;color:#0284c7}[data-theme=dark] .badge-info{color:#38bdf8}.badge-secondary{background:#7b68ee26;color:var(--primary)}[data-theme=dark] .badge-secondary{color:var(--primary-light)}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=search],input[type=tel],select,textarea{width:100%;padding:10px 14px;background:var(--bg-elevated);border:1.5px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;font-family:inherit;transition:all .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #7b68ee26}input::placeholder,textarea::placeholder{color:var(--text-muted)}label{display:block;margin-bottom:6px;font-size:13px;font-weight:600;color:var(--text-primary)}.form-group{margin-bottom:16px}table{width:100%;border-collapse:separate;border-spacing:0;background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}thead{background:var(--bg-elevated)}th{padding:13px 16px;text-align:right;font-weight:700;font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--border-color)}td{padding:14px 16px;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);font-size:14px}tbody tr{transition:background .15s}tbody tr:hover{background:var(--bg-hover)}tbody tr:last-child td{border-bottom:none}.row-actions{display:flex;gap:4px;align-items:center;justify-content:flex-end}.toast-container{position:fixed;top:20px;left:20px;z-index:999999999;display:flex;flex-direction:column;gap:10px;max-width:420px}.toast-item{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:var(--radius-lg);color:#fff;font-size:14px;font-weight:500;direction:rtl;box-shadow:0 12px 40px #0000004d;animation:toast-in .35s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes toast-in{0%{transform:translate(-120%) scale(.95);opacity:0}to{transform:translate(0) scale(1);opacity:1}}.toast-icon{font-size:20px}.toast-message{flex:1}.toast-close{background:#fff3;border:none;color:#fff;width:24px;height:24px;border-radius:50%;font-size:16px;display:flex;align-items:center;justify-content:center;transition:background .2s}.toast-close:hover{background:#ffffff4d}.toast-success{background:linear-gradient(135deg,#2ecd6f,#1eb45a)}.toast-error{background:linear-gradient(135deg,#f9325e,#c91e3f)}.toast-warning{background:linear-gradient(135deg,#ffa113,#f97316)}.toast-info{background:linear-gradient(135deg,#49ccf9,#0ea5e9)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease}.custom-scroll::-webkit-scrollbar{width:8px;height:8px}.custom-scroll::-webkit-scrollbar-track{background:transparent}.custom-scroll::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.custom-scroll::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.skeleton{background:linear-gradient(90deg,var(--bg-elevated) 0%,var(--bg-hover) 50%,var(--bg-elevated) 100%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}[title]:hover{cursor:help}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px}.page-header h1,.page-header h2{margin:0}.page-header .actions{display:flex;gap:8px;align-items:center}[data-theme=light] .stat-card:hover{box-shadow:0 10px 28px #7b68ee26,0 4px 8px #0f172a0f;border-color:#7b68ee4d}[data-theme=light] .card{box-shadow:0 1px 3px #0f172a0a}[data-theme=light] .card:hover{box-shadow:0 8px 20px #7b68ee1a,0 2px 6px #0f172a0d}[data-theme=light] .sidebar{background:#fff;border-left:1px solid var(--border-color);box-shadow:-2px 0 16px #0f172a0a}[data-theme=light] .sidebar-header{border-bottom:1px solid var(--border-color)}[data-theme=light] .sidebar-header h2{color:var(--text-primary)}[data-theme=light] .nav-section-title{color:var(--text-muted)}[data-theme=light] .nav-section-title:hover{color:var(--text-primary)}[data-theme=light] .nav-item{color:var(--text-secondary)}[data-theme=light] .nav-item:hover{background:#7b68ee14;color:var(--primary)}[data-theme=light] .nav-item.active{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 14px #7b68ee59}[data-theme=light] .sidebar-footer{border-top:1px solid var(--border-color)}[data-theme=light] .user-name{color:var(--text-primary)}[data-theme=light] .user-role{color:var(--text-muted)}[data-theme=light] .logout-btn{background:#f9325e0f;border:1px solid rgba(249,50,94,.2);color:var(--danger)}[data-theme=light] .logout-btn:hover{background:#f9325e1f;color:var(--danger)}[data-theme=light] .theme-toggle-btn{background:#7b68ee14;border:1px solid rgba(123,104,238,.2);color:var(--primary)}[data-theme=light] .theme-toggle-btn:hover{background:#7b68ee24;color:var(--primary)}[data-theme=light] thead{background:#f7f8fc}[data-theme=light] th{color:var(--text-secondary)}[data-theme=light] tbody tr:hover{background:#f7f8fc}[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{background:#fff;border-color:#d6dae4}[data-theme=light] input:focus,[data-theme=light] select:focus,[data-theme=light] textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #7b68ee1f}[data-theme=light] .badge-success{background:#dcfce7;color:#15803d}[data-theme=light] .badge-warning{background:#fef3c7;color:#b45309}[data-theme=light] .badge-danger{background:#fee2e2;color:#b91c1c}[data-theme=light] .badge-info{background:#dbeafe;color:#1d4ed8}[data-theme=light] .badge-secondary{background:#ede9fe;color:#6d28d9}[data-theme=light] .mobile-menu-btn{background:#fff;border-color:var(--border-color);color:var(--text-primary)}.form-group input,.form-group select,.form-group textarea{padding:12px 14px;border:1.5px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;font-weight:500;background:var(--bg-primary)!important;color:var(--text-primary)!important;font-family:inherit;transition:all .2s;color-scheme:var(--color-scheme);width:100%}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted);opacity:.7}.form-group select option{background:var(--bg-card);color:var(--text-primary)}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:var(--text-muted)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);background:var(--bg-secondary)!important;box-shadow:0 0 0 3px #6366f126}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:var(--bg-hover)!important;cursor:not-allowed;opacity:.6}