@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Mono:wght@400;500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Sora:wght@600;700;800&family=DM+Sans:wght@400;500;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container{display:flex;font-family:Inter,Segoe UI,sans-serif;height:100vh}.left-section{background-position:50%;background-size:cover;flex:1 1;position:relative}.overlay-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border-radius:20px;box-shadow:0 15px 40px #00000040;left:50%;padding:40px 30px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:320px}.logo-img{margin-bottom:15px;width:170px}.overlay-card p{color:#555;font-size:14px;margin-bottom:15px}.features{color:#333;display:flex;font-size:13px;justify-content:space-between}.right-section{align-items:center;background:#f7f9fc;display:flex;flex:1 1;justify-content:center}.login-form{width:380px}.login-form h2{color:#111;font-size:34px;font-weight:700;margin-bottom:8px}.subtitle{color:#777;font-size:15px;margin-bottom:30px}.login-form label{color:#333;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.input-group{align-items:center;border-radius:16px;box-shadow:0 2px 8px #0f172a0a;display:flex;height:62px;margin-top:10px;position:relative;transition:all .25s ease;width:100%}.input-group:hover{border-color:#93c5fd}.input-group:focus-within{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.input-icon{color:#64748b;font-size:18px;margin-right:14px;min-width:18px}.input-group input{background:#0000;border:none;color:#0f172a;flex:1 1;font-size:15px;font-weight:500;height:100%;outline:none}.input-group input::placeholder{color:#94a3b8;font-weight:400}.input-group input:-webkit-autofill,.input-group input:-webkit-autofill:focus,.input-group input:-webkit-autofill:hover{-webkit-text-fill-color:#0f172a;-webkit-transition:background-color 9999s ease-in-out 0s;transition:background-color 9999s ease-in-out 0s}.eye-icon{color:#64748b;font-size:18px;transition:.2s ease}.eye-icon:hover{color:#2563eb}.login-form button{background:linear-gradient(135deg,#0f172a,#1e293b);border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;height:52px;transition:all .3s ease;width:100%}.login-form button:hover{box-shadow:0 10px 25px #0f172a4d;transform:translateY(-2px)}.error{background:#ffecec;border-radius:8px;color:#d63031;font-size:13px;margin-bottom:15px;padding:10px}*{font-family:Poppins,sans-serif}.admin-container{display:flex;height:100vh;overflow:hidden}.sidebar{background:#111827;color:#fff;transition:.3s;width:260px}.logo-container{border-bottom:1px solid #1f2937;padding:20px}.logo-container img{border-radius:10px;width:120px}.sidebar ul{flex:1 1;overflow-y:auto;padding:10px 0}.sidebar ul li{font-size:15px;padding:14px 20px;transition:.2s}.sidebar ul li:hover{background:#1f2937}.sidebar ul li.active{background:#2563eb}.main-content{background:#f3f4f6;overflow:hidden}.topbar{background:#fff;box-shadow:0 2px 6px #0000000d;height:70px;padding:0 20px}.topbar h3{color:#111827}.topbar-right{gap:15px}.topbar-avatar,.topbar-img{height:40px;width:40px}.topbar-avatar{background:#2563eb}.logout-btn{padding:8px 14px;transition:.3s}.content{flex:1 1}@media (max-width:1024px){.sidebar{width:200px}.sidebar ul li{font-size:14px;padding:12px 15px}.topbar h3{font-size:14px}}@media (max-width:768px){.admin-container{flex-direction:column}.sidebar{flex-direction:row;height:auto;overflow-x:auto;width:100%}.logo-container{display:none}.sidebar ul{display:flex;flex-direction:row}.sidebar ul li{flex:1 1;font-size:12px;justify-content:center;padding:10px}.sidebar ul li span{display:none}.topbar{flex-direction:column;gap:10px;height:auto;padding:10px;text-align:center}.topbar-right{flex-wrap:wrap;justify-content:center}.content{padding:10px}}@media (max-width:480px){.logout-btn,.topbar h3{font-size:12px}.logout-btn{padding:6px 10px}.topbar-name{font-size:12px}}body,html{background:#f8fafc;color:#1a202c;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.dashboard-home{background:linear-gradient(135deg,#f0f4f8,#d9e2ec)}.dashboard-wrapper{max-width:1400px}.greeting-card{animation:slideIn .5s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #667eea4d;margin-bottom:30px;padding:32px}.greeting-card h2{font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0 0 8px}.greeting-card p{font-size:16px;font-weight:500;margin:0;opacity:.95}.stats-container{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:30px}.stat-card{animation:fadeInUp .5s ease-out;background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border:1px solid #3b82f61a;box-shadow:0 4px 16px #00000014;gap:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stat-card:hover{border-color:#3b82f64d;box-shadow:0 12px 32px #00000026;transform:translateY(-8px)}.stat-card.leave{cursor:pointer}.stat-card.leave:hover{background:linear-gradient(135deg,#f9f0fff2,#f8fafcf2)}.icon-box{border-radius:12px;box-shadow:0 4px 12px #00000026;font-size:28px;height:60px;transition:all .3s ease;width:60px}.stat-card:hover .icon-box{transform:scale(1.1) rotate(5deg)}.stat-card.employees .icon-box{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stat-card.departments .icon-box{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.stat-card.active .icon-box{background:linear-gradient(135deg,#06b6d4,#0891b2)}.stat-card.completed .icon-box{background:linear-gradient(135deg,#22c55e,#16a34a)}.stat-card.leave .icon-box{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-info{flex:1 1}.stat-info h4{font-weight:600;letter-spacing:.5px;text-transform:uppercase}.stat-info p{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a202c,#475569);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800;margin:8px 0 0}.chart-card{animation:fadeInUp .5s ease-out .2s backwards;background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border:1px solid #3b82f61a;box-shadow:0 4px 16px #00000014;padding:32px}.chart-card h3{color:#1a202c;font-size:20px;font-weight:700;margin:0 0 24px;text-align:center}.modal-overlay{animation:fadeIn .3s ease;padding:20px}.modal-content{animation:slideUp .4s cubic-bezier(.4,0,.2,1);border:1px solid #ffffff80}.modal-header{background:linear-gradient(135deg,#5865f2,#6d75d6);border-bottom:none;gap:12px;padding:20px 24px}.modal-header h2{flex:1 1;font-weight:700;letter-spacing:-.3px;line-height:1.3}.close-btn{font-size:16px;font-weight:300;height:2px;line-height:1;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.close-btn:hover{transform:scale(1.1) rotate(90deg)}.close-btn:active{transform:scale(.95)}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.leave-list{gap:14px}.leave-item{animation:slideInLeft .4s ease-out;background:linear-gradient(135deg,#f0f4ff,#f5f3ff);border:1.5px solid #e2e8f0;border-left:4px solid #5865f2;border-radius:12px;padding:16px 18px;transition:all .3s cubic-bezier(.4,0,.2,1)}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.leave-item:hover{background:linear-gradient(135deg,#f5f3ff,#eef2ff);border-color:#cbd5e1;box-shadow:0 6px 20px #5865f226;transform:translateX(8px)}.leave-item-number{background:linear-gradient(135deg,#5865f2,#6d75d6);border-radius:10px;box-shadow:0 4px 12px #5865f240;font-weight:700;height:44px;width:44px}.leave-item-info h4{color:#1a202c;font-size:15px;font-weight:700;margin:0 0 4px}.emp-id,.loading-text{color:#5865f2;font-weight:600}.loading-text{animation:pulse 1.5s ease-in-out infinite;padding:50px 20px;text-align:center}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.no-leave-text{background:linear-gradient(135deg,#dbeafe,#d1fae5);border:2px dashed #60a5fa;border-radius:12px;color:#64748b;font-size:15px;font-weight:500;padding:40px 20px;text-align:center}@media (max-width:1200px){.stats-container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.greeting-card{padding:28px}.greeting-card h2{font-size:28px}.stat-card{padding:20px}}@media (max-width:1024px){.dashboard-home{padding:20px}.stats-container{gap:18px;grid-template-columns:repeat(2,1fr)}.greeting-card{margin-bottom:24px;padding:24px}.greeting-card h2{font-size:24px}.stat-card{gap:14px;padding:18px}.icon-box{height:54px;width:54px}.icon-box,.stat-info p{font-size:24px}.chart-card{padding:24px}.modal-content{max-width:90%}.modal-header{padding:18px 24px}.modal-header h2{font-size:18px}.modal-body{padding:20px 24px}}@media (max-width:768px){.dashboard-home{padding:16px}.stats-container{gap:14px;grid-template-columns:1fr;margin-bottom:20px}.greeting-card{margin-bottom:20px;padding:20px}.greeting-card h2{font-size:22px}.greeting-card p{font-size:14px}.stat-card{gap:12px;padding:16px}.icon-box{font-size:20px;height:48px;width:48px}.stat-info h4{font-size:11px}.stat-info p{font-size:20px}.chart-card{padding:20px}.chart-card h3{font-size:18px;margin-bottom:16px}.modal-content{max-height:85vh;max-width:95%}.modal-header{padding:16px 20px}.modal-header h2{font-size:18px}.close-btn{font-size:16px;height:2px;width:2px}.modal-body{padding:18px 20px}.leave-item{gap:12px;padding:14px}.leave-item-number{font-size:13px;height:38px;width:38px}.leave-item-info h4{font-size:14px}.emp-id{font-size:12px}.loading-text,.no-leave-text{font-size:14px;padding:40px 16px}}@media (max-width:480px){.dashboard-home{padding:12px}.greeting-card{border-radius:12px;margin-bottom:16px;padding:16px}.greeting-card h2{font-size:18px;margin-bottom:6px}.greeting-card p{font-size:13px}.stats-container{gap:12px;grid-template-columns:1fr;margin-bottom:16px}.stat-card{flex-direction:column;gap:12px;padding:14px;text-align:center}.icon-box{font-size:18px;height:44px;width:44px}.stat-info h4{font-size:10px}.stat-info p{font-size:18px}.chart-card{border-radius:12px;padding:16px}.chart-card h3{font-size:16px;margin-bottom:16px}.modal-overlay{padding:16px}.modal-content{border-radius:14px;max-height:90vh}.modal-header{padding:14px 16px}.close-btn,.modal-header h2{font-size:16px}.close-btn{height:2px;width:2px}.modal-body{padding:16px}.leave-list{gap:12px}.leave-item{border-radius:10px;gap:12px;padding:12px}.leave-item-number{font-size:12px;height:36px;width:36px}.leave-item-info h4{font-size:13px}.emp-id{font-size:11px}.loading-text,.no-leave-text{font-size:12px;padding:30px 12px}}@media (max-width:360px){.greeting-card h2{font-size:16px}.stat-info h4{font-size:9px}.stat-info p{font-size:16px}.modal-header{padding:12px 14px}.modal-header h2{font-size:14px}.close-btn{font-size:10px;height:1px;width:1px}.leave-item-info h4{font-size:12px}}:root{--primary-light:#eff6ff;--primary-glow:#2563eb26;--error-light:#fef2f2;--success-light:#f0fdf4;--border-focus:#2563eb;--radius-card:24px;--radius-field:14px;--shadow-card:0 4px 6px -1px #0f172a0f,0 20px 50px -10px #0f172a1a;--transition:0.22s ease}.cu-container{align-items:flex-start;background:radial-gradient(ellipse 70% 50% at 0 0,#dbeafe 0,#0000 55%),radial-gradient(ellipse 60% 40% at 100% 100%,#dcfce7 0,#0000 55%),#f1f5f9;background:radial-gradient(ellipse 70% 50% at 0 0,#dbeafe 0,#0000 55%),radial-gradient(ellipse 60% 40% at 100% 100%,#dcfce7 0,#0000 55%),var(--bg-page);display:flex;font-family:DM Sans,sans-serif;justify-content:center;min-height:100vh;padding:48px 20px;width:100%}.cu-form{animation:cu-fadeUp .35s ease both;background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:24px;border-radius:var(--radius-card);box-shadow:0 4px 6px -1px #0f172a0f,0 20px 50px -10px #0f172a1a;box-shadow:var(--shadow-card);max-width:780px;padding:44px 48px 48px;width:100%}.cu-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);margin-bottom:32px;padding-bottom:24px}.cu-header h2{color:#0f172a;color:var(--text-dark);font-family:Sora,sans-serif;font-size:26px;font-weight:800;letter-spacing:-.5px;margin-bottom:4px}.cu-header p{color:#475569;color:var(--text-mid);font-size:14px;font-weight:400}.cu-banner{align-items:center;animation:cu-fadeUp .3s ease both;border-radius:12px;display:flex;font-size:14px;font-weight:500;gap:10px;margin-bottom:24px;padding:13px 16px}.cu-banner--success{background:#f0fdf4;background:var(--success-light);border:1px solid #bbf7d0;color:#16a34a;color:var(--success)}.cu-banner--error{background:#fef2f2;background:var(--error-light);border:1px solid #fecaca;color:#dc2626;color:var(--error)}.cu-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.cu-field{position:relative}.cu-field--full{grid-column:span 2}.cu-field input{background:#fafbfc;border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:14px;border-radius:var(--radius-field);box-sizing:border-box!important;color:#0f172a;color:var(--text-dark);font-family:DM Sans,sans-serif;font-size:15px;font-weight:500;height:60px;outline:none;padding:22px 44px 6px 60px!important;transition:border-color .22s ease,box-shadow .22s ease,background .22s ease;transition:border-color var(--transition),box-shadow var(--transition),background var(--transition);width:100%}.cu-field input:hover{background:#fff;border-color:#93c5fd}.cu-field input:focus{background:#fff;border-color:#2563eb;border-color:var(--border-focus);box-shadow:0 0 0 3px #2563eb26;box-shadow:var(--shadow-focus)}.cu-field--error input{background:#fef2f2;background:var(--error-light);border-color:#dc2626;border-color:var(--error)}.cu-field--error input:focus{box-shadow:0 0 0 3px #dc26261f}.cu-field label{background:#0000;color:#94a3b8;color:var(--text-soft);font-size:14px;font-weight:500;left:60px!important;pointer-events:none;position:absolute;top:19px;transition:all .2s ease}.cu-field label span{color:#dc2626;color:var(--error);margin-left:2px}.cu-field input:focus+label,.cu-field input:not(:placeholder-shown)+label{color:#2563eb;color:var(--primary);font-size:11px;font-weight:600;letter-spacing:.3px;top:8px}.cu-field--error input:focus+label,.cu-field--error input:not(:placeholder-shown)+label{color:#dc2626;color:var(--error)}.cu-field__icon{color:#94a3b8;color:var(--text-soft);font-size:16px;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:color .22s ease;transition:color var(--transition);z-index:10}.cu-field input:focus~.cu-field__icon{color:#2563eb;color:var(--primary)}.cu-field__eye{background:none;border:none;color:#94a3b8;color:var(--text-soft);cursor:pointer;font-size:15px;padding:4px;position:absolute;right:14px;top:50%;transform:translateY(-50%);transition:color .22s ease;transition:color var(--transition);z-index:10}.cu-field__eye:hover{color:#2563eb;color:var(--primary)}.cu-field__msg{color:#dc2626;color:var(--error);display:block;font-size:12px;font-weight:500;margin-left:4px;margin-top:5px}.cu-select-wrap{display:flex;flex-direction:column;gap:8px}.cu-select-label{color:#475569;color:var(--text-mid);font-size:13px;font-weight:600;letter-spacing:.2px}.cu-select-label span{color:#dc2626;color:var(--error);margin-left:2px}.cu-select-box{position:relative}.cu-select-box .cu-field__icon{left:16px;top:50%;transform:translateY(-50%)}.cu-select-box select{appearance:none;background:#fafbfc;border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:14px;border-radius:var(--radius-field);box-sizing:border-box!important;color:#0f172a;color:var(--text-dark);cursor:pointer;font-family:DM Sans,sans-serif;font-size:14.5px;font-weight:500;height:56px;outline:none;padding:0 44px 0 60px!important;transition:border-color .22s ease,box-shadow .22s ease,background .22s ease;transition:border-color var(--transition),box-shadow var(--transition),background var(--transition);width:100%}.cu-select-box select:hover{background:#fff;border-color:#93c5fd}.cu-select-box select:focus{background:#fff;border-color:#2563eb;border-color:var(--border-focus);box-shadow:0 0 0 3px #2563eb26;box-shadow:var(--shadow-focus)}.cu-select-box:after{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid #94a3b8;border-top:5px solid var(--text-soft);content:"";height:0;pointer-events:none;position:absolute;right:16px;top:50%;transform:translateY(-50%);width:0}.cu-field--error .cu-select-box select{background:#fef2f2;background:var(--error-light);border-color:#dc2626;border-color:var(--error)}.cu-submit{align-items:center;background:#2563eb;background:var(--primary);border:none;border-radius:14px;border-radius:var(--radius-field);box-shadow:0 4px 14px #2563eb4d;color:#fff;cursor:pointer;display:flex;font-family:Sora,sans-serif;font-size:15px;font-weight:700;gap:10px;height:58px;justify-content:center;letter-spacing:.3px;margin-top:28px;transition:background .22s ease,transform .22s ease,box-shadow .22s ease;transition:background var(--transition),transform var(--transition),box-shadow var(--transition);width:100%}.cu-submit:hover:not(:disabled){background:#1d4ed8;box-shadow:0 8px 22px #2563eb59;transform:translateY(-1px)}.cu-submit:active:not(:disabled){transform:scale(.98)}.cu-submit:disabled{cursor:not-allowed;opacity:.65}.cu-spinner{animation:cu-spin .7s linear infinite;border:2.5px solid #ffffff59;border-radius:50%;border-top-color:#fff;flex-shrink:0;height:18px;width:18px}input::placeholder{color:#0000}@keyframes cu-fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes cu-spin{to{transform:rotate(1turn)}}@media (max-width:768px){.cu-form{padding:32px 28px 36px}}@media (max-width:600px){.cu-container{align-items:flex-start;padding:24px 14px}.cu-form{border-radius:18px;padding:26px 20px 30px}.cu-header h2{font-size:22px}.cu-grid{grid-template-columns:1fr}.cu-field--full{grid-column:span 1}.cu-field input{height:56px}.cu-select-box select,.cu-submit{height:52px}.cu-submit{font-size:14px}}:root{--color-text:#475569;--color-text-dark:#1e293b;--color-gray-light:#94a3b8;--color-border:#e2e8f0;--color-bg-light:#f8fafc;--color-bg-lighter:#f1f5f9;--shadow-md:0 4px 12px #00000014}.employees-container{background:linear-gradient(135deg,#f4f7fb,#e9ecef);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:30px}.employees-container h2{color:#1e293b;color:var(--color-dark);letter-spacing:-.5px;margin:0 0 30px}.search-box{display:flex;gap:10px;justify-content:flex-end}.search-input{animation:slideIn .4s ease-in-out;max-width:350px;position:relative}.search-icon{color:var(--color-gray-light);left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input input{background:#fff;border:2px solid #e2e8f0;border:2px solid var(--color-border);border-radius:10px;box-shadow:0 2px 8px #0000000a;color:#1e293b;color:var(--color-dark);font-family:inherit;padding:12px 14px 12px 40px;transition:all .3s;transition:all var(--transition);width:100%}.search-input input::placeholder{color:#94a3b8;color:var(--color-gray-light);font-weight:500}.search-input input:focus{background:#fafbff;border-color:#4f46e5;border-color:var(--color-primary);box-shadow:0 0 0 3px #4f46e51a,0 2px 8px #0000000a}.search-input input:hover:not(:focus){border-color:#e2e8f0;border-color:var(--color-border)}.employees-table{animation:fadeIn .4s ease-in-out .1s backwards;background:#fff;background:var(--color-white);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:14px;box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-md)}.employees-table thead{background:linear-gradient(135deg,#f8fafc,#f1f5f9);background:linear-gradient(135deg,var(--color-bg-light) 0,var(--color-bg-lighter) 100%);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--color-border)}.employees-table th{color:#1e293b;color:var(--color-dark);font-size:13px;font-weight:700;letter-spacing:.5px;padding:16px 14px;text-align:center;text-transform:uppercase}.employees-table th:first-child{text-align:left}.employees-table tbody tr{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--color-bg-lighter);transition:all .2s ease}.employees-table td{color:#475569;color:var(--color-text);font-size:14px;font-weight:500;padding:16px 14px;text-align:center}.employees-table td:first-child{color:#1e293b;color:var(--color-text-dark);font-weight:600;text-align:left}.employees-table tbody tr:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);background:linear-gradient(135deg,var(--color-bg-light) 0,var(--color-bg-lighter) 100%);box-shadow:inset 0 0 8px #00000005}.employees-table tbody tr:hover td{color:#1e293b;color:var(--color-text-dark)}.no-data{padding:60px 20px!important}@media (max-width:1024px){.employees-container{padding:24px}.search-input{max-width:300px}.employees-table td,.employees-table th{font-size:13px;padding:14px 12px}.employees-table th{font-size:12px}}@media (max-width:768px){.employees-container{padding:18px}.employees-container h2{font-size:24px;margin-bottom:24px}.search-box{justify-content:center;margin-bottom:20px}.search-input{max-width:100%;width:100%}.search-input input{font-size:13px;padding:11px 12px 11px 36px}.search-icon{font-size:14px;left:12px}.employees-table{border-radius:10px;font-size:12px}.employees-table th{font-size:11px;padding:12px 10px}.employees-table td{font-size:12px;padding:12px 10px}.no-data{font-size:13px;padding:40px 16px!important}}@media (max-width:600px){.employees-container{padding:14px}.employees-container h2{font-size:20px;margin-bottom:18px}.search-box{justify-content:center;margin-bottom:16px}.search-input{max-width:none;width:100%}.search-input input{border-radius:8px;font-size:12px;padding:10px 12px 10px 34px}.search-icon{font-size:13px;left:10px}.employees-table{border-radius:8px}.employees-table th{font-size:10px;padding:11px 8px}.employees-table td{font-size:11px;padding:11px 8px}.no-data{font-size:12px;padding:30px 12px!important}}@media (max-width:480px){.employees-container{padding:12px}.employees-container h2{font-size:18px;margin-bottom:16px}.search-box{margin-bottom:14px}.search-input input{font-size:12px;padding:10px 12px 10px 32px}.search-icon{font-size:12px;left:10px}.employees-table{border-radius:8px;font-size:11px}.employees-table thead{background:#f1f5f9;background:var(--color-bg-lighter)}.employees-table th{font-size:9px;padding:10px 6px}.employees-table td{font-size:11px;padding:10px 6px}.no-data{font-size:11px;padding:25px 10px!important}}@media (max-width:360px){.employees-container{padding:10px}.employees-container h2{font-size:16px;margin-bottom:14px}.search-input input{font-size:11px;padding:9px 10px 9px 30px}.employees-table th{font-size:8px;padding:8px 4px}.employees-table td{font-size:10px;padding:8px 4px}}.employees-table::-webkit-scrollbar{height:8px}.employees-table::-webkit-scrollbar-track{background:#f1f5f9;background:var(--color-bg-lighter)}.employees-table::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--color-border);border-radius:4px}.employees-table::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--color-gray-light)}:root{--color-primary:#4f46e5;--color-primary-dark:#4338ca;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-dark:#1e293b;--color-light:#f4f6fb;--color-white:#fff;--color-gray:#64748b;--color-gray-light:#e5e7eb;--color-gray-lighter:#eee;--color-border:#ddd;--color-bg-hover:#f9fafb;--color-overlay:#0006;--shadow-sm:0 2px 6px #0000000d;--shadow-md:0 4px 10px #0000000d;--radius:8px;--radius-lg:12px;--transition:0.3s}.projects-container{background:var(--color-light)}.projects-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.projects-header h2{color:#1e293b;color:var(--color-dark);font-size:24px;font-weight:600;margin:0}button{font-family:inherit}.create-btn{align-items:center;background:#4f46e5;background:var(--color-primary);border:none;border-radius:8px;border-radius:var(--radius);color:#fff;color:var(--color-white);cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 18px;transition:background .3s;transition:background var(--transition)}.create-btn:hover{background:#4338ca;background:var(--color-primary-dark)}.stats-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:25px}.stat-card{background:var(--color-white);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 10px #0000000d;box-shadow:var(--shadow-md);transition:transform .3s,box-shadow .3s;transition:transform var(--transition),box-shadow var(--transition)}.stat-card:hover{box-shadow:0 6px 14px #00000014;transform:translateY(-2px)}.stat-icon{color:#4f46e5;color:var(--color-primary);flex-shrink:0;font-size:28px}.stat-icon.ongoing{color:#f59e0b;color:var(--color-warning)}.stat-icon.completed{color:#10b981;color:var(--color-success)}.stat-card h4{color:#64748b;color:var(--color-gray);font-size:13px;font-weight:500;letter-spacing:.5px;margin:0 0 4px;text-transform:uppercase}.stat-card p{color:#1e293b;color:var(--color-dark);font-size:24px;font-weight:700;margin:0}.toolbar{flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.search-bar,.toolbar{align-items:center;display:flex}.search-bar{background:#fff;background:var(--color-white);border-radius:8px;border-radius:var(--radius);box-shadow:0 2px 6px #0000000d;box-shadow:var(--shadow-sm);flex:1 1;gap:10px;min-width:250px;padding:10px 14px}.search-bar input{background:#0000;border:none}.search-bar input::placeholder{color:#64748b;color:var(--color-gray)}.toolbar select{background:#fff;background:var(--color-white);border:1px solid #ddd;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius);cursor:pointer;font-size:14px;min-width:150px;padding:10px 12px;transition:border-color .3s;transition:border-color var(--transition)}.toolbar select:focus,.toolbar select:hover{border-color:#4f46e5;border-color:var(--color-primary);outline:none}.projects-table{background:#fff;background:var(--color-white);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 10px #0000000d;box-shadow:var(--shadow-md);overflow:hidden}.projects-table th{background:#1e293b;background:var(--color-dark);color:#fff;color:var(--color-white);font-size:14px;letter-spacing:.5px;padding:14px 12px;text-align:center}.projects-table td{border-bottom:1px solid #eee;border-bottom:1px solid var(--color-gray-lighter);padding:14px 12px}.projects-table tbody tr:hover{background:#f9fafb;background:var(--color-bg-hover)}.status-badge{font-size:12px;font-weight:600;letter-spacing:.3px;padding:6px 12px}.status-badge.ongoing{background:#fef3c7;color:#b45309}.status-badge.completed{background:#d1fae5;color:#065f46}.actions{text-align:center}.actions button{background:#0000;border:none;color:#4f46e5;color:var(--color-primary);cursor:pointer;font-size:16px;padding:6px 8px;transition:color .3s,transform .3s;transition:color var(--transition),transform var(--transition)}.actions button:hover{transform:scale(1.15)}.complete-btn{color:#10b981!important;color:var(--color-success)!important}.delete-btn{color:#ef4444!important;color:var(--color-danger)!important}.no-data{color:#64748b;color:var(--color-gray);padding:40px 20px}.modal-overlay{animation:fadeIn .2s ease;background:var(--color-overlay)}.modal-box{animation:slideUp .3s ease;background:var(--color-white);border-radius:var(--radius-lg);box-shadow:0 10px 40px #00000026}.modal-box h3{color:var(--color-dark);font-size:18px;font-weight:600;margin:0 0 20px}.modal-box input,.modal-box select,.modal-box textarea{border:1px solid #ddd;border:1px solid var(--color-border);border-radius:var(--radius);font-family:inherit;margin-bottom:14px;padding:10px 12px;transition:border-color .3s;transition:border-color var(--transition)}.modal-box input:focus,.modal-box select:focus,.modal-box textarea:focus{border-color:#4f46e5;border-color:var(--color-primary);box-shadow:0 0 0 3px #4f46e51a}.modal-box textarea{min-height:100px}.modal-actions{gap:10px;justify-content:flex-end}.primary-btn,.secondary-btn{border:none;border-radius:8px;border-radius:var(--radius);cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .3s;transition:all var(--transition)}.primary-btn{background:#4f46e5;background:var(--color-primary);color:#fff;color:var(--color-white)}.primary-btn:hover{background:#4338ca;background:var(--color-primary-dark);box-shadow:0 4px 10px #4f46e54d;transform:translateY(-1px)}.secondary-btn{background:#e5e7eb;background:var(--color-gray-light);color:#1e293b;color:var(--color-dark)}.secondary-btn:hover{background:#d1d5db}.details-content{margin-bottom:20px}.details-content p{color:#334155;font-size:14px;line-height:1.6;margin:10px 0}.details-content b{color:#1e293b;color:var(--color-dark);font-weight:600}@media (max-width:768px){.projects-header{align-items:flex-start;flex-direction:column;gap:15px}.stats-grid{grid-template-columns:1fr}.toolbar{flex-direction:column;gap:12px}.search-bar{min-width:auto;width:100%}.toolbar select{width:100%}.projects-table{font-size:12px}.projects-table td,.projects-table th{padding:10px 8px}.modal-box{max-width:95%;padding:20px}.create-btn{justify-content:center;width:100%}}@media (max-width:480px){.projects-container{padding:12px}.projects-header h2{font-size:18px}.stat-card{flex-direction:column;text-align:center}.stat-icon{font-size:24px}.modal-actions{flex-direction:column}.primary-btn,.secondary-btn{width:100%}.projects-table th{font-size:12px;padding:8px 4px}}.calendar-container{background:#f4f7fb;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.calendar-header{flex-wrap:wrap;gap:15px;margin-bottom:30px}.calendar-header h2{font-size:28px;font-weight:700;margin:0}.nav-btns{display:flex;gap:8px}.nav-btns button{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:8px;box-shadow:0 4px 8px #4f46e533;font-size:14px;font-weight:600;padding:10px 16px;transition:all .3s ease}.nav-btns button:hover{background:linear-gradient(135deg,#7c3aed,#a855f7);box-shadow:0 6px 12px #4f46e54d;transform:translateY(-2px)}.nav-btns button:active{transform:translateY(0)}.calendar-days{grid-gap:10px;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000d;color:#334155;font-weight:700;gap:10px;margin-bottom:15px;padding:12px}.calendar-days div{font-size:14px;padding:10px}.calendar-cell{border:2px solid #e2e8f0;box-shadow:0 2px 8px #0000000d;min-height:120px;overflow:hidden;transition:all .3s ease}.calendar-cell:hover{border-color:#4f46e5;box-shadow:0 8px 16px #0000001f;transform:translateY(-6px)}.calendar-cell.today{background:linear-gradient(135deg,#4f46e51a,#7c3aed0d);border:2px solid #4f46e5}.calendar-cell.today .date{color:#4f46e5;font-weight:700}.calendar-cell.weekend{background:linear-gradient(135deg,#94a3b814,#cbd5e10d)}.calendar-cell.empty{background:#0000;border:none;box-shadow:none;cursor:default}.date{color:#1e293b;font-size:16px;font-weight:700;line-height:1;margin-bottom:8px}.event-dots{display:flex;flex-direction:column;gap:4px}.event-dot{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:6px;box-shadow:0 2px 4px #4f46e533;color:#fff;font-size:11px;font-weight:500;overflow:hidden;padding:4px 8px;text-overflow:ellipsis;white-space:nowrap}.modal-overlay{animation:fadeInOverlay .3s ease-in-out}.modal-box{animation:slideUp .3s ease-in-out;box-shadow:0 20px 40px #00000026;max-height:90vh;max-width:450px;overflow-y:auto;padding:28px;width:100%}.modal-box h3{font-size:22px;font-weight:700;margin:0 0 8px}.modal-date{border-bottom:1px solid #e2e8f0;color:#64748b;font-size:13px;margin-bottom:16px;padding-bottom:12px}.modal-box input,.modal-box textarea{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-family:inherit;font-size:14px;margin-bottom:12px;outline:none;padding:10px 12px;transition:all .2s ease;width:100%}.modal-box input:focus,.modal-box textarea:focus{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.modal-box textarea{min-height:80px;resize:vertical}.time-row{display:flex;gap:12px;margin-bottom:12px}.time-row input{flex:1 1}.modal-actions{border-top:1px solid #e2e8f0;gap:12px;margin-top:20px;padding-top:16px}.modal-actions button{flex:1 1;font-size:14px;font-weight:600;padding:10px 16px;transition:all .3s ease}.modal-actions .save{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 8px #10b98133;color:#fff}.modal-actions .save:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 12px #10b9814d;transform:translateY(-2px)}.modal-actions .save:active{transform:translateY(0)}.modal-actions .cancel{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 8px #ef444433;color:#fff}.modal-actions .cancel:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 12px #ef44444d;transform:translateY(-2px)}.modal-actions .cancel:active{transform:translateY(0)}.modal-event-list{border-top:1px solid #e2e8f0;margin-top:20px;max-height:300px;overflow-y:auto;padding-top:16px}.event-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px;transition:all .2s ease}.event-item:hover{background:#f1f5f9;border-color:#cbd5e1}.event-info strong{color:#1e293b;display:block;font-size:14px;margin-bottom:4px}.event-info p{color:#64748b;font-size:12px;margin:0}.event-btns{display:flex;gap:6px}.event-btns button{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s ease}.edit-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 4px #3b82f633}.edit-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px)}.delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 4px #ef444433}.delete-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px)}.modal-box::-webkit-scrollbar,.modal-event-list::-webkit-scrollbar{width:6px}.modal-box::-webkit-scrollbar-track,.modal-event-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.modal-box::-webkit-scrollbar-thumb,.modal-event-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.modal-box::-webkit-scrollbar-thumb:hover,.modal-event-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@media (max-width:1024px){.calendar-container{padding:16px}.calendar-header{align-items:flex-start;flex-direction:column;gap:12px}.calendar-header h2{font-size:24px}.calendar-cell{min-height:100px;padding:10px}.date{font-size:14px}.event-dot{font-size:10px;padding:3px 6px}}@media (max-width:768px){.calendar-container{padding:12px}.calendar-header h2{font-size:20px}.nav-btns button{font-size:13px;padding:8px 12px}.calendar-grid{gap:8px;grid-template-columns:repeat(7,1fr)}.calendar-cell{min-height:80px;padding:8px}.date{font-size:13px;margin-bottom:6px}.event-dot{font-size:9px;padding:2px 4px}.modal-box{max-width:90%;padding:20px}.modal-box h3{font-size:18px}.modal-box input,.modal-box textarea{font-size:13px;padding:8px 10px}.modal-actions button{font-size:13px;padding:8px 12px}.event-item{align-items:flex-start;flex-direction:column;gap:8px}.event-btns{gap:4px;width:100%}.event-btns button{flex:1 1}}@media (max-width:480px){.calendar-container{padding:8px}.calendar-header h2{font-size:18px}.nav-btns{justify-content:space-between;width:100%}.nav-btns button{flex:1 1;font-size:12px;padding:6px 10px}.calendar-days{gap:4px;grid-template-columns:repeat(7,1fr);padding:8px}.calendar-days div{font-size:11px;padding:6px 2px}.calendar-grid{gap:6px}.calendar-cell{min-height:70px;padding:6px}.date{font-size:12px;margin-bottom:4px}.event-dot{font-size:8px;padding:2px 3px}.modal-box{max-width:95%;padding:16px}.modal-box h3{font-size:16px}.modal-box input,.modal-box textarea{font-size:12px;margin-bottom:10px;padding:8px}.modal-actions,.time-row{gap:8px}.modal-actions button{font-size:12px;padding:8px}.event-item{margin-bottom:6px;padding:10px}.event-info strong{font-size:12px}.event-info p{font-size:11px}.event-btns button{font-size:11px;padding:4px 8px}}.admin-approval-container{background:linear-gradient(135deg,#f4f7fb,#e9ecef);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:30px}.admin-approval-container h2{color:#1e293b;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0 0 30px}.approval-table{animation:slideIn .4s ease-in-out;background:#fff;border:1px solid #e2e8f0;border-collapse:collapse;border-radius:14px;box-shadow:0 4px 12px #00000014;overflow:hidden;width:100%}.approval-table thead{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0}.approval-table th{color:#334155;font-size:13px;font-weight:700;letter-spacing:.5px;padding:16px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.approval-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .2s ease}.approval-table td{color:#475569;font-size:14px;font-weight:500;padding:16px 14px;text-align:left}.approval-table tbody tr:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);box-shadow:inset 0 0 8px #00000005}.approval-table tbody tr:hover td{color:#1e293b}.role-badge{background:linear-gradient(135deg,#e0f2fe,#bfdbfe);border:1px solid #7dd3fc;border-radius:8px;box-shadow:0 2px 4px #0369a11a;color:#0369a1;display:inline-block;font-size:12px;font-weight:600;padding:6px 10px}.status-pending{background:#ea580c1a;color:#ea580c}.status-approved,.status-pending{border-radius:6px;display:inline-block;font-weight:700;padding:4px 8px}.status-approved{background:#15803d1a;color:#15803d}.status-rejected{background:#dc26261a;color:#dc2626}.status-rejected,.status-tl-approved{border-radius:6px;display:inline-block;font-weight:700;padding:4px 8px}.status-tl-approved{background:#7c3aed1a;color:#7c3aed}.reason-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-group{display:flex;flex-wrap:wrap;gap:8px}.approve-btn{border:none;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;padding:8px 14px;transition:all .3s ease;white-space:nowrap}.approve-btn:active{box-shadow:0 2px 8px #10b98133}.approve-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.reject-btn{border:none;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;padding:8px 14px;transition:all .3s ease;white-space:nowrap}.reject-btn:active{box-shadow:0 2px 8px #ef444433}.reject-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.processed{font-size:12px}.loading,.processed{color:#64748b;font-weight:600}.loading{font-size:16px;padding:60px 20px;text-align:center}.approval-table::-webkit-scrollbar{height:8px}.approval-table::-webkit-scrollbar-track{background:#f1f5f9}.approval-table::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.approval-table::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:1200px){.admin-approval-container{padding:24px}.approval-table td,.approval-table th{padding:14px 12px}.approval-table th{font-size:12px}.approval-table td{font-size:13px}.approve-btn,.reject-btn{font-size:11px;padding:7px 12px}}@media (max-width:1024px){.admin-approval-container{padding:20px}.admin-approval-container h2{font-size:24px;margin-bottom:24px}.approval-table{font-size:12px}.approval-table th{font-size:11px;padding:12px 10px}.approval-table td{font-size:12px;padding:12px 10px}.reason-cell{max-width:120px}.btn-group{gap:6px}.approve-btn,.reject-btn{font-size:10px;padding:6px 10px}}@media (max-width:768px){.admin-approval-container{padding:16px}.admin-approval-container h2{font-size:20px;margin-bottom:20px}.approval-table{border-radius:10px;overflow-x:auto}.approval-table th{font-size:10px;padding:11px 8px;white-space:nowrap}.approval-table td{font-size:11px;padding:11px 8px}.role-badge{font-size:10px;padding:4px 6px}.reason-cell{max-width:100px}.btn-group{gap:4px}.approve-btn,.reject-btn{font-size:9px;padding:6px 8px}.approval-table td:nth-child(6),.approval-table th:nth-child(6){display:none}}@media (max-width:600px){.admin-approval-container{padding:12px}.admin-approval-container h2{font-size:18px;margin-bottom:16px}.approval-table{border-radius:8px;display:block;overflow-x:auto}.approval-table tbody,.approval-table td,.approval-table th,.approval-table thead,.approval-table tr{display:block}.approval-table th{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-bottom:1px solid #cbd5e1;font-size:9px;padding:10px 8px}.approval-table tbody tr{border-bottom:2px solid #e2e8f0;margin-bottom:12px}.approval-table td{font-size:12px;padding:8px 8px 8px 120px;position:relative}.approval-table td:before{color:#334155;content:attr(data-label);font-size:10px;font-weight:700;left:8px;position:absolute}.btn-group{flex-direction:column;gap:6px}.approve-btn,.reject-btn{font-size:11px;padding:8px 10px;width:100%}}@media (max-width:480px){.admin-approval-container{padding:10px}.admin-approval-container h2{font-size:16px;margin-bottom:14px}.approval-table{border-radius:8px}.approval-table th{font-size:8px;padding:8px 6px}.approval-table td{font-size:11px;padding:8px 6px 8px 100px}.role-badge{font-size:9px;padding:3px 5px}.approve-btn,.reject-btn{font-size:10px;padding:6px 8px}.reason-cell{max-width:80px}}@media (max-width:360px){.admin-approval-container{padding:8px}.admin-approval-container h2{font-size:14px;margin-bottom:12px}.approval-table td{font-size:10px;padding:6px 4px 6px 80px}.approve-btn,.reject-btn{font-size:9px;padding:5px 6px}}*{box-sizing:border-box;margin:0;padding:0}.page-container{background:linear-gradient(135deg,#f0f4f8,#d9e2ec);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;padding:20px}h2{font-size:32px;letter-spacing:-.5px;margin-bottom:30px;text-align:center}h2,h3{color:#1a202c;font-weight:700}h3{font-size:18px;margin:0}.tabs{gap:15px;justify-content:center;margin-bottom:30px}.tabs button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:12px;color:#fff;font-size:15px;padding:12px 28px;transition:all .3s cubic-bezier(.4,0,.2,1)}.tabs button:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px)}.tabs button.active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#2563eb;box-shadow:0 4px 15px #3b82f666}.table-card{animation:slideIn .4s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border:1px solid #3b82f61a;border-radius:16px;box-shadow:0 8px 32px #0000001a;margin-bottom:30px;overflow:hidden;padding:28px}.card-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.card-header h3{flex:1 1;margin:0;min-width:200px}.search-container{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;display:flex;gap:10px;margin-bottom:20px;padding:10px 14px;transition:all .3s ease}.search-container:focus-within{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.search-icon{color:#94a3b8;flex-shrink:0}.search-input{background:#0000;border:none;color:#1a202c;font-family:inherit;font-size:14px;outline:none;padding:0;width:100%}.search-input::placeholder{color:#cbd5e1}.table-wrapper{border-radius:10px}.table{border-collapse:collapse;font-size:14px;width:100%}.table thead{background:linear-gradient(135deg,#3b82f6,#2563eb);border-bottom:2px solid #2563eb}.table th{color:#fff;font-size:12px;font-weight:700;letter-spacing:.5px;padding:14px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.table tbody tr{border-bottom:1px solid #f0f4f8;transition:all .2s ease}.table tbody tr:hover{background:linear-gradient(90deg,#f8fafc,#f1f5f9);box-shadow:0 2px 8px #0000000a}.table td{color:#475569;font-size:14px;padding:14px 12px}.table td:first-child{color:#1a202c;font-weight:600}.status-with-icon{align-items:center;display:flex;gap:8px;white-space:nowrap}.status-with-icon span{align-items:center;border-radius:6px;display:inline-flex;font-size:12px;font-weight:600;padding:6px 12px;text-transform:capitalize}.status-with-icon span.pending{background:#fef3c7;color:#92400e}.status-with-icon span.approved{background:#d1fae5;color:#065f46}.status-with-icon span.rejected{background:#fee2e2;color:#7f1d1d}.eye-icon{align-items:center;border-radius:6px;color:#3b82f6;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;justify-content:center;padding:4px 8px;transition:all .2s ease}.eye-icon:hover{background:#3b82f61a;color:#1e40af;transform:scale(1.2)}.action-buttons{flex-wrap:wrap;gap:6px}.action-buttons,.approve-btn,.reject-btn{align-items:center;display:flex;justify-content:center}.approve-btn,.reject-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;min-width:40px;padding:6px 10px;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.approve-btn{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b98133;color:#fff}.approve-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.approve-btn:active{transform:translateY(0)}.reject-btn{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef444433;color:#fff}.reject-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef44444d;transform:translateY(-2px)}.reject-btn:active{transform:translateY(0)}.status-done{color:#94a3b8;font-weight:600;min-width:40px;text-align:center}.no-data{color:#94a3b8;font-size:14px;font-weight:500;padding:40px 20px!important}.download-btn{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:10px;box-shadow:0 2px 8px #ef444433;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.download-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef44444d;transform:translateY(-2px)}.download-btn:active{transform:translateY(0)}.modal{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;padding:20px;right:0;z-index:1000}.modal-content{animation:slideUp .3s cubic-bezier(.4,0,.2,1);border:1px solid #3b82f61a;max-width:550px;padding:32px}.modal-content h3{color:#1a202c;font-size:20px;font-weight:700;margin:0 0 16px}.modal-content p{word-wrap:break-word;color:#475569;font-size:14px;line-height:1.6;margin:0 0 20px;white-space:pre-wrap}.modal-close-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;box-shadow:0 2px 8px #3b82f633;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.modal-close-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.modal-close-btn:active{transform:translateY(0)}.table-wrapper::-webkit-scrollbar{height:8px}@media (max-width:1400px){.page-container{padding:16px}}@media (max-width:1200px){.card-header{align-items:stretch;flex-direction:column}.download-btn{justify-content:center;width:100%}.table{font-size:13px}.table td,.table th{padding:10px 8px}.status-with-icon span{font-size:11px;padding:5px 10px}.eye-icon{padding:3px 6px}}@media (max-width:1024px){.page-container{padding:14px}h2{font-size:28px;margin-bottom:20px}.table-card{padding:20px}.table{font-size:12px}.table td,.table th{padding:10px 8px}.approve-btn,.reject-btn{font-size:13px;min-width:36px;padding:6px 10px}.action-buttons{gap:4px}}@media (max-width:768px){.page-container{padding:12px}h2{font-size:24px;margin-bottom:18px}h3{font-size:16px}.tabs{gap:8px}.tabs button{font-size:13px;padding:10px 16px}.table-card{border-radius:12px;padding:16px}.card-header{align-items:stretch;flex-direction:column;margin-bottom:15px}.download-btn{justify-content:center;margin-bottom:0;padding:10px;width:100%}.search-container{margin-bottom:16px}.table{font-size:11px}.table td,.table th{font-size:11px;padding:10px 6px}.table th{font-size:10px}.status-with-icon{flex-direction:row;gap:6px}.status-with-icon span{font-size:10px;padding:4px 8px}.approve-btn,.reject-btn{font-size:11px;min-width:32px;padding:5px 8px}.eye-icon{font-size:14px;padding:2px 4px}.modal-content{max-width:90%;padding:20px}.modal-content h3{font-size:18px}.modal-content p{font-size:13px}.modal-close-btn{font-size:13px;padding:8px 16px}}@media (max-width:600px){.page-container{padding:10px}h2{font-size:22px;margin-bottom:16px}h3{font-size:14px}.tabs button{font-size:12px;padding:10px 14px}.table-card{padding:12px}.search-container{margin-bottom:12px;padding:8px 10px}.search-input{font-size:12px}.table{font-size:10px}.table td,.table th{padding:8px 4px}.table th{font-size:9px}.status-with-icon span{font-size:9px;padding:3px 6px}.approve-btn,.reject-btn{font-size:10px;min-width:28px;padding:5px 6px}.eye-icon{font-size:12px;padding:2px 3px}.download-btn{font-size:12px;padding:8px 16px}.status-done{min-width:30px}.table td:nth-child(n+5),.table th:nth-child(n+5){display:none}.modal-content{padding:16px;width:95%}.modal-content h3{font-size:16px}.modal-content p{font-size:12px}.modal-close-btn{padding:10px;width:100%}}@media (max-width:480px){.page-container{padding:8px}h2{font-size:18px;margin-bottom:12px}.tabs button{font-size:11px;padding:8px 12px}.table{font-size:9px}.table td,.table th{padding:6px 3px}.status-with-icon{flex-direction:column;gap:3px}.status-with-icon span{font-size:8px;padding:3px 6px}.approve-btn,.reject-btn{font-size:9px;min-width:25px;padding:4px 6px}.download-btn,.eye-icon{font-size:11px}.download-btn{padding:8px 12px}.modal-content{padding:12px;width:98%}}@media (max-width:360px){h2{font-size:16px}.table{font-size:8px}.table td,.table th{padding:5px 2px}.status-with-icon span{font-size:7px;padding:2px 4px}.approve-btn,.reject-btn{font-size:8px;padding:3px 4px}.modal-content{padding:10px}.modal-close-btn{font-size:11px;padding:6px 10px}}.profile-page{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.loading-container,.profile-page{background:linear-gradient(135deg,#f4f7fb,#e9ecef)}.loading-container{align-items:center;display:flex;justify-content:center;min-height:100vh}.loading-container h2{color:#4f46e5;font-size:20px;font-weight:600}.profile-header{animation:slideIn .4s ease-in-out;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 24px #4f46e54d;color:#fff;margin-bottom:30px;padding:28px 32px}.profile-img-wrapper img{border:4px solid #fff;box-shadow:0 4px 12px #0003;transition:transform .3s ease}.profile-img-wrapper img:hover{transform:scale(1.05)}.profile-img-wrapper input[type=file]{border-radius:50%;cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.profile-left h2{font-size:24px;font-weight:700;letter-spacing:-.5px}.profile-left p{font-weight:500;margin:6px 0 0;opacity:.9}.header-actions{display:flex;gap:12px}.edit-btn{background:#fff;border-radius:10px;box-shadow:0 4px 12px #00000026;color:#4f46e5;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.edit-btn:hover{background:#f0f0f0;box-shadow:0 6px 16px #0003}.edit-btn:active{transform:translateY(0)}.tabs{border-bottom:2px solid #e2e8f0;flex-wrap:wrap;gap:12px;margin-bottom:25px}.tabs button{background:#0000;color:#64748b;font-size:14px;font-weight:600;padding:12px 24px;position:relative;transition:all .3s ease}.tabs button:hover{background:#4f46e50d;color:#4f46e5}.tabs button.active{color:#4f46e5}.tabs button.active:after{background:#4f46e5;border-radius:2px;bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.tab-content{animation:fadeIn .3s ease-in-out;border:1px solid #e2e8f0;box-shadow:0 4px 12px #00000014;padding:32px}.form-grid{grid-gap:24px;gap:24px}.form-grid .full-width,.form-grid textarea{grid-column:span 2}.form-group{gap:8px}.form-group label{color:#334155;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.form-grid input,.form-grid select,.form-grid textarea{background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;color:#1e293b;font-family:inherit;font-size:14px;padding:12px 14px;transition:all .3s ease;width:100%}.form-grid input::placeholder,.form-grid textarea::placeholder{color:#94a3b8}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.form-grid input:hover:not(:focus),.form-grid select:hover:not(:focus),.form-grid textarea:hover:not(:focus){border-color:#cbd5e1}.form-grid input:disabled,.form-grid select:disabled,.form-grid textarea:disabled{background:#f3f4f6;border-color:#e5e7eb;color:#6b7280;cursor:not-allowed}.form-grid input[type=file]{background:#f9fafb;border:2px dashed #cbd5e1;cursor:pointer;padding:12px 14px;transition:all .3s ease}.form-grid input[type=file]:hover{background:#fafbff;border-color:#4f46e5}.form-grid input[type=file]:focus{background:#fff;border-color:#4f46e5}.file-hint{color:#4f46e5;font-size:12px;font-weight:600;margin-top:6px}.security-box{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 8px #0000000a;margin:0 auto;max-width:450px;padding:28px}.security-box .form-group{margin-bottom:20px}.security-box input{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#1e293b;font-family:inherit;font-size:14px;padding:12px 14px;transition:all .3s ease;width:100%}.security-box input::placeholder{color:#94a3b8}.security-box input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.security-box input:hover:not(:focus){border-color:#cbd5e1}.update-btn{background:linear-gradient(135deg,#10b981,#059669);border-radius:10px;box-shadow:0 4px 12px #10b98140;font-size:14px;font-weight:700;margin-top:24px;padding:14px 24px;transition:all .3s ease;width:100%}.update-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 16px #10b9814d;transform:translateY(-2px)}.update-btn:active{transform:translateY(0)}.update-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:1024px){.profile-page{padding:24px}.profile-header{align-items:flex-start;flex-direction:column;gap:20px;padding:24px 28px}.profile-left h2{font-size:20px}.tab-content{padding:24px}.form-grid{gap:20px}.form-grid input,.form-grid select,.form-grid textarea{font-size:13px;padding:11px 12px}.security-box{max-width:100%;padding:24px}}@media (max-width:768px){.profile-page{padding:18px}.profile-header{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:24px;padding:20px 24px}.profile-left{width:100%}.profile-img-wrapper img{height:70px;width:70px}.profile-left h2{font-size:18px}.profile-left p{font-size:13px}.edit-btn,.header-actions{width:100%}.edit-btn{font-size:13px;justify-content:center;padding:10px 16px}.tabs{gap:8px;margin-bottom:20px}.tabs button{font-size:13px;padding:10px 18px}.tab-content{padding:20px}.form-grid{gap:18px;grid-template-columns:1fr}.form-grid .full-width,.form-grid textarea{grid-column:span 1}.form-grid input,.form-grid select,.form-grid textarea{font-size:13px;padding:11px 12px}.security-box{max-width:100%;padding:20px}.update-btn{font-size:13px;padding:12px 20px}}@media (max-width:600px){.profile-page{padding:14px}.profile-header{gap:14px;margin-bottom:20px;padding:18px 20px}.profile-img-wrapper img{border-width:3px;height:65px;width:65px}.profile-left h2{font-size:16px}.edit-btn,.profile-left p{font-size:12px}.edit-btn{padding:9px 14px}.tabs{gap:6px;margin-bottom:16px}.tabs button{font-size:12px;padding:9px 16px}.tab-content{padding:16px}.form-grid{gap:16px}.form-group label{font-size:12px}.form-grid input,.form-grid select,.form-grid textarea{font-size:12px;padding:10px 11px}.security-box{padding:18px}.update-btn{font-size:12px;margin-top:20px;padding:11px 18px}}@media (max-width:480px){.profile-page{padding:12px}.profile-header{border-radius:12px;gap:12px;padding:16px 18px}.profile-img-wrapper img{border-width:3px;height:60px;width:60px}.profile-left h2{font-size:15px}.edit-btn,.profile-left p{font-size:11px}.edit-btn{padding:8px 12px}.tabs{gap:4px;margin-bottom:14px}.tabs button{font-size:11px;padding:8px 12px}.tab-content{border-radius:10px;padding:14px}.form-grid{gap:14px}.form-group label{font-size:11px}.form-grid input,.form-grid select,.form-grid textarea{font-size:12px;padding:10px}.security-box{padding:16px}.update-btn{padding:10px 16px}.file-hint,.update-btn{font-size:11px}}@media (max-width:360px){.profile-header{padding:14px 16px}.profile-img-wrapper img{height:55px;width:55px}.profile-left h2{font-size:14px}.profile-left p{font-size:10px}.form-grid input,.form-grid select,.form-grid textarea{font-size:11px}}.password-input-wrapper input{padding-right:40px}.message{border-radius:4px}.password-group{margin-bottom:15px}.dept-container{background:linear-gradient(135deg,#f4f7fb,#e9ecef);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:30px}.dept-container h2{color:#1e293b;font-size:28px;font-weight:700;letter-spacing:-.5px;margin-bottom:30px}.dept-add{animation:slideIn .4s ease-in-out;display:flex;gap:14px;margin-bottom:30px;max-width:600px}.dept-add input{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#1e293b;flex:1 1;font-family:inherit;font-size:14px;font-weight:500;padding:12px 16px;transition:all .3s ease}.dept-add input::placeholder{color:#94a3b8}.dept-add input:focus{background:#fafbff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.dept-add input:hover:not(:focus){border-color:#cbd5e1}.dept-add button{background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:10px;box-shadow:0 4px 12px #4f46e540;color:#fff;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:600;padding:12px 28px;transition:all .3s ease;white-space:nowrap}.dept-add button:hover{background:linear-gradient(135deg,#7c3aed,#a855f7);box-shadow:0 6px 16px #4f46e559;transform:translateY(-2px)}.dept-add button:active{box-shadow:0 4px 12px #4f46e540;transform:translateY(0)}.dept-add button:disabled{cursor:not-allowed;opacity:.6;transform:none}.dept-list{display:flex;flex-direction:column;gap:12px;max-width:600px}.dept-item{align-items:center;animation:fadeIn .3s ease-in-out;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;justify-content:space-between;padding:16px 20px;transition:all .3s ease}.dept-item:hover{border-color:#cbd5e1;box-shadow:0 8px 20px #0000001a;transform:translateY(-4px)}.dept-item span{color:#1e293b;flex:1 1;font-size:15px;font-weight:600;word-break:break-word}.dept-item button{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;box-shadow:0 2px 8px #ef444426;color:#fff;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:600;margin-left:12px;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.dept-item button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef44444d;transform:translateY(-2px)}.dept-item button:active{box-shadow:0 2px 8px #ef444426;transform:translateY(0)}.dept-list:empty+.empty-state,.empty-state{padding:60px 20px;text-align:center}.empty-state{color:#64748b;display:none;font-size:15px;font-weight:500}.dept-list:empty~.empty-state{display:block}.dept-item:nth-child(0){display:none}@media (max-width:768px){.dept-container{padding:20px}.dept-container h2{font-size:24px;margin-bottom:24px}.dept-add{gap:12px;margin-bottom:24px}.dept-add input{font-size:13px;padding:11px 14px}.dept-add button{font-size:13px;padding:11px 24px}.dept-item{padding:14px 16px}.dept-item span{font-size:14px}.dept-item button{font-size:12px;margin-left:10px;padding:7px 14px}}@media (max-width:600px){.dept-container{padding:16px}.dept-container h2{font-size:20px;margin-bottom:20px}.dept-add{flex-direction:column;gap:10px;margin-bottom:20px;max-width:100%}.dept-add input{font-size:14px;padding:12px 14px;width:100%}.dept-add button{font-size:14px;padding:12px 18px;width:100%}.dept-list{gap:10px;max-width:100%}.dept-item{flex-direction:row;gap:10px;padding:14px}.dept-item span{font-size:13px;min-width:0}.dept-item button{font-size:12px;margin-left:8px;padding:7px 12px}.empty-state{font-size:14px;padding:50px 20px}}@media (max-width:480px){.dept-container{padding:12px}.dept-container h2{font-size:18px;margin-bottom:18px}.dept-add{flex-direction:column;gap:8px}.dept-add input{border-radius:8px;font-size:13px;padding:11px 12px}.dept-add input::placeholder{font-size:12px}.dept-add button{border-radius:8px;font-size:13px;padding:11px 16px}.dept-list{gap:8px}.dept-item{border-radius:10px;padding:12px}.dept-item span{font-size:13px}.dept-item button{font-size:11px;margin-left:6px;padding:6px 10px}.empty-state{font-size:13px;padding:40px 16px}}@media (max-width:360px){.dept-container{padding:10px}.dept-container h2{font-size:16px;margin-bottom:16px}.dept-add input{font-size:12px;padding:10px}.dept-add button{font-size:12px;padding:10px 12px}.dept-item span{font-size:12px}.dept-item button{font-size:10px;padding:5px 8px}}.desig-container{background:linear-gradient(135deg,#f4f7fb,#e9ecef);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:30px}.desig-container h2{color:#1e293b;font-size:28px;font-weight:700;letter-spacing:-.5px;margin-bottom:30px}.desig-add{animation:slideIn .4s ease-in-out;display:flex;gap:14px;margin-bottom:20px;max-width:600px}.desig-add input{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#1e293b;flex:1 1;font-family:inherit;font-size:14px;font-weight:500;padding:12px 16px;transition:all .3s ease}.desig-add input::placeholder{color:#94a3b8}.desig-add input:focus{background:#f0fdff;border-color:#0891b2;box-shadow:0 0 0 3px #0891b21a;outline:none}.desig-add input:hover:not(:focus){border-color:#cbd5e1}.desig-add button{background:linear-gradient(135deg,#0891b2,#0e7490);border:none;border-radius:10px;box-shadow:0 4px 12px #0891b240;color:#fff;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:600;padding:12px 28px;transition:all .3s ease;white-space:nowrap}.desig-add button:hover:not(:disabled){background:linear-gradient(135deg,#0e7490,#155e75);box-shadow:0 6px 16px #0891b259;transform:translateY(-2px)}.desig-add button:active{transform:translateY(0)}.desig-add button:disabled{cursor:not-allowed;opacity:.6;transform:none}.desig-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px;margin-bottom:16px;max-width:600px;padding:10px 16px}.desig-list{display:flex;flex-direction:column;gap:12px;max-width:600px}.desig-item{align-items:center;animation:fadeIn .3s ease-in-out;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;justify-content:space-between;padding:16px 20px;transition:all .3s ease}.desig-item:hover{border-color:#cbd5e1;box-shadow:0 8px 20px #0000001a;transform:translateY(-3px)}.desig-left{flex:1 1;gap:14px;min-width:0}.desig-index,.desig-left{align-items:center;display:flex}.desig-index{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-radius:50%;color:#0369a1;flex-shrink:0;font-size:12px;font-weight:700;height:28px;justify-content:center;width:28px}.desig-name{color:#1e293b;font-size:15px;font-weight:600;word-break:break-word}.desig-delete{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;box-shadow:0 2px 8px #ef444426;color:#fff;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:600;margin-left:12px;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.desig-delete:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef44444d;transform:translateY(-2px)}.desig-delete:active{transform:translateY(0)}.desig-empty{color:#64748b;padding:60px 20px;text-align:center}.desig-empty span{display:block;font-size:48px;margin-bottom:16px}.desig-empty p{font-size:15px;font-weight:500;margin:4px 0}.desig-empty p:last-child{color:#94a3b8;font-size:13px}@media (max-width:600px){.desig-container{padding:16px}.desig-container h2{font-size:22px;margin-bottom:20px}.desig-add{flex-direction:column;max-width:100%}.desig-add button{width:100%}.desig-list{max-width:100%}}@media (max-width:480px){.desig-container{padding:12px}.desig-container h2{font-size:18px}.desig-name{font-size:13px}.desig-delete{font-size:12px;padding:6px 12px}}.manager-container{background:#f4f6fb;display:flex;font-family:Segoe UI,sans-serif;height:100vh}.sidebar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#eaf0f6;border-right:1px solid #ffffff1a;color:#000;display:flex;flex-direction:column;padding-top:20px;width:240px}.logo-container{margin-bottom:25px;text-align:center}.logo-container img{border-radius:12px;width:-webkit-fill-available}.sidebar ul{list-style:none;padding:0}.sidebar ul li{align-items:center;border-left:4px solid #0000;border-radius:10px;cursor:pointer;display:flex;font-size:18px;gap:12px;margin:6px 10px;padding:12px 20px;transition:all .3s ease}.sidebar ul li:hover{background:#ffffff1f;transform:translateX(6px)}.sidebar ul li.active{background:#ffffff40;border-left:4px solid #fff;font-weight:600}.main-content{display:flex;flex:1 1;flex-direction:column}.topbar{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffbf;border:1px solid #0000000d;border-radius:14px;color:#1e293b;display:flex;justify-content:space-between;margin:15px;padding:14px 22px}.topbar h3{font-size:16px;font-weight:600}.topbar-right{align-items:center;display:flex;gap:14px}.topbar-img{object-fit:cover}.topbar-avatar,.topbar-img{border-radius:50%;height:38px;width:38px}.topbar-avatar{align-items:center;background:#6366f1;color:#fff;display:flex;font-weight:700;justify-content:center}.topbar-name{font-size:14px;font-weight:500}.logout-btn{background:#ef4444;border-radius:10px;padding:7px 16px;transition:all .3s ease}.logout-btn:hover{background:#dc2626;transform:scale(1.08)}.content{animation:fadeIn .4s ease-in-out;background:#ffffffa6;margin:0 15px 15px;overflow-y:auto;padding:20px}.chart-card,.content,.stat-card,.summary-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #0000000d;border-radius:14px}.chart-card,.stat-card,.summary-card{background:#ffffffd9;transition:all .3s ease}.chart-card:hover,.stat-card:hover,.summary-card:hover{box-shadow:0 8px 22px #0000001f;transform:translateY(-6px)}.dashboard-home{width:100%}.dashboard-wrapper{display:flex;flex-direction:column;gap:20px}.greeting-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 6px 20px #0000001a;padding:20px}.greeting-card h2{font-weight:600}.stats-container{grid-gap:15px;gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stat-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;border:1px solid #0000000d;cursor:pointer;gap:15px;padding:18px;transition:all .3s ease}.stat-card:hover{box-shadow:0 8px 22px #0000001f;transform:translateY(-6px)}.icon-box{flex-shrink:0;font-size:22px;padding:12px}.stat-card.active .icon-box{background:#f59e0b}.stat-card.timesheet .icon-box{background:#6366f1}.stat-info h4{color:#64748b;font-size:14px}.stat-info p{color:#1e293b;margin:5px 0 0}.chart-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;border:1px solid #0000000d;transition:.3s}.chart-card:hover{box-shadow:0 6px 18px #0000001a;transform:translateY(-4px)}.chart-card h3{color:#1e293b;font-size:16px}.modal-overlay{background-color:#00000080}.modal-content{animation:slideIn .3s ease-in-out;background-color:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001a;max-height:600px;max-width:500px;width:90%}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.modal-header{background:linear-gradient(135deg,#6366f1,#4f46e5);border-bottom:2px solid #f0f0f0;border-radius:12px 12px 0 0;padding:24px}.modal-header h2{color:#fff;font-size:20px;font-weight:600;margin:0}.close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.modal-body{flex:1 1;overflow-y:auto;padding:24px}.leave-list{display:flex;flex-direction:column;gap:12px}.leave-item{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-left:4px solid #6366f1;border-radius:10px;display:flex;gap:16px;padding:16px;transition:all .3s ease}.leave-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateX(5px)}.leave-item-number{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:36px;justify-content:center;width:36px}.leave-item-info{flex:1 1}.leave-item-info h4{color:#2d3748;font-size:16px;font-weight:600;margin:0 0 6px}.emp-id{color:#6366f1;font-size:13px;font-weight:500;margin:0}.loading-text,.no-leave-text{color:#718096;font-size:15px;padding:40px 20px;text-align:center}.loading-text{color:#6366f1;font-size:16px;font-weight:500}@media (max-width:1200px){.stats-container{grid-template-columns:repeat(3,1fr)}.modal-content{max-width:90%}}@media (max-width:768px){.dashboard-home{padding:15px}.greeting-card h2{font-size:18px}.stats-container{grid-template-columns:repeat(2,1fr)}.stat-info p{font-size:16px}.modal-header h2{font-size:18px}.modal-body{padding:16px}.leave-item{gap:12px;padding:12px}.leave-item-number{font-size:14px;height:32px;width:32px}.leave-item-info h4{font-size:14px}.emp-id{font-size:12px}}@media (max-width:480px){.dashboard-home{padding:12px}.greeting-card{padding:14px}.stats-container{gap:10px;grid-template-columns:1fr}.stat-card{gap:12px;padding:14px}.stat-info h4{font-size:12px}.stat-info p{font-size:18px}.modal-content{border-radius:8px;max-height:90vh}.modal-header{padding:16px}.modal-header h2{font-size:16px}.close-btn{height:36px;width:36px}}.employees-container{background-color:#f5f6f7;margin:0 auto;max-width:1400px;min-height:100vh;padding:30px 20px}.employees-container h2{color:#1a1a1a;display:none;font-size:28px;font-weight:700;margin-bottom:30px}.search-box{background-color:#fff;border:2px solid #ddd;border-radius:10px;margin-bottom:25px;padding:20px 25px}.search-input{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:6px;display:flex;gap:12px;padding:11px 14px}.search-input:focus-within{border-color:#007bff}.search-icon{color:#007bff;font-size:16px}.search-input input{background-color:initial;border:none;color:#666;flex:1 1;font-size:14px;outline:none}.search-input input::placeholder{color:#bbb}.role-filter{align-items:center;display:flex;gap:12px;justify-content:flex-end;margin-top:15px}.role-filter button{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.6px;padding:10px 22px;text-transform:uppercase;transition:all .3s ease}.btn-active{color:#fff}.btn-active,.btn-active:first-of-type{background-color:#1abc9c}.btn-active:nth-of-type(2){background-color:#34495e}.btn-active:nth-of-type(3){background-color:#e74c3c}.btn-inactive{background-color:#ecf0f1;color:#7f8c8d}.role-filter button:hover{opacity:.85}.employees-table{background-color:#fff;border:1px solid #ddd;border-collapse:collapse;border-radius:10px;overflow:hidden;width:100%}.employees-table thead{background-color:#f8f9fa;border-bottom:2px solid #ddd}.employees-table thead th{color:#2c3e50;font-size:11px;font-weight:700;letter-spacing:.5px;padding:16px 20px;text-align:left;text-transform:uppercase}.employees-table tbody tr{border-bottom:1px solid #eee;transition:background-color .2s ease}.employees-table tbody tr:last-child{border-bottom:none}.employees-table tbody tr:hover{background-color:#fafafa}.team-leader-row{background-color:#fffbf0}.team-leader-row:hover{background-color:#fff8e8}.employee-row{background-color:#fff}.employee-row:hover{background-color:#fafafa}.employees-table tbody td{color:#2c3e50;font-size:14px;font-weight:400;padding:16px 20px;text-align:left}.employees-table tbody td:first-child{color:#007bff;font-weight:600}.employees-table tbody td:nth-child(2){text-align:center}.employees-table tbody td:nth-child(3){color:#007bff;text-align:left}.employees-table tbody td:nth-child(4){text-align:center}.employees-table tbody td:nth-child(5){color:#007bff;font-weight:600;text-align:left}.employees-table tbody td:nth-child(6){text-align:left}.role-badge-tl{background-color:#fffbf0;border:2px solid #daa520;border-radius:5px;color:#b8860b}.role-badge-emp,.role-badge-tl{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.3px;padding:8px 16px;text-transform:uppercase}.role-badge-emp{background-color:#f0f8f4;border:2px solid #81c784;border-radius:5px;color:#2e7d32}.no-data{background-color:#f9f9f9;color:#999;font-size:15px;font-weight:400;padding:50px 20px;text-align:center}@media (max-width:768px){.employees-container{padding:20px 15px}.search-box{padding:15px 20px}.role-filter{flex-wrap:wrap;justify-content:center}.role-filter button{font-size:11px;padding:8px 16px}.employees-table thead th{font-size:10px;padding:14px 12px}.employees-table tbody td{font-size:13px;padding:12px}}@media (max-width:480px){.employees-container{padding:15px 10px}.search-box{padding:12px 15px}.search-input{align-items:flex-start;flex-direction:column}.search-input input{width:100%}.role-filter{flex-wrap:wrap;gap:8px;justify-content:center}.role-filter button{font-size:10px;padding:8px 12px}.employees-table thead th{font-size:9px;padding:10px 6px}.employees-table tbody td{font-size:11px;padding:10px 6px}.employees-table tbody td:nth-child(3),.employees-table tbody td:nth-child(5),.employees-table thead th:nth-child(3),.employees-table thead th:nth-child(5){display:none}.role-badge-emp,.role-badge-tl{font-size:10px;padding:6px 10px}}.projects-container{background:linear-gradient(135deg,#f5f7fb,#e9ecef);font-family:Inter,Segoe UI,sans-serif;padding:30px}.projects-container h2{color:#0f172a;font-size:28px;font-weight:700;margin-bottom:25px;text-shadow:0 2px 4px #0000000d}.projects-card{border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 6px 18px #0000000a;margin-bottom:30px;padding:25px;transition:all .3s ease}.projects-card:hover{box-shadow:0 12px 28px #00000014;transform:translateY(-2px)}.projects-card h3{align-items:center;color:#1e293b;display:flex;font-size:18px;font-weight:600;gap:8px;margin-bottom:18px}.search-bar{margin-bottom:15px}.search-bar input{background:#f8fafc;border:2px solid #cbd5f5;border-radius:10px;box-shadow:0 2px 4px #00000005;font-size:14px;max-width:400px;padding:12px 16px;transition:all .2s ease;width:100%}.search-bar input:focus{background:#fff;border-color:#4f46e5;box-shadow:0 4px 12px #4f46e526;outline:none}.search-bar input:disabled{cursor:not-allowed;opacity:.6}.table-wrapper{border:1px solid #e2e8f0;border-radius:12px;max-height:400px;overflow-y:auto}.table-wrapper::-webkit-scrollbar{width:8px}.table-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.projects-table{table-layout:fixed}.projects-table thead{background:linear-gradient(90deg,#e2e8f0,#cbd5e1);position:sticky;top:0;z-index:10}.projects-table th{color:#475569;font-size:12px;font-weight:700;letter-spacing:.6px;padding:16px 14px;text-align:left;text-transform:uppercase}.projects-table td{border-top:1px solid #e2e8f0;color:#1e293b;font-size:14px;padding:18px 14px;vertical-align:middle}.projects-table tbody tr{transition:all .2s ease}.projects-table tbody tr:hover{box-shadow:inset 0 2px 4px #00000005}.projects-table tbody tr.completed-row{background:#f0fdf4}.projects-table tbody tr.completed-row:hover{background:#e6fce1}.projects-table td:first-child,.projects-table th:first-child{text-align:center;width:5%}.projects-table td:nth-child(2),.projects-table th:nth-child(2){width:20%}.projects-table td:nth-child(3),.projects-table th:nth-child(3){width:30%;word-break:break-word}.projects-table td:nth-child(4),.projects-table th:nth-child(4){width:12%}.projects-table td:nth-child(5),.projects-table th:nth-child(5){width:18%}.projects-table td:nth-child(6),.projects-table th:nth-child(6){width:15%}.status{border-radius:999px;padding:8px 16px;text-align:center}.status.ongoing{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.status.completed{background:linear-gradient(135deg,#dcfce7,#c6f6d5);color:#15803d}.status.on-hold{background:linear-gradient(135deg,#fed7aa,#fbcf8f);color:#b45309}.assign-select,.status-select,select{background:#f8fafc;border:2px solid #c7d2fe;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;padding:10px 12px;transition:all .2s ease;width:100%}.assign-select:hover,.status-select:hover,select:hover{background:#f0f4ff;border-color:#6366f1}.assign-select:focus,.status-select:focus,select:focus{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526;outline:none}.assign-select:disabled,.status-select:disabled,select:disabled{cursor:not-allowed;opacity:.5}.btn-edit-employees{background:linear-gradient(135deg,#4f46e5,#6366f1);border:none;border-radius:8px;box-shadow:0 4px 12px #4f46e540;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px 16px;transition:all .3s ease;white-space:nowrap}.btn-edit-employees:hover{box-shadow:0 6px 16px #4f46e559;transform:translateY(-2px)}.btn-edit-employees:active{transform:translateY(0)}.btn-edit-employees:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-remove-emp{background:#ff4757;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;margin-left:8px;padding:4px 8px;transition:all .2s ease;white-space:nowrap}.btn-remove-emp:hover{background:#ff3838;transform:scale(1.05)}.btn-remove-emp:disabled{cursor:not-allowed;opacity:.6}.employee-row-container{align-items:center;display:flex;justify-content:space-between;padding:4px 0}.modal-overlay{align-items:flex-start;animation:fadeIn .2s ease-in-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;overflow-y:auto;padding:60px 20px 20px;right:0;z-index:9999}.modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:100%;z-index:10000}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;background:#f8fafc;border-bottom:2px solid #e2e8f0;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 25px;position:sticky;top:0;z-index:100}.modal-header h3{color:#0f172a;font-size:18px;font-weight:700;margin:0}.btn-close{align-items:center;background:none;border:none;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.btn-close:hover{background:#e2e8f0;border-radius:8px;color:#1e293b}.modal-search{border-bottom:1px solid #e2e8f0;display:flex;flex-direction:column;flex-shrink:0;gap:10px;padding:15px 25px}.modal-search-input{border:2px solid #cbd5f5;border-radius:8px;font-size:13px;padding:10px 14px;transition:all .2s ease;width:100%}.modal-search-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.modal-search-info{color:#64748b;font-size:12px;font-weight:600;white-space:nowrap}.modal-buttons-top{border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;gap:10px;padding:15px 25px}.btn-deselect-all,.btn-select-all{background:#f8fafc;border:1px solid #cbd5f5;border-radius:8px;color:#475569;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:10px 14px;transition:all .2s ease}.btn-deselect-all:hover:not(:disabled),.btn-select-all:hover:not(:disabled){background:#4f46e5;border-color:#4f46e5;color:#fff}.btn-deselect-all:disabled,.btn-select-all:disabled{cursor:not-allowed;opacity:.5}.modal-employees-list{flex:1 1;overflow-y:auto;padding:15px 25px}.modal-employees-list::-webkit-scrollbar{width:6px}.modal-employees-list::-webkit-scrollbar-track{background:#0000}.modal-employees-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.employee-item{align-items:center;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;display:flex;margin-bottom:8px;padding:12px;transition:all .2s ease}.employee-item:hover{background:#f8fafc;border-color:#cbd5f5}.employee-item.selected{background:#f0f4ff;border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e51a}.employee-checkbox{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:12px}.employee-checkbox input[type=checkbox]{display:none}.checkbox-custom{align-items:center;background:#fff;border:2px solid #cbd5f5;border-radius:6px;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:all .2s ease;width:20px}.employee-checkbox input[type=checkbox]:checked+.checkbox-custom{background:#4f46e5;border-color:#4f46e5;color:#fff}.employee-checkbox input[type=checkbox]:checked+.checkbox-custom:after{content:"✓";font-size:12px;font-weight:700}.employee-info{flex:1 1}.employee-info strong{color:#1e293b;display:block;font-size:14px;margin-bottom:2px}.employee-info small{color:#64748b;font-size:12px}.no-employees-found{color:#94a3b8;font-size:14px;padding:40px 20px;text-align:center}.modal-buttons-bottom{background:#f8fafc;border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-top:2px solid #e2e8f0;display:flex;flex-shrink:0;gap:12px;padding:20px 25px}.btn-assign,.btn-cancel{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 20px;transition:all .3s ease}.btn-cancel{background:#f1f5f9;border:1px solid #cbd5e1;color:#475569}.btn-cancel:hover:not(:disabled){background:#e2e8f0;border-color:#94a3b8}.btn-assign{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 12px #22c55e40;color:#fff}.btn-assign:hover:not(:disabled){box-shadow:0 6px 16px #22c55e59;transform:translateY(-2px)}.btn-assign:disabled,.btn-cancel:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:900px){.table-wrapper{max-height:350px;overflow-x:auto}.projects-container h2{font-size:24px}}@media (max-width:768px){.projects-container{padding:15px}.projects-card{margin-bottom:20px;padding:15px}.projects-container h2{font-size:20px}.search-bar input{max-width:100%}.modal-overlay{padding:40px 10px 10px}.modal-content{max-height:90vh;width:95%}.modal-employees-list{padding:10px 15px}.projects-table{font-size:12px}.projects-table td,.projects-table th{padding:10px 8px}.modal-buttons-bottom,.modal-buttons-top,.modal-header,.modal-search{padding:15px}}@media (max-width:480px){.projects-container{padding:10px}.projects-card{margin-bottom:15px;padding:12px}.projects-container h2{font-size:18px;margin-bottom:15px}.search-bar input{font-size:13px;padding:10px}.projects-table{font-size:11px}.projects-table td:nth-child(3),.projects-table th:nth-child(3){display:none}.projects-table td:nth-child(2),.projects-table th:nth-child(2){width:35%}.modal-header h3{font-size:16px}.modal-overlay{padding:30px 5px 5px}.modal-buttons-bottom,.modal-buttons-top,.modal-header,.modal-search{padding:12px 15px}.employee-info small{display:none}.btn-deselect-all,.btn-select-all{font-size:12px;padding:8px 10px}.employee-row-container{align-items:flex-start;flex-direction:column;gap:8px}.btn-remove-emp{text-align:center;width:100%}}@media print{.btn-edit-employees,.btn-remove-emp,.modal-overlay,.search-bar{display:none}.projects-table{font-size:11px}}.calendar-container{background:#f4f6fb;font-family:Segoe UI,sans-serif;min-height:100vh;padding:20px}.calendar-header{margin-bottom:20px}.calendar-header h2{color:#1e293b;font-size:24px;font-weight:600}.nav-btns button{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-left:8px;padding:6px 12px;transition:.2s}.nav-btns button:hover{background:#2563eb}.calendar-days{background:#e2e8f0;border-radius:8px 8px 0 0;color:#475569;padding:10px 0}.calendar-grid{grid-gap:8px;background:#fff;border-radius:0 0 10px 10px;gap:8px;padding:10px}.calendar-cell{background:#f8fafc;min-height:90px;padding:6px}.calendar-cell:hover{background:#e0f2fe}.date{color:#334155;font-size:14px;font-weight:600;margin-bottom:4px}.today{background:#eff6ff;border:2px solid #3b82f6}.weekend{background:#fef2f2}.event{background:#3b82f6;border-radius:4px;color:#fff;font-size:12px;margin-top:3px;overflow:hidden;padding:2px 6px;text-overflow:ellipsis;white-space:nowrap}.modal-overlay{align-items:center;background:#0006;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-box{border-radius:10px;box-shadow:0 10px 25px #0003}.modal-box p{color:#64748b;font-size:13px}.event-item{background:#f1f5f9;border-radius:6px;margin-top:10px;padding:10px}.event-item strong{color:#1e293b}.event-item p{font-size:13px;margin:4px 0}.modal-actions{margin-top:15px;text-align:right}.modal-actions button{background:#ef4444;color:#fff;padding:6px 12px}.modal-actions button:hover{background:#dc2626}table{background:#fff;border-collapse:collapse;border-radius:12px;box-shadow:0 10px 25px #0000000d;overflow:hidden;width:100%}thead{background:#f1f5f9}th{color:#64748b;font-size:13px;padding:14px;text-align:left;text-transform:uppercase}td{border-top:1px solid #f1f5f9;color:#1e293b;font-size:14px;padding:16px 14px}tbody tr:hover{background:#f8fafc}td:nth-child(5){font-weight:600}td:nth-child(5):contains("Approved"){color:#16a34a}td:nth-child(5):contains("Denied"){color:#dc2626}td:nth-child(5):contains("Pending"){color:#f59e0b}button{border:none;border-radius:6px;cursor:pointer;font-size:12px;margin-right:6px;padding:6px 12px;transition:.3s}button:first-child{background:#22c55e;color:#fff}button:first-child:hover{background:#16a34a}button:last-child{background:#ef4444;color:#fff}button:last-child:hover{background:#dc2626}input{border:1px solid #e2e8f0;border-radius:6px;font-size:12px;margin-right:6px;padding:6px 10px}input:focus{border-color:#6366f1;outline:none}td[colspan]{color:#64748b;padding:30px;text-align:center}@media (max-width:768px){table{font-size:12px}td,th{padding:10px}button{margin-top:5px}}:root{--border-strong:#cbd5e1;--shadow:0 4px 12px #00000014,0 1px 3px #0000000d}.mts-page{background:#f8fafc;background:var(--bg);color:#0f172a;color:var(--text-primary);font-family:DM Sans,sans-serif;font-family:var(--font);margin:0 auto;max-width:1320px;min-height:100vh;padding:36px 28px}.mts-page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:32px}.mts-page-header h1{color:#0f172a;color:var(--text-primary);font-size:26px;font-weight:700;letter-spacing:-.5px}.mts-subtitle{color:#94a3b8;color:var(--text-muted);font-size:14px;margin-top:4px}.mts-user-chip{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:40px;box-shadow:0 1px 3px #00000012,0 1px 2px #0000000d;box-shadow:var(--shadow-sm);gap:12px;padding:8px 16px 8px 8px}.mts-avatar,.mts-user-chip{align-items:center;display:flex}.mts-avatar{background:#2563eb;background:var(--brand);border-radius:50%;color:#fff;font-size:15px;font-weight:700;height:36px;justify-content:center;width:36px}.mts-user-name{display:block;font-size:13px;font-weight:600}.mts-user-id{color:#94a3b8;color:var(--text-muted);display:block;font-family:DM Mono,monospace;font-family:var(--mono);font-size:11px}.mts-tabs{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border);display:flex;gap:4px;margin-bottom:28px}.mts-tab{background:none;border:none;border-radius:6px 6px 0 0;border-radius:var(--radius-sm) var(--radius-sm) 0 0;color:#475569;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:12px 22px;position:relative;transition:color .2s}.mts-tab.active,.mts-tab:hover{color:#2563eb;color:var(--brand)}.mts-tab.active{font-weight:600}.mts-tab-indicator{background:#2563eb;background:var(--brand);border-radius:2px;bottom:-2px;height:2px;left:0;position:absolute;right:0}.mts-sub-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.mts-sub-tab{background:#fff;background:var(--surface);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:20px;color:#475569;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;padding:8px 18px;transition:all .2s}.mts-sub-tab:hover{color:#2563eb;color:var(--brand)}.mts-sub-tab.active,.mts-sub-tab:hover{border-color:#2563eb;border-color:var(--brand)}.mts-sub-tab.active{background:#2563eb;background:var(--brand);box-shadow:0 3px 10px #2563eb4d;color:#fff;font-weight:600}.mts-card{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #00000012,0 1px 2px #0000000d;box-shadow:var(--shadow-sm);overflow:hidden}.mts-card-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:20px 24px}.mts-card-header h3{align-items:center;color:#0f172a;color:var(--text-primary);display:flex;font-size:15px;font-weight:600;gap:10px;margin:0}.mts-header-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.mts-header-dot.green{background:#16a34a;background:var(--green)}.mts-header-dot.blue{background:#2563eb;background:var(--brand)}.mts-badge-count{background:#fffbeb;background:var(--amber-light);border:1px solid #fde68a;border-radius:20px;color:#d97706;color:var(--amber);font-size:11px;font-weight:600;padding:2px 8px}.mts-stack{display:flex;flex-direction:column;gap:24px}.mts-form-card{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #00000012,0 1px 2px #0000000d;box-shadow:var(--shadow-sm);padding:28px 32px}.mts-edit-banner{align-items:center;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;border-radius:var(--radius);color:#92400e;display:flex;flex-wrap:wrap;font-size:13px;font-weight:500;gap:10px;margin-bottom:20px;padding:10px 16px}.mts-cancel-edit{background:none;border:1px solid #fbbf24;border-radius:20px;color:#92400e;cursor:pointer;font-size:12px;font-weight:600;margin-left:auto;padding:4px 12px;transition:all .2s}.mts-cancel-edit:hover{background:#fde68a}.mts-section-label{color:#94a3b8;color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.8px;margin-bottom:14px;text-transform:uppercase}.mts-info-row{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:4px}.mts-info-field{display:flex;flex-direction:column;gap:3px;min-width:140px}.mts-info-key{color:#94a3b8;color:var(--text-muted);font-size:11px;font-weight:500}.mts-info-val{color:#0f172a;color:var(--text-primary);font-size:14px;font-weight:600}.mts-divider{border:none;border-top:1px solid #e2e8f0;border-top:1px solid var(--border);margin:22px 0}.mts-grid-2{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.mts-field{display:flex;flex-direction:column;gap:6px}.mts-field label{color:#475569;color:var(--text-secondary);font-size:13px;font-weight:500}.mts-field .req{color:#dc2626;color:var(--red)}.mts-field input,.mts-field select,.mts-field textarea{background:#f8fafc;background:var(--bg);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:10px;border-radius:var(--radius);color:#0f172a;color:var(--text-primary);font-family:DM Sans,sans-serif;font-family:var(--font);font-size:14px;padding:10px 13px;transition:border-color .2s,box-shadow .2s;width:100%}.mts-field input:focus,.mts-field select:focus,.mts-field textarea:focus{background:#fff;background:var(--surface);border-color:#2563eb;border-color:var(--brand);box-shadow:0 0 0 3px #2563eb1a;outline:none}.mts-field input:disabled{background:#f8fafc;background:var(--bg);color:#94a3b8;color:var(--text-muted);cursor:not-allowed}.mts-field textarea{min-height:88px;resize:vertical}.mts-form-footer{display:flex;justify-content:flex-end;margin-top:24px}.mts-submit-btn{align-items:center;background:#2563eb;background:var(--brand);border:none;border-radius:10px;border-radius:var(--radius);box-shadow:0 2px 8px #2563eb4d;color:#fff;cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-family:var(--font);font-size:14px;font-weight:600;gap:8px;padding:11px 24px;transition:all .2s}.mts-submit-btn:hover{background:#1d4ed8;background:var(--brand-dark);box-shadow:0 4px 14px #2563eb66;transform:translateY(-1px)}.mts-submit-btn:active{transform:translateY(0)}.mts-dl-btn{align-items:center;background:#f0fdf4;background:var(--green-light);border:1px solid #bbf7d0;border-radius:10px;border-radius:var(--radius);color:#16a34a;color:var(--green);cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-family:var(--font);font-size:13px;font-weight:600;gap:7px;padding:8px 18px;transition:all .2s}.mts-dl-btn:hover{background:#dcfce7;border-color:#86efac;transform:translateY(-1px)}.mts-icon-btn{align-items:center;background:#eff6ff;background:var(--brand-light);border:1px solid #bfdbfe;border-radius:6px;border-radius:var(--radius-sm);color:#2563eb;color:var(--brand);cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-family:var(--font);font-size:12px;font-weight:600;gap:5px;padding:6px 13px;transition:all .2s}.mts-icon-btn:hover{background:#dbeafe}.mts-approve-btn{background:#16a34a;background:var(--green);border:none;border-radius:6px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font);font-size:12px;font-weight:600;padding:6px 14px;transition:all .2s}.mts-approve-btn:hover{background:#15803d;transform:translateY(-1px)}.mts-reject-btn{background:#dc2626;background:var(--red);border:none;border-radius:6px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font);font-size:12px;font-weight:600;padding:6px 14px;transition:all .2s}.mts-reject-btn:hover{background:#b91c1c;transform:translateY(-1px)}.mts-action-pair{display:flex;flex-wrap:wrap;gap:6px}.mts-done-text{color:#94a3b8;color:var(--text-muted);font-size:12px;font-style:italic}.mts-filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.mts-filter-row input[type=date],.mts-filter-row select{background:#f8fafc;background:var(--bg);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:10px;border-radius:var(--radius);color:#0f172a;color:var(--text-primary);font-family:DM Sans,sans-serif;font-family:var(--font);font-size:13px;padding:8px 12px;transition:border-color .2s}.mts-filter-row input[type=date]:focus,.mts-filter-row select:focus{border-color:#2563eb;border-color:var(--brand);box-shadow:0 0 0 3px #2563eb1a;outline:none}.mts-search-box{align-items:center;background:#f8fafc;background:var(--bg);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:10px;border-radius:var(--radius);display:flex;gap:8px;padding:8px 14px;transition:border-color .2s}.mts-search-box:focus-within{border-color:#2563eb;border-color:var(--brand)}.mts-search-icon{color:#94a3b8;color:var(--text-muted);flex-shrink:0;font-size:13px}.mts-search-box input{background:#0000;border:none;color:#0f172a;color:var(--text-primary);font-family:DM Sans,sans-serif;font-family:var(--font);font-size:13px;min-width:200px;outline:none}.mts-search-box input::placeholder{color:#94a3b8;color:var(--text-muted)}.mts-table-wrap{overflow-x:auto;padding:0 4px 4px}.mts-table{border-collapse:collapse;font-size:14px;width:100%}.mts-table thead tr{border-bottom:1.5px solid #e2e8f0;border-bottom:1.5px solid var(--border)}.mts-table th{background:#fafbfc;color:#94a3b8;color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.6px;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.mts-table td{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);color:#475569;color:var(--text-secondary);padding:14px 16px;vertical-align:middle}.mts-table td strong{color:#0f172a;color:var(--text-primary)}.mts-table tbody tr:last-child td{border-bottom:none}.mts-table tbody tr:hover td{background:#f8fafc}.status-badge{border-radius:20px;display:inline-block;font-size:11px;font-weight:700;padding:4px 10px;text-transform:capitalize;white-space:nowrap}.status-badge.pending{background:#fffbeb;background:var(--amber-light);border:1px solid #fde68a;color:#d97706;color:var(--amber)}.status-badge.approved{background:#f0fdf4;background:var(--green-light);border:1px solid #bbf7d0;color:#16a34a;color:var(--green)}.status-badge.rejected{background:#fef2f2;background:var(--red-light);border:1px solid #fecaca;color:#dc2626;color:var(--red)}.mts-project-pill{background:#eff6ff;background:var(--brand-light);color:#2563eb;color:var(--brand);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mts-project-pill,.mts-role-tag{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;padding:2px 8px}.mts-role-tag{background:#f1f5f9;color:#475569;color:var(--text-secondary);text-transform:capitalize}.mts-mono{color:#94a3b8;color:var(--text-muted);font-family:DM Mono,monospace;font-family:var(--mono);font-size:12px}.mts-stat-row{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:16px;padding:20px 24px}.mts-stat-card{align-items:center;background:#f8fafc;background:var(--bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);display:flex;gap:14px;min-width:160px;padding:16px 24px}.mts-stat-icon{font-size:22px}.mts-stat-icon.blue{color:#2563eb;color:var(--brand)}.mts-stat-icon.green{color:#16a34a;color:var(--green)}.mts-stat-num{color:#0f172a;color:var(--text-primary);font-size:24px;font-weight:700;line-height:1}.mts-stat-label{font-size:12px;margin-top:3px}.mts-empty,.mts-stat-label{color:#94a3b8;color:var(--text-muted)}.mts-empty{font-size:14px;padding:36px 20px!important;text-align:center}.mts-empty-green{color:#16a34a!important;color:var(--green)!important}.mts-report-card{max-width:560px;padding:36px}.mts-report-card h3{color:#0f172a;color:var(--text-primary);font-size:18px;font-weight:700;margin-bottom:8px}.mts-report-card p{color:#475569;color:var(--text-secondary);font-size:14px;margin-bottom:24px}.mts-report-filters{align-items:flex-start;flex-direction:column;margin-bottom:24px}.mts-report-filters .mts-field{min-width:200px}.mts-modal-overlay{align-items:center;animation:mts-fadein .2s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}@keyframes mts-fadein{0%{opacity:0}to{opacity:1}}.mts-modal{animation:mts-slideup .25s cubic-bezier(.4,0,.2,1);background:#fff;background:var(--surface);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 10px 32px #0000001f,0 2px 8px #0000000f;box-shadow:var(--shadow-lg);max-width:460px;padding:32px;width:90%}@keyframes mts-slideup{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mts-modal h3{font-size:16px;font-weight:700;margin-bottom:14px}.mts-modal p{font-size:14px;line-height:1.65;margin-bottom:24px}.mts-modal p,.mts-modal-close{color:#475569;color:var(--text-secondary)}.mts-modal-close{background:#f8fafc;background:var(--bg);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:10px;border-radius:var(--radius);cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font);font-size:13px;font-weight:600;padding:9px 22px;transition:all .2s}.mts-modal-close:hover{background:#e2e8f0;background:var(--border)}@media (max-width:900px){.mts-page{padding:24px 16px}.mts-grid-2{grid-template-columns:1fr}.mts-form-card{padding:20px}.mts-page-header h1{font-size:22px}}@media (max-width:600px){.mts-page{padding:16px 12px}.mts-tabs{gap:0}.mts-tab{font-size:13px;padding:10px 14px}.mts-card-header{align-items:flex-start}.mts-card-header,.mts-stat-row{flex-direction:column}.mts-search-box input{min-width:120px}.mts-table td:nth-child(n+5),.mts-table th:nth-child(n+5){display:none}}.profile-page{background:#f4f6fb;padding:20px}.profile-header{border-radius:12px;box-shadow:0 5px 20px #0000000d;padding:20px}.profile-img-wrapper img{border:3px solid #3b82f6;height:90px;width:90px}.profile-img-wrapper input{margin-top:5px}.profile-left h2{font-size:22px}.profile-left p{text-transform:capitalize}.edit-btn{background:#3b82f6;padding:10px 15px}.edit-btn:hover{background:#2563eb}.tabs{margin-bottom:20px}.tabs button{padding:10px 18px}.tabs .active{background:#3b82f6;color:#fff}.tab-content{border-radius:12px;box-shadow:0 5px 20px #0000000d;padding:20px}.form-grid{grid-gap:15px;gap:15px}.form-group input,.form-group select,.form-group textarea{border:1px solid #cbd5e1;outline:none;padding:10px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.form-group textarea{min-height:80px;resize:none}.form-group input[type=file]{border:none;padding:5px}.form-group p{color:#16a34a}.security-box{display:flex;flex-direction:column;gap:15px;max-width:400px}.security-box input{border:1px solid #cbd5e1;border-radius:8px;padding:10px}.security-box input:focus{border-color:#3b82f6}.update-btn{background:#22c55e;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:10px;transition:.3s}.update-btn:hover{background:#16a34a}@media (max-width:768px){.form-grid{grid-template-columns:1fr}.profile-header{align-items:flex-start;flex-direction:column;gap:15px}.tabs{flex-wrap:wrap}}.leave-container{background:linear-gradient(135deg,#eef2ff,#f8fafc);font-family:Inter,Segoe UI,sans-serif;padding:30px}.leave-container h2{font-size:26px;font-weight:600}.calendar-header{justify-content:space-between;margin-bottom:8px}.calendar-header h3{color:#334155;font-size:18px}.calendar-header button{background:#6366f1;border-radius:8px;padding:7px 14px;transition:.2s ease}.calendar-header button:hover{background:#4f46e5;transform:scale(1.05)}.calendar-days{color:#64748b;letter-spacing:.5px;margin-bottom:10px}.calendar-grid{grid-gap:12px;gap:12px;margin-bottom:30px}.calendar-cell{border-radius:12px;font-weight:500;padding:16px;position:relative;transition:all .25s ease}.calendar-cell:hover{background:#eef2ff;border-color:#6366f1;box-shadow:0 5px 15px #6366f133;transform:translateY(-3px) scale(1.04)}.modal{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a99}.modal-box{animation:popup .3s ease;border-radius:14px;box-shadow:0 20px 40px #0003;padding:25px;width:350px}@keyframes popup{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.modal-box h3{color:#1e293b;margin-bottom:12px}.modal-box input,.modal-box select,.modal-box textarea{border:1px solid #cbd5f5;border-radius:8px;font-size:14px;margin-bottom:12px;padding:10px;transition:.2s;width:100%}.modal-box input:focus,.modal-box select:focus,.modal-box textarea:focus{border-color:#6366f1;box-shadow:0 0 6px #6366f14d;outline:none}.modal-actions button{border-radius:8px;font-size:13px;padding:9px 15px;transition:.2s}.modal-actions button:first-child{background:#e2e8f0}.modal-actions button:first-child:hover{background:#cbd5f5}.modal-actions button:last-child{background:#6366f1}.modal-actions button:last-child:hover{background:#4f46e5}.leave-table{border-radius:14px;box-shadow:0 10px 25px #0000000d}.leave-table th{background:#f1f5f9;color:#64748b;font-size:12px;letter-spacing:.5px;padding:14px;text-align:left;text-transform:uppercase}.leave-table td{border-top:1px solid #e2e8f0;font-size:14px;padding:14px}.leave-table tr:hover{background:#f8fafc}.pending{color:#f59e0b;font-weight:600}.approved{color:#16a34a;font-weight:600}.rejected{color:#dc2626;font-weight:600}.edit-btn{background:#0ea5e9;border-radius:6px;margin-right:6px;padding:6px 12px;transition:.2s}.edit-btn:hover{background:#0284c7}.delete-btn{padding:6px 12px;transition:.2s}@media (max-width:768px){.calendar-grid{gap:8px}.calendar-cell{font-size:13px;padding:12px}.modal-box{width:90%}.leave-table td,.leave-table th{font-size:12px;padding:10px}}.user-info{box-shadow:0 5px 15px #0000000d}.user-info h3{color:#2563eb;margin:0}.user-info p{color:#64748b;font-size:14px;margin:5px 0 0}.password-form{box-shadow:0 10px 25px #0000000d}.password-form input{border:1px solid #e2e8f0;font-size:14px;transition:all .2s ease}.password-form input:focus{background:#f9fafb;border-color:#6366f1;box-shadow:0 0 0 2px #6366f133;outline:none}.password-form button{background:linear-gradient(135deg,#6366f1,#4f46e5);font-weight:600;transition:.3s}.password-form button:hover{box-shadow:0 5px 15px #4f46e54d;transform:translateY(-2px)}.message.error{color:#dc2626;font-size:14px;margin-top:10px}.popup{z-index:999}.popup-content{animation:popupFade .3s ease;box-shadow:0 5px 20px #0003;color:#16a34a;font-size:18px;font-weight:600;padding:25px 40px}@keyframes popupFade{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width:500px){.password-form{width:90%}}.input-group{margin-bottom:20px}.password-input-wrapper input:focus{border-color:#007bff;box-shadow:0 0 5px #007bff4d}.password-form .update-btn{background-color:#007bff}.password-form .update-btn:hover:not(:disabled){background-color:#0056b3}.popup-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.popup-content{animation:popupAppear .3s ease-out;border-radius:12px;box-shadow:0 4px 20px #0000004d;min-width:320px;padding:30px;text-align:center}.popup-content .icon{display:block;font-size:48px;margin-bottom:15px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.popup-content p{color:#333;font-size:16px}.greeting-card{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.projects-container h2{color:#1e293b;font-weight:600}.search-bar input{border:1px solid #cbd5e1;outline:none;padding:10px 14px;transition:.3s}.search-bar input:focus{border-color:#2563eb;box-shadow:0 0 5px #2563eb4d}.projects-card{box-shadow:0 4px 12px #0000000d;margin-bottom:25px}.projects-card h3{color:#334155;margin-bottom:15px}.projects-table td,.projects-table th{padding:12px 14px;text-align:left}.projects-table th{font-weight:600}.projects-table tbody tr{border-bottom:1px solid #e2e8f0;transition:.2s}.status{border-radius:20px;display:inline-block;font-weight:600;padding:6px 12px}select{border:1px solid #cbd5e1;border-radius:6px;cursor:pointer;outline:none;padding:8px 10px;transition:.3s}select:focus,select:hover{border-color:#2563eb}select:focus{box-shadow:0 0 4px #2563eb4d}.emp-tag{align-items:center;background:#e0f2fe;border-radius:20px;color:#0369a1;display:inline-flex;font-size:13px;font-weight:500;margin:4px;padding:6px 10px}.remove-btn{color:#ef4444;cursor:pointer;font-weight:700;margin-left:8px;transition:.2s}.remove-btn:hover{transform:scale(1.2)}@media (max-width:768px){.search-bar input{width:100%}.projects-card{padding:15px}.projects-table td,.projects-table th{font-size:13px;padding:10px}}.page-container{background:#f4f6fb;font-family:Segoe UI,sans-serif}.under-dev{box-shadow:0 8px 20px #0000000d;padding:40px}.under-dev h3{font-size:22px}.under-dev p{font-size:16px}:root{--brand:#2563eb;--brand-light:#eff6ff;--brand-dark:#1d4ed8;--green:#16a34a;--green-light:#f0fdf4;--red:#dc2626;--red-light:#fef2f2;--amber:#d97706;--amber-light:#fffbeb;--surface:#fff;--bg:#f8fafc;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--radius-sm:6px;--radius:10px;--radius-lg:14px;--shadow-sm:0 1px 3px #00000012,0 1px 2px #0000000d;--shadow-lg:0 10px 32px #0000001f,0 2px 8px #0000000f;--font:"DM Sans",sans-serif;--mono:"DM Mono",monospace}.tl-page{background:#f8fafc;background:var(--bg);color:#0f172a;color:var(--text-primary);font-family:DM Sans,sans-serif;font-family:var(--font);margin:0 auto;max-width:1320px;min-height:100vh;padding:36px 28px}.tl-page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:32px}.tl-page-header h1{font-size:26px;font-weight:700;letter-spacing:-.5px}.tl-subtitle{color:#94a3b8;color:var(--text-muted);font-size:14px;margin-top:4px}.tl-user-chip{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:40px;box-shadow:0 1px 3px #00000012,0 1px 2px #0000000d;box-shadow:var(--shadow-sm);gap:12px;padding:8px 16px 8px 8px}.tl-avatar,.tl-user-chip{align-items:center;display:flex}.tl-avatar{background:#7c3aed;border-radius:50%;color:#fff;font-size:15px;font-weight:700;height:36px;justify-content:center;width:36px}.tl-user-name{display:block;font-size:13px;font-weight:600}.tl-user-id{color:#94a3b8;color:var(--text-muted);display:block;font-family:DM Mono,monospace;font-family:var(--mono);font-size:11px}.tl-tabs{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border);display:flex;gap:4px;margin-bottom:28px}.tl-tab{align-items:center;background:none;border:none;color:#475569;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:12px 22px;position:relative;transition:color .2s}.tl-tab.active,.tl-tab:hover{color:#2563eb;color:var(--brand)}.tl-tab.active{font-weight:600}.tl-tab-line{background:#2563eb;background:var(--brand);border-radius:2px;bottom:-2px;height:2px;left:0;position:absolute;right:0}.tl-tab-badge{background:#fffbeb;background:var(--amber-light);border:1px solid #fde68a;border-radius:20px;color:#d97706;color:var(--amber);font-size:10px;font-weight:700;padding:1px 7px}.tl-sub-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.tl-sub-tab{background:#fff;background:var(--surface);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:20px;color:#475569;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;padding:8px 18px;transition:all .2s}.tl-sub-tab:hover{color:#2563eb;color:var(--brand)}.tl-sub-tab.active,.tl-sub-tab:hover{border-color:#2563eb;border-color:var(--brand)}.tl-sub-tab.active{background:#2563eb;background:var(--brand);box-shadow:0 3px 10px #2563eb4d;color:#fff;font-weight:600}.tl-card{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #00000012,0 1px 2px #0000000d;box-shadow:var(--shadow-sm);overflow:hidden}.tl-card-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:20px 24px}.tl-card-header h3{align-items:center;display:flex;font-size:15px;font-weight:600;gap:10px;margin:0}.tl-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.tl-dot.green{background:#16a34a;background:var(--green)}.tl-dot.blue{background:#2563eb;background:var(--brand)}.tl-pending-badge{background:#fffbeb;background:var(--amber-light);border:1px solid #fde68a;border-radius:20px;color:#d97706;color:var(--amber);font-size:11px;font-weight:600;padding:2px 8px}.tl-form-card{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #00000012,0 1px 2px #0000000d;box-shadow:var(--shadow-sm);padding:28px 32px}.tl-edit-banner{align-items:center;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;border-radius:var(--radius);color:#92400e;display:flex;flex-wrap:wrap;font-size:13px;font-weight:500;gap:10px;margin-bottom:20px;padding:10px 16px}.tl-cancel-edit{background:none;border:1px solid #fbbf24;border-radius:20px;color:#92400e;cursor:pointer;font-size:12px;font-weight:600;margin-left:auto;padding:4px 12px;transition:background .2s}.tl-cancel-edit:hover{background:#fde68a}.tl-section-label{color:#94a3b8;color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.8px;margin-bottom:14px;text-transform:uppercase}.tl-info-row{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:4px}.tl-info-field{display:flex;flex-direction:column;gap:3px;min-width:140px}.tl-info-key{color:#94a3b8;color:var(--text-muted);font-size:11px;font-weight:500}.tl-info-val{color:#0f172a;color:var(--text-primary);font-size:14px;font-weight:600}.tl-divider{border:none;border-top:1px solid #e2e8f0;border-top:1px solid var(--border);margin:22px 0}.tl-grid-2{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.tl-field{display:flex;flex-direction:column;gap:6px}.tl-field label{color:#475569;color:var(--text-secondary);font-size:13px;font-weight:500}.tl-field .req{color:#dc2626;color:var(--red)}.tl-field input,.tl-field select,.tl-field textarea{background:#f8fafc;background:var(--bg);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:10px;border-radius:var(--radius);color:#0f172a;color:var(--text-primary);font-family:DM Sans,sans-serif;font-family:var(--font);font-size:14px;padding:10px 13px;transition:border-color .2s,box-shadow .2s;width:100%}.tl-field input:focus,.tl-field select:focus,.tl-field textarea:focus{background:#fff;background:var(--surface);border-color:#2563eb;border-color:var(--brand);box-shadow:0 0 0 3px #2563eb1a;outline:none}.tl-field textarea{min-height:88px;resize:vertical}.tl-form-footer{display:flex;justify-content:flex-end;margin-top:24px}.tl-submit-btn{align-items:center;background:#2563eb;background:var(--brand);border:none;border-radius:10px;border-radius:var(--radius);box-shadow:0 2px 8px #2563eb4d;color:#fff;cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-family:var(--font);font-size:14px;font-weight:600;gap:8px;padding:11px 24px;transition:all .2s}.tl-submit-btn:hover{background:#1d4ed8;background:var(--brand-dark);box-shadow:0 4px 14px #2563eb66;transform:translateY(-1px)}.tl-dl-btn{align-items:center;background:#f0fdf4;background:var(--green-light);border:1px solid #bbf7d0;border-radius:10px;border-radius:var(--radius);color:#16a34a;color:var(--green);cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-family:var(--font);font-size:13px;font-weight:600;gap:7px;padding:8px 18px;transition:all .2s}.tl-dl-btn:hover{background:#dcfce7;transform:translateY(-1px)}.tl-icon-btn{align-items:center;background:#eff6ff;background:var(--brand-light);border:1px solid #bfdbfe;border-radius:6px;border-radius:var(--radius-sm);color:#2563eb;color:var(--brand);cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-family:var(--font);font-size:12px;font-weight:600;gap:5px;padding:6px 13px;transition:background .2s}.tl-icon-btn:hover{background:#dbeafe}.tl-approve-btn{background:#16a34a;background:var(--green);border:none;border-radius:6px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font);font-size:12px;font-weight:600;padding:6px 14px;transition:all .2s}.tl-approve-btn:hover{background:#15803d;transform:translateY(-1px)}.tl-reject-btn{background:#dc2626;background:var(--red);border:none;border-radius:6px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font);font-size:12px;font-weight:600;padding:6px 14px;transition:all .2s}.tl-reject-btn:hover{background:#b91c1c;transform:translateY(-1px)}.tl-action-pair{display:flex;flex-wrap:wrap;gap:6px}.tl-done-text{color:#94a3b8;color:var(--text-muted);font-size:12px;font-style:italic}.tl-filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.tl-filter-row input[type=date],.tl-filter-row select{background:#f8fafc;background:var(--bg);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:10px;border-radius:var(--radius);color:#0f172a;color:var(--text-primary);font-family:DM Sans,sans-serif;font-family:var(--font);font-size:13px;padding:8px 12px;transition:border-color .2s}.tl-filter-row input[type=date]:focus,.tl-filter-row select:focus{border-color:#2563eb;border-color:var(--brand);box-shadow:0 0 0 3px #2563eb1a;outline:none}.tl-table-wrap{overflow-x:auto;padding:0 4px 4px}.tl-table{border-collapse:collapse;font-size:14px;width:100%}.tl-table thead tr{border-bottom:1.5px solid #e2e8f0;border-bottom:1.5px solid var(--border)}.tl-table th{background:#fafbfc;color:#94a3b8;color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.6px;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.tl-table td{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);color:#475569;color:var(--text-secondary);padding:14px 16px;vertical-align:middle}.tl-table td strong{color:#0f172a;color:var(--text-primary)}.tl-table tbody tr:last-child td{border-bottom:none}.tl-table tbody tr:hover td{background:#f8fafc}.tl-badge{border-radius:20px;display:inline-block;font-size:11px;font-weight:700;padding:4px 10px;text-transform:capitalize;white-space:nowrap}.tl-badge.pending{background:#fffbeb;background:var(--amber-light);border:1px solid #fde68a;color:#d97706;color:var(--amber)}.tl-badge.approved{background:#f0fdf4;background:var(--green-light);border:1px solid #bbf7d0;color:#16a34a;color:var(--green)}.tl-badge.rejected{background:#fef2f2;background:var(--red-light);border:1px solid #fecaca;color:#dc2626;color:var(--red)}.tl-project-pill{background:#eff6ff;background:var(--brand-light);border-radius:4px;color:#2563eb;color:var(--brand);display:inline-block;font-size:12px;font-weight:500;max-width:150px;overflow:hidden;padding:2px 8px;text-overflow:ellipsis;white-space:nowrap}.tl-mono{color:#94a3b8;color:var(--text-muted);font-family:DM Mono,monospace;font-family:var(--mono);font-size:12px}.tl-desc-cell{font-size:13px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-stat-row{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:16px;padding:20px 24px}.tl-stat-card{align-items:center;background:#f8fafc;background:var(--bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);display:flex;gap:14px;min-width:160px;padding:16px 24px}.tl-stat-icon{font-size:22px}.tl-stat-icon.blue{color:#2563eb;color:var(--brand)}.tl-stat-icon.green{color:#16a34a;color:var(--green)}.tl-stat-num{color:#0f172a;color:var(--text-primary);font-size:24px;font-weight:700;line-height:1}.tl-stat-label{font-size:12px;margin-top:3px}.tl-empty,.tl-stat-label{color:#94a3b8;color:var(--text-muted)}.tl-empty{font-size:14px;padding:36px 20px!important;text-align:center}.tl-report-card{max-width:500px;padding:36px}.tl-report-card h3{font-size:18px;font-weight:700;margin-bottom:8px}.tl-report-card p{color:#475569;color:var(--text-secondary);font-size:14px;margin-bottom:24px}.tl-report-btns{display:flex;flex-wrap:wrap;gap:12px}.tl-modal-overlay{align-items:center;animation:tl-fadein .2s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}@keyframes tl-fadein{0%{opacity:0}to{opacity:1}}.tl-modal{animation:tl-slideup .25s cubic-bezier(.4,0,.2,1);background:#fff;background:var(--surface);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 10px 32px #0000001f,0 2px 8px #0000000f;box-shadow:var(--shadow-lg);max-width:460px;padding:32px;width:90%}@keyframes tl-slideup{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tl-modal h3{font-size:16px;font-weight:700;margin-bottom:14px}.tl-modal p{font-size:14px;line-height:1.65;margin-bottom:24px}.tl-modal p,.tl-modal-close{color:#475569;color:var(--text-secondary)}.tl-modal-close{background:#f8fafc;background:var(--bg);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:10px;border-radius:var(--radius);cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font);font-size:13px;font-weight:600;padding:9px 22px;transition:background .2s}.tl-modal-close:hover{background:#e2e8f0;background:var(--border)}@media (max-width:900px){.tl-page{padding:24px 16px}.tl-grid-2{grid-template-columns:1fr}.tl-form-card{padding:20px}}@media (max-width:600px){.tl-page{padding:16px 12px}.tl-tabs{gap:0}.tl-tab{font-size:13px;padding:10px 14px}.tl-card-header{align-items:flex-start}.tl-card-header,.tl-stat-row{flex-direction:column}.tl-table td:nth-child(n+5),.tl-table th:nth-child(n+5){display:none}}.input-field{margin-bottom:20px}.password-input-wrapper input:focus{border-color:#ff9800;box-shadow:0 0 5px #ff98004d}.password-form{max-width:500px}.password-form .update-btn{background-color:#ff9800;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:12px 24px;transition:background-color .3s,transform .2s}.password-form .update-btn:hover:not(:disabled){background-color:#e68900;transform:translateY(-2px)}.password-form .update-btn:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.popup{min-width:320px;padding:40px}.check-icon{color:#4caf50;font-size:48px;margin-bottom:15px}.popup-content h3{color:#333;margin-bottom:10px}.popup-content p{color:#666}.emp-container{background-color:#f5f6fa;font-family:Arial,sans-serif;min-height:100vh;padding:20px}.emp-topbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.emp-topbar h2{font-weight:600}.logout-btn{background-color:#e53935;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 15px}.logout-btn:hover{background-color:#c62828}.emp-card{background-color:#e0e0e0;border-radius:8px;font-size:16px;padding:15px}.dashboard-home{background:#f5f7fb;min-height:100vh;padding:25px}.dashboard-wrapper{margin:0 auto;max-width:1200px}.greeting-card{background:#8aa8eb;border-radius:14px;box-shadow:0 6px 18px #4f46e540;color:#fff;margin-bottom:25px;padding:22px}.greeting-card h2{font-size:22px;margin:0}.greeting-card p{font-size:14px;margin-top:5px;opacity:.9}.stats-container{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(5,1fr);margin-bottom:25px}.stat-card{align-items:center;background:#fff;border-radius:14px;box-shadow:0 4px 12px #0000000f;display:flex;gap:14px;padding:16px;transition:.3s}.stat-card:hover{box-shadow:0 10px 20px #0000001a;transform:translateY(-5px)}.icon-box{align-items:center;border-radius:10px;color:#fff;display:flex;font-size:18px;height:45px;justify-content:center;width:45px}.stat-card.employees .icon-box{background:#3b82f6}.stat-card.departments .icon-box{background:#8b5cf6}.stat-card.active .icon-box{background:#06b6d4}.stat-card.completed .icon-box{background:#22c55e}.stat-card.leave .icon-box{background:#ef4444}.stat-info h4{color:#6b7280;font-size:13px;margin:0}.stat-info p{font-size:20px;font-weight:700;margin:4px 0 0}.chart-card{background:#fff;border-radius:14px;box-shadow:0 4px 12px #0000000f;padding:20px}.chart-card h3{margin-bottom:10px}@media (max-width:1200px){.stats-container{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.stats-container{grid-template-columns:repeat(2,1fr)}}.projects-container{background:#f4f6fb;font-family:Segoe UI,sans-serif;min-height:100vh;padding:20px}.projects-container h2,.search-bar{margin-bottom:20px}.search-bar input{border:1px solid #ccc;border-radius:8px;padding:10px;width:300px}.projects-card{background:#fff;border-radius:12px;box-shadow:0 4px 10px #0000000d;padding:20px}.table-wrapper{overflow-x:auto}.projects-table{border-collapse:collapse;width:100%}.projects-table thead{background:#1e293b;color:#fff}.projects-table td,.projects-table th{padding:12px}.projects-table tbody tr{border-bottom:1px solid #eee}.projects-table tbody tr:hover{background:#f1f5f9}.status{border-radius:15px;font-size:12px;padding:5px 10px}.status.ongoing{background:#dbeafe;color:#2563eb}.status.completed{background:#dcfce7;color:#16a34a}.projects-table select{border:1px solid #ccc;border-radius:6px;cursor:pointer;padding:6px}.projects-table select:hover{border-color:#2563eb}:root{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-glow:#2563eb24;--purple:#7c3aed;--purple-dark:#6d28d9;--success:#16a34a;--success-bg:#f0fdf4;--success-border:#bbf7d0;--error:#dc2626;--error-bg:#fef2f2;--error-border:#fecaca;--warn-bg:#fefce8;--warn-border:#fde68a;--warn-text:#b45309;--text-dark:#0f172a;--text-mid:#475569;--text-soft:#94a3b8;--border:#e2e8f0;--bg-page:#f1f5f9;--bg-card:#fff;--radius:14px;--radius-sm:8px;--shadow:0 1px 3px #0f172a0f,0 8px 24px #0f172a14;--shadow-focus:0 0 0 3px var(--primary-glow);--transition:0.2s ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}.ts-page{background:#f1f5f9;background:var(--bg-page);color:#0f172a;color:var(--text-dark);font-family:DM Sans,sans-serif;min-height:100vh;padding:32px 28px;position:relative}.ts-loader{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffc;display:flex;flex-direction:column;gap:14px;inset:0;justify-content:center;position:fixed;z-index:9999}.ts-loader__spinner{animation:ts-spin .75s linear infinite;border:4px solid #e2e8f0;border-top-color:#2563eb;border:4px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:44px;width:44px}.ts-loader p{color:#2563eb;color:var(--primary);font-size:14px;font-weight:600}.ts-header{margin-bottom:28px}.ts-header h2{color:#0f172a;color:var(--text-dark);font-family:Sora,sans-serif;font-size:24px;font-weight:800;letter-spacing:-.4px;margin-bottom:4px}.ts-header p{color:#475569;color:var(--text-mid);font-size:14px}.ts-banner{align-items:center;animation:ts-fadeIn .3s ease;border-radius:8px;border-radius:var(--radius-sm);display:flex;font-size:14px;font-weight:500;gap:10px;margin-bottom:20px;padding:12px 16px}.ts-banner--success{background:#f0fdf4;background:var(--success-bg);border:1px solid #bbf7d0;border:1px solid var(--success-border);color:#16a34a;color:var(--success)}.ts-banner--error{background:#fef2f2;background:var(--error-bg);border:1px solid #fecaca;border:1px solid var(--error-border);color:#dc2626;color:var(--error)}.ts-tabs{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border);display:flex;gap:8px;margin-bottom:20px;padding-bottom:0}.ts-tabs button{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#475569;color:var(--text-mid);cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;gap:7px;margin-bottom:-2px;padding:10px 20px;transition:color .2s ease,border-color .2s ease;transition:color var(--transition),border-color var(--transition)}.ts-tabs button.active,.ts-tabs button:hover{color:#2563eb;color:var(--primary)}.ts-tabs button.active{border-bottom-color:#2563eb;border-bottom-color:var(--primary)}.ts-subtabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.ts-subtabs button{align-items:center;background:#fff;background:var(--bg-card);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:20px;color:#475569;color:var(--text-mid);cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;gap:6px;padding:8px 18px;transition:all .2s ease;transition:all var(--transition)}.ts-subtabs button:hover{background:#2563eb24;background:var(--primary-glow);border-color:#2563eb;border-color:var(--primary);color:#2563eb;color:var(--primary)}.ts-subtabs button.active{background:#2563eb;background:var(--primary);border-color:#2563eb;border-color:var(--primary);box-shadow:0 3px 10px #2563eb24;box-shadow:0 3px 10px var(--primary-glow);color:#fff}.ts-card,.ts-form{animation:ts-fadeUp .3s ease both;background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius);box-shadow:0 1px 3px #0f172a0f,0 8px 24px #0f172a14;box-shadow:var(--shadow);padding:28px}.ts-section{background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);margin-bottom:24px;padding:20px}.ts-section h3{color:#0f172a;color:var(--text-dark);font-family:Sora,sans-serif;font-size:14px;font-weight:700;letter-spacing:.5px;margin-bottom:16px;text-transform:uppercase}.ts-grid{grid-gap:16px;display:grid;gap:16px}.ts-grid--2{grid-template-columns:repeat(2,1fr)}.ts-grid--3{grid-template-columns:repeat(3,1fr)}.ts-field{display:flex;flex-direction:column;gap:6px}.ts-field--full{grid-column:1/-1}.ts-field label{color:#475569;color:var(--text-mid);font-size:12.5px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.req{color:#dc2626;color:var(--error);margin-left:2px}.ts-field input,.ts-field select,.ts-field textarea{background:#fff;border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#0f172a;color:var(--text-dark);font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;outline:none;padding:10px 13px;transition:border-color .2s ease,box-shadow .2s ease;transition:border-color var(--transition),box-shadow var(--transition);width:100%}.ts-field input:hover:not(:disabled),.ts-field select:hover,.ts-field textarea:hover{border-color:#93c5fd}.ts-field input:focus,.ts-field select:focus,.ts-field textarea:focus{border-color:#2563eb;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb24;box-shadow:var(--shadow-focus)}.ts-field input:disabled{background:#f1f5f9;color:#475569;color:var(--text-mid);cursor:not-allowed;font-weight:600}.ts-field textarea{min-height:90px;resize:vertical}.ts-form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.ts-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:Sora,sans-serif;font-size:14px;font-weight:700;gap:8px;justify-content:center;padding:12px 28px;transition:all .2s ease;transition:all var(--transition)}.ts-btn--primary{background:#2563eb;background:var(--primary);box-shadow:0 3px 12px #2563eb24;box-shadow:0 3px 12px var(--primary-glow);color:#fff}.ts-btn--primary:hover:not(:disabled){background:#1d4ed8;background:var(--primary-dark);box-shadow:0 6px 18px #2563eb24;box-shadow:0 6px 18px var(--primary-glow);transform:translateY(-1px)}.ts-btn--primary:disabled{cursor:not-allowed;opacity:.6}.ts-btn--ghost{background:#0000;border:1.5px solid #e2e8f0;border:1.5px solid var(--border);color:#475569;color:var(--text-mid)}.ts-btn--ghost:hover{border-color:#2563eb;border-color:var(--primary);color:#2563eb;color:var(--primary)}.ts-btn--purple{background:#7c3aed;background:var(--purple);box-shadow:0 3px 12px #7c3aed33;color:#fff}.ts-btn--purple:hover{background:#6d28d9;background:var(--purple-dark);transform:translateY(-1px)}.ts-spinner{animation:ts-spin .7s linear infinite;border:2.5px solid #ffffff4d;border-radius:50%;border-top-color:#fff;flex-shrink:0;height:16px;width:16px}.ts-filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.ts-filter-label{color:#475569;color:var(--text-mid);font-size:13px;font-weight:700}.ts-filter-row input[type=date],.ts-filter-row select{background:#fff;border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#0f172a;color:var(--text-dark);cursor:pointer;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:500;outline:none;padding:9px 12px;transition:border-color .2s ease,box-shadow .2s ease;transition:border-color var(--transition),box-shadow var(--transition)}.ts-filter-row input[type=date]:focus,.ts-filter-row select:focus{border-color:#2563eb;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb24;box-shadow:var(--shadow-focus)}.ts-table-wrap{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);overflow-x:auto}.ts-table{background:#fff;background:var(--bg-card);border-collapse:collapse;font-size:14px;width:100%}.ts-table thead tr{background:#2563eb;background:var(--primary)}.ts-table th{color:#fff;font-size:13px;font-weight:700;letter-spacing:.3px;white-space:nowrap}.ts-table td,.ts-table th{padding:12px 14px;text-align:center}.ts-table td{border-bottom:1px solid #f1f5f9;color:#475569;color:var(--text-mid);font-weight:500}.ts-table tbody tr:last-child td{border-bottom:none}.ts-table tbody tr:hover{background:#f8fafc}.ts-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:700;padding:4px 12px;white-space:nowrap}.ts-badge--pending{background:#fef3c7;color:#d97706}.ts-badge--approved{background:#dcfce7;color:#16a34a;color:var(--success)}.ts-badge--rejected{background:#fee2e2;color:#dc2626;color:var(--error)}.ts-edit-btn{background:#eff6ff;border:none;border-radius:6px;color:#2563eb;color:var(--primary);cursor:pointer;font-size:12.5px;font-weight:700;padding:5px 13px;transition:all .2s ease;transition:all var(--transition)}.ts-edit-btn:hover{background:#2563eb;background:var(--primary);color:#fff}.ts-empty{background:#fafbfc;border:1px dashed #e2e8f0;border:1px dashed var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#94a3b8;color:var(--text-soft);font-size:14px;font-weight:600;margin-top:8px;padding:48px 20px;text-align:center}.ts-stat-cards{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.ts-stat{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 2px 8px #0f172a0d;display:flex;flex:1 1;gap:16px;min-width:180px;padding:18px 24px;transition:transform .2s ease;transition:transform var(--transition)}.ts-stat:hover{transform:translateY(-2px)}.ts-stat__icon{color:#2563eb;color:var(--primary);flex-shrink:0;font-size:26px}.ts-stat__label{color:#94a3b8;color:var(--text-soft);font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.ts-stat__value{color:#0f172a;color:var(--text-dark);font-family:Sora,sans-serif;font-size:26px;font-weight:800;line-height:1}.ts-report{padding:56px 28px;text-align:center}.ts-report__icon{color:#7c3aed;color:var(--purple);font-size:48px;margin-bottom:16px}.ts-report p{color:#475569;color:var(--text-mid);font-size:15px;font-weight:500;margin-bottom:24px}@keyframes ts-fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes ts-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes ts-spin{to{transform:rotate(1turn)}}@media (max-width:900px){.ts-grid--3{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.ts-page{padding:20px 14px}.ts-grid--2,.ts-grid--3{grid-template-columns:1fr}.ts-card,.ts-form{padding:20px 16px}.ts-section{padding:16px}.ts-tabs button{font-size:13px;padding:8px 14px}.ts-stat{min-width:140px}.ts-form-actions{flex-direction:column}.ts-btn{justify-content:center;width:100%}}.leave-container{background:#f4f7fb;font-family:Segoe UI,sans-serif;min-height:100vh;padding:25px}.leave-container h2{color:#1e293b;margin-bottom:20px;text-align:center}.calendar-header{align-items:center;display:flex;gap:20px;justify-content:center;margin-bottom:10px}.calendar-header button{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:6px 12px}.calendar-header button:hover{background:#1d4ed8}.calendar-days{font-weight:600;margin-bottom:6px;text-align:center}.calendar-days,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-grid{grid-gap:6px;gap:6px;margin-bottom:20px}.calendar-cell{background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;padding:12px;text-align:center;transition:.2s}.calendar-cell:hover{background:#dbeafe}.empty{background:#0000}.modal{align-items:center;background:#0006;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal-box{background:#fff;border-radius:12px;display:flex;flex-direction:column;gap:10px;padding:20px;width:320px}.modal-box h3{margin-bottom:5px;text-align:center}.modal-box input,.modal-box select,.modal-box textarea{border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:8px}.modal-box textarea{height:70px;resize:none}.modal-actions{display:flex;justify-content:space-between;margin-top:10px}.modal-actions button{border:none;border-radius:6px;cursor:pointer;padding:8px 12px}.modal-actions button:first-child{background:#80ff80;color:#fff}.modal-actions button:last-child{background:red;color:#fff}.modal-actions button:hover{opacity:.9}.leave-table{background:#fff;border-collapse:collapse;border-radius:10px;margin-top:15px;overflow:hidden;width:100%}.leave-table thead{background:#2563eb;color:#fff}.leave-table td,.leave-table th{border-bottom:1px solid #e2e8f0;padding:10px;text-align:center}.leave-table tbody tr:hover{background:#f1f5f9}.delete-btn{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:6px 10px}.delete-btn:hover{background:#dc2626}.leave-container p{color:#64748b;margin-top:10px;text-align:center}.page-container{background:#f4f7fb;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.page-container h2{color:#1e293b;font-size:26px;font-weight:600;margin-bottom:25px}.under-dev{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #00000014;margin:0 auto;max-width:500px;padding:40px 20px;text-align:center;transition:transform .3s ease}.under-dev:hover{transform:translateY(-5px)}.under-dev h3{color:#ef4444;font-size:20px;margin-bottom:10px}.under-dev p{color:#64748b;font-size:15px}.page-container{background:#f5f7fb;min-height:100vh;padding:30px}.page-container h2,.user-info{margin-bottom:20px;text-align:center}.user-info{padding:15px}.password-form,.user-info{background:#fff;border-radius:12px}.password-form{gap:15px;margin:auto;max-width:400px;padding:25px}.password-form input{border:1px solid #ddd;border-radius:8px;padding:12px}.password-form button{background:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:12px}.message.error{color:red;text-align:center}.popup{align-items:center;background:#0006;display:flex;height:100%;justify-content:center;left:0;top:0;width:100%}.popup-content{background:#fff;border-radius:10px;color:green;padding:20px 40px}.password-field{margin-bottom:20px}.password-input-wrapper{align-items:center;display:flex;position:relative;width:100%}.password-input-wrapper input{border:1px solid #ddd;border-radius:6px;font-size:16px;padding:12px 45px 12px 12px;transition:border-color .3s;width:100%}.password-input-wrapper input:focus{border-color:#4caf50;box-shadow:0 0 5px #4caf504d;outline:none}.eye-btn{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:5px;position:absolute;right:12px;transition:color .2s}.eye-btn:hover{color:#333}.message{animation:slideDown .3s ease-out;border-radius:6px;font-weight:500;margin-bottom:20px;padding:12px 16px;text-align:center}.message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.password-form{display:flex;flex-direction:column;gap:16px}.password-form .submit-btn{background-color:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:12px 24px;transition:background-color .3s,transform .2s}.password-form .submit-btn:hover:not(:disabled){background-color:#45a049;transform:translateY(-2px)}.password-form .submit-btn:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.popup{animation:popupAppear .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0003;left:50%;min-width:300px;padding:30px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1000}.popup-icon{display:block;font-size:48px;margin-bottom:15px}@keyframes popupAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.popup:before{background:#00000080;border-radius:0;bottom:0;content:"";left:0;position:fixed;right:0;top:0;z-index:-1}.profile-page{background:#f5f7fb;font-family:Segoe UI,sans-serif;min-height:100vh;padding:30px}.profile-header{background:#fff;border-radius:14px;box-shadow:0 8px 20px #0000000d;justify-content:space-between;margin-bottom:20px;padding:20px 25px}.profile-header,.profile-left{align-items:center;display:flex}.profile-left{gap:20px}.profile-img-wrapper{position:relative}.profile-img-wrapper img{border:3px solid #6366f1;border-radius:50%;height:80px;object-fit:cover;width:80px}.profile-img-wrapper input{font-size:12px;margin-top:8px}.profile-left h2{color:#1e293b;margin:0}.profile-left p{color:#64748b;font-size:14px;margin:5px 0 0}.edit-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:6px;padding:10px 18px;transition:.3s}.edit-btn:hover{box-shadow:0 5px 15px #4f46e54d;transform:translateY(-2px)}.tabs{display:flex;gap:10px;margin-bottom:15px}.tabs button{background:#e2e8f0;border:none;border-radius:8px;cursor:pointer;font-weight:500;padding:10px 20px;transition:.2s}.tabs button.active{background:#6366f1;color:#fff}.tabs button:hover{background:#cbd5f5}.tab-content{background:#fff;border-radius:14px;box-shadow:0 8px 20px #0000000d;padding:25px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.form-group.full-width{grid-column:span 2}.form-group{display:flex;flex-direction:column}.form-group label{color:#475569;font-size:13px;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{border:1px solid #e2e8f0;border-radius:8px;font-size:14px;padding:10px 12px;transition:.2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#f9fafb;border-color:#6366f1;box-shadow:0 0 0 2px #6366f126;outline:none}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:#f1f5f9;cursor:not-allowed}textarea{min-height:80px;resize:none}.form-group p{color:#64748b;font-size:12px;margin-top:5px}@media (max-width:768px){.profile-header{align-items:flex-start;flex-direction:column;gap:15px}.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}}
/*# sourceMappingURL=main.bd14e574.css.map*/