@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#f9fafc}.layout{display:flex;min-height:100vh}.sidebar{width:280px;height:100vh;background:linear-gradient(170deg,#9b4dff,#6a2cf6 80%);color:#fff;position:fixed;left:0;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:4px 0 20px #00000014;z-index:1000;overflow-y:auto}.sidebar-header{padding:28px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-header h2{font-weight:700;font-size:1.8rem;letter-spacing:-.5px;background:linear-gradient(to right,#fff,#cbd5e1);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:4px}.sidebar-header p{font-size:.75rem;color:#94a3b8;letter-spacing:1px;text-transform:uppercase}.sidebar-nav{flex:1;padding:24px 16px;display:flex;flex-direction:column;gap:8px}.sidebar-nav a,.sidebar-footer a{display:flex;align-items:center;gap:14px;padding:12px 16px;color:#e2e8f0;text-decoration:none;font-weight:500;border-radius:12px;transition:all .2s;font-size:.95rem}.sidebar-nav a i,.sidebar-footer a i{width:22px;text-align:center;font-size:1.1rem}.sidebar-nav a:hover{background:#ffffff14;color:#fff}.sidebar-nav a.active{background:#2563eb;color:#fff;box-shadow:0 8px 16px -4px #2563eb4d}.sidebar-footer{padding:24px 16px;border-top:1px solid rgba(255,255,255,.1);margin-top:auto}.sidebar-footer a{color:#fca5a5}.sidebar-footer a:hover{background:#dc26261a;color:#fee2e2}.main-content{margin-left:280px;width:100%;display:flex;flex-direction:column;min-height:100vh;background:#f8fafc}.header{height:80px;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 32px;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:100;box-shadow:0 1px 3px #00000005}.greeting{font-weight:600;font-size:1.1rem;color:#0f172a}.header-right{display:flex;align-items:center;gap:24px}.notification-icon{font-size:1.3rem;color:#64748b;cursor:pointer;transition:color .2s}.notification-icon:hover{color:#2563eb}.user-profile{display:flex;align-items:center;gap:12px;background:#f1f5f9;padding:6px 12px 6px 6px;border-radius:40px;cursor:pointer;transition:background .2s}.user-profile:hover{background:#e2e8f0}.user-profile img{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid white}.user-name{font-weight:600;font-size:.9rem;color:#1e293b}.page-content{padding:32px;flex:1}.dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-bottom:32px}.card{background:#fff;padding:24px;border-radius:20px;box-shadow:0 4px 12px #00000008;display:flex;align-items:center;gap:20px;transition:transform .2s,box-shadow .2s;border:1px solid rgba(226,232,240,.6)}.card:hover{transform:translateY(-4px);box-shadow:0 20px 24px -8px #00000014;border-color:#cbd5e1}.card i{font-size:2.2rem;color:#2563eb;background:#eef2ff;padding:16px;border-radius:16px}.card h3{font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#64748b;margin-bottom:6px}.card p{font-size:1.8rem;font-weight:700;color:#0f172a;line-height:1.2}.card span{font-size:.8rem;color:#10b981;display:block;margin-top:6px}.page-container{background:#fff;border-radius:24px;padding:28px;box-shadow:0 1px 3px #00000005;border:1px solid #edf2f7}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.page-header h1{font-size:1.6rem;font-weight:700;color:#0f172a}.btn-primary{background:#2563eb;color:#fff;border:none;padding:10px 20px;border-radius:40px;font-weight:600;font-size:.9rem;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s;border:1px solid transparent}.btn-primary:hover{background:#1d4ed8;transform:scale(.98);box-shadow:0 8px 16px -4px #2563eb4d}.btn-secondary{background:#fff;color:#1e293b;border:1px solid #cbd5e1;padding:10px 20px;border-radius:40px;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#f8fafc;border-color:#94a3b8}.table-responsive{overflow-x:auto}table{width:100%;border-collapse:collapse}th{text-align:left;padding:16px 12px;color:#64748b;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e2e8f0}td{padding:16px 12px;border-bottom:1px solid #f1f5f9;color:#1e293b;font-weight:500}.badge{padding:6px 12px;border-radius:40px;font-size:.75rem;font-weight:600;text-transform:capitalize}.badge.active{background:#dcfce7;color:#166534}.badge.pending{background:#fef9c3;color:#854d0e}.workers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-top:20px}.worker-card{background:#f8fafc;border-radius:20px;padding:24px 16px;text-align:center;border:1px solid #e2e8f0;transition:all .2s}.worker-card:hover{background:#fff;border-color:#2563eb;transform:translateY(-4px);box-shadow:0 12px 20px -8px #0000000f}.worker-card img{width:80px;height:80px;border-radius:50%;margin-bottom:16px;border:3px solid white;box-shadow:0 4px 8px #0000000d}.worker-card h4{margin-bottom:6px;color:#0f172a}.worker-card p{color:#64748b;font-size:.85rem;margin-bottom:12px}.payment-form{max-width:500px;display:flex;flex-direction:column;gap:20px}.form-group label{font-weight:600;font-size:.9rem;color:#334155}.form-group input,.form-group select{padding:14px 16px;border:1px solid #e2e8f0;border-radius:16px;font-size:.95rem;transition:all .2s;background:#fff}.form-group input:focus,.form-group select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.settings-section{background:#f8fafc;padding:28px;border-radius:20px;max-width:600px}.settings-section h3{margin-bottom:20px;color:#0f172a}.menu-btn{display:none;position:fixed;top:20px;left:20px;z-index:1100;background:#fff;border:none;width:48px;height:48px;border-radius:16px;color:#0f172a;font-size:1.6rem;cursor:pointer;box-shadow:0 8px 20px #0000000f;border:1px solid #e2e8f0;transition:all .2s}.menu-btn i{font-size:1.4rem}.menu-btn.active{background:#2563eb;color:#fff;border-color:#2563eb}.overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:999;animation:fadeIn .2s}@media(max-width:768px){.sidebar{left:-280px;width:280px}.sidebar.active{left:0;box-shadow:8px 0 30px #0003}.main-content{margin-left:0;width:100%}.menu-btn{display:flex;align-items:center;justify-content:center}.overlay{display:block}.header{padding:0 20px 0 80px;height:70px}.user-name{display:none}.user-profile{background:transparent;padding:0}.user-profile img{width:42px;height:42px}.greeting{font-size:1rem}.page-content{padding:20px}.dashboard{grid-template-columns:1fr;gap:16px}.card{padding:20px}.card i{font-size:1.8rem;padding:12px}.card p{font-size:1.5rem}.page-container{padding:20px}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.page-header h1{font-size:1.4rem}.workers-grid{grid-template-columns:1fr}.payment-form{width:100%}.settings-section{padding:20px}.sidebar-nav a,.sidebar-footer a{padding:14px 18px}}@media(max-width:480px){.header{padding-left:70px;padding-right:16px}.greeting{font-size:.9rem}.notification-icon{font-size:1.2rem}.page-content{padding:16px}.card{flex-direction:column;text-align:center}.card i{margin-bottom:8px}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.auth-container{background:linear-gradient(135deg,#9b4dff,#6a2cf6)}.submit{background:linear-gradient(90deg,#9b4dff,#6a2cf6);border:none;padding:10px 15px;border-radius:5px;cursor:pointer}:root{--primary: #2563eb;--primary-dark: #1d4ed8;--primary-light: #60a5fa;--primary-soft: #eef2ff;--secondary: #10b981;--dark: #0f172a;--gray-800: #1e293b;--gray-600: #475569;--gray-400: #94a3b8;--gray-200: #e2e8f0;--gray-100: #f1f5f9;--white: #ffffff;--error: #ef4444;--success: #22c55e;--warning: #f59e0b;--border-radius-lg: 32px;--border-radius-md: 20px;--border-radius-sm: 12px;--box-shadow: 0 20px 35px -8px rgba(0, 0, 0, .1);--box-shadow-hover: 0 25px 45px -12px rgba(37, 99, 235, .25);--transition: all .25s cubic-bezier(.4, 0, .2, 1)}body{font-family:Inter,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(170deg,#9b4dff,#6a2cf6 80%);min-height:100vh}.auth-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;background:radial-gradient(circle at 10% 20%,rgba(37,99,235,.03) 0%,transparent 30%),radial-gradient(circle at 90% 80%,rgba(16,185,129,.03) 0%,transparent 30%)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-brand{background:linear-gradient(145deg,#1e293b,#0f172a);color:var(--white);padding:48px 40px;display:flex;align-items:center;position:relative;overflow:hidden}.brand-bg-pattern{position:absolute;inset:0;background-image:url('data:image/svg+xml,<svg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"><path d="M60 30 L30 60 L0 30 L30 0 Z" fill="rgba(255,255,255,0.02)"/></svg>');background-size:40px 40px;opacity:.4}.brand-content{position:relative;z-index:2;width:100%}.brand-logo{font-size:2rem;font-weight:800;margin-bottom:32px;background:linear-gradient(to right,#fff,#cbd5e1);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-1px}.auth-brand h1{font-size:2.5rem;font-weight:700;margin-bottom:16px;line-height:1.2}.auth-brand p{color:#cbd5e1;font-size:1.1rem;margin-bottom:40px;line-height:1.6}.brand-features{display:flex;flex-direction:column;gap:20px}.feature{display:flex;align-items:center;gap:16px;font-size:1rem;color:#e2e8f0}.feature i{width:28px;color:var(--primary-light);font-size:1.2rem}.auth-card{padding:48px 40px;background:var(--white);display:flex;flex-direction:column;justify-content:center;border-radius:20px}.auth-header{margin-bottom:32px}.auth-header h2{font-size:2rem;font-weight:700;color:var(--dark);margin-bottom:8px;letter-spacing:-.5px}.auth-header p{color:var(--gray-600);font-size:1rem}.auth-form{display:flex;flex-direction:column;gap:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group label{font-size:.9rem;font-weight:600;color:var(--gray-800);display:flex;align-items:center;gap:8px}.form-group label i{color:var(--primary);font-size:.9rem;width:18px}.form-input{padding:14px 16px;border:2px solid var(--gray-200);border-radius:var(--border-radius-sm);font-size:.95rem;transition:var(--transition);background:var(--gray-100);font-weight:500}.form-input:hover{border-color:var(--gray-400);background:var(--white)}.form-input:focus{outline:none;border-color:var(--primary);background:var(--white);box-shadow:0 0 0 4px var(--primary-soft)}.password-field .form-input{width:100%;padding-right:50px}.password-toggle{position:absolute;right:4px;background:transparent;border:none;padding:10px 12px;color:var(--gray-600);cursor:pointer;transition:var(--transition);border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center}.phone-input{display:flex;align-items:center;gap:8px;background:var(--gray-100);border-radius:var(--border-radius-sm);border:2px solid var(--gray-200);transition:var(--transition)}.phone-input:focus-within{border-color:var(--primary);background:var(--white);box-shadow:0 0 0 4px var(--primary-soft)}.country-code{padding:14px 8px 14px 16px;background:var(--gray-200);border-radius:10px 0 0 10px;font-weight:600;color:var(--gray-800);font-size:.95rem}.phone-field{border:none!important;background:transparent!important;padding-left:0!important;box-shadow:none!important}.forgot-link{align-self:flex-end;font-size:.85rem;color:var(--primary);text-decoration:none;font-weight:600;margin-top:4px;transition:var(--transition)}.forgot-link:hover{color:var(--primary-dark);text-decoration:underline}.form-options{margin-top:8px}.checkbox-label{display:flex;align-items:center;gap:10px;font-size:.95rem;color:var(--gray-700);cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary);border-radius:6px;cursor:pointer}.password-strength{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.strength-bars{display:flex;gap:4px}.bar{width:30px;height:6px;background:var(--gray-200);border-radius:20px;transition:var(--transition)}.bar.active{background:linear-gradient(to right,#f59e0b,#10b981)}.auth-button{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border:none;padding:16px 28px;border-radius:50px;font-weight:700;font-size:1rem;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.auth-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.auth-button:hover:before{left:100%}.auth-button:hover{transform:translateY(-2px);box-shadow:0 20px 30px -8px #2563eb66}.auth-button i{font-size:1rem;transition:transform .2s}.auth-button:hover i{transform:translate(4px)}.register-button{background:linear-gradient(135deg,#10b981,#059669)}.auth-footer{text-align:center;margin-top:24px;padding-top:24px;border-top:2px solid var(--gray-100);color:var(--gray-600)}.auth-link{color:var(--primary);text-decoration:none;font-weight:700;margin-left:6px;transition:var(--transition);position:relative}.auth-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--primary);transition:width .2s}.auth-link:hover:after{width:100%}.terms-link{color:var(--primary);text-decoration:none;font-weight:600}.register-brand{background:linear-gradient(145deg,#10b981,#059669)}.testimonial{margin-top:48px;padding:24px;background:#ffffff1a;border-radius:var(--border-radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.testimonial-avatars{display:flex;margin-bottom:16px}.testimonial-avatars img{width:40px;height:40px;border-radius:50%;border:3px solid white;margin-right:-12px}.testimonial-text{font-style:italic;font-size:1rem!important;margin-bottom:0!important;color:#fff!important}@media(max-width:1024px){.auth-grid{grid-template-columns:1fr;max-width:600px}.auth-brand{display:none}.register-grid .auth-brand{display:flex;order:-1}.auth-card{padding:40px 32px}}@media(max-width:768px){.auth-wrapper{padding:16px}.auth-grid{border-radius:32px}.auth-card{padding:32px 24px}.auth-header h2{font-size:1.8rem}.form-row{grid-template-columns:1fr;gap:20px}.brand-features{display:none}}@media(max-width:480px){.auth-wrapper{padding:12px}.auth-card{padding:28px 20px}.auth-header h2{font-size:1.6rem}.auth-header p{font-size:.9rem}.form-group label{font-size:.85rem}.form-input{padding:12px 14px;font-size:.9rem}.auth-button{padding:14px 24px}.checkbox-label{font-size:.85rem}.password-strength{flex-direction:column;align-items:flex-start;gap:8px}.strength-bars{width:100%}.bar{flex:1}}@media(max-width:360px){.auth-card{padding:24px 16px}.auth-header h2{font-size:1.4rem}.brand-logo{font-size:1.6rem}}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.auth-button.loading{opacity:.7;cursor:not-allowed}.auth-button.loading i{animation:spin 1s linear infinite}.form-input:focus-visible,.password-toggle:focus-visible,.auth-button:focus-visible{outline:3px solid var(--primary-light);outline-offset:2px}.auth-branding{text-align:center;margin-bottom:20px}.auth-logo{width:80px;height:auto;margin-bottom:10px}.jp{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:Poppins,sans-serif}.jph{font-size:100px}.sidebar-link{display:flex;align-items:center;gap:10px;padding:10px 15px;text-decoration:none;color:#555;border-radius:6px;transition:.2s ease}.sidebar-link:hover{background:#f1f1f1}.active-link{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff!important}.active-link i{color:#fff}.sidebar-footer{padding:15px;border-top:1px solid rgba(255,255,255,.08);margin-top:auto}.logout-btn{width:100%;display:flex;align-items:center;gap:10px;padding:10px 14px;border:none;border-radius:8px;background:#ff4d4d;color:#fdfcfc;font-size:14px;font-weight:500;cursor:pointer;transition:all .25s ease}.logout-btn i{font-size:14px}.logout-btn:hover{background:#ff4d4d;color:#fff;transform:translateY(-2px)}.logout-btn:hover i{color:#fff}.logout-btn:active{transform:scale(.98)}.admin-footer{background:#fffefe;color:#fff;padding:30px 40px 15px;margin-top:40px}.footer-container{display:flex;justify-content:space-between;flex-wrap:wrap}.footer-logo{font-size:24px;font-weight:700;color:#d4af37;margin-bottom:15px}.footer-contact p,.footer-right p{margin:6px 0;font-size:14px;color:#0b0b0b}.footer-bottom{text-align:center;margin-top:20px;padding-top:10px;border-top:1px solid #333;font-size:13px;color:#888}@media(max-width:768px){.footer-container{flex-direction:column;gap:20px}}.sidebar-header{display:flex;justify-content:center;align-items:center;padding:20px 10px}.auth-logo{width:120px;height:auto;object-fit:contain;background:#fff;padding:10px;border-radius:10px}.Toastify__toast--success{background:#fff!important;color:#333!important;border-left:5px solid #4CAF50}:root{--primary: #2563eb;--primary-dark: #1d4ed8;--primary-light: #60a5fa;--primary-soft: #eef2ff;--success: #10b981;--success-light: #d1fae5;--warning: #f59e0b;--warning-light: #fed7aa;--danger: #ef4444;--danger-light: #fee2e2;--purple: #8b5cf6;--purple-light: #ede9fe;--dark: #0f172a;--gray-800: #1e293b;--gray-700: #334155;--gray-600: #475569;--gray-500: #64748b;--gray-400: #94a3b8;--gray-300: #cbd5e1;--gray-200: #e2e8f0;--gray-100: #f1f5f9;--gray-50: #f8fafc;--white: #ffffff;--border-radius-xl: 32px;--border-radius-lg: 28px;--border-radius-md: 24px;--border-radius-sm: 20px;--border-radius-xs: 16px;--box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .05);--box-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .05), 0 10px 10px -5px rgba(0, 0, 0, .02);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}.dashboard-wrapper{padding:20px;background:#f5f6fa;min-height:100vh}.welcome-title{font-size:24px;font-weight:600}.welcome-sub{color:#666;margin-bottom:20px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 12px #00000014}.stat-card h4{color:#555;font-size:14px}.stat-card h2{margin:10px 0;font-size:22px}.green{color:green;font-size:14px}.red{color:red;font-size:14px}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.activity-card,.jobs-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 12px #00000014}.activity-card ul,.jobs-card ul{margin:15px 0;padding-left:20px}.activity-card li,.jobs-card li{margin-bottom:10px;font-size:14px}button{padding:8px 15px;border:none;border-radius:6px;background:#6c63ff;color:#fff;cursor:pointer}@media(max-width:768px){.bottom-grid{grid-template-columns:1fr}}.activity-container{max-width:1400px;margin:0 auto;padding:24px;animation:fadeIn .5s ease}.activity-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}.activity-card{background:var(--white);border-radius:var(--border-radius-lg);padding:28px;box-shadow:var(--box-shadow);border:1px solid var(--gray-200);transition:var(--transition);position:relative;overflow:hidden}.activity-card:hover{box-shadow:var(--box-shadow-lg);transform:translateY(-4px);border-color:var(--primary-light)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;padding-bottom:16px;border-bottom:2px solid var(--gray-100)}.header-title{display:flex;align-items:center;gap:12px}.header-title i{font-size:1.6rem;color:var(--primary);background:var(--primary-soft);padding:12px;border-radius:16px}.header-title h2{font-size:1.4rem;font-weight:700;color:var(--dark)}.badge{background:var(--primary-soft);color:var(--primary-dark);padding:6px 14px;border-radius:40px;font-size:.8rem;font-weight:700;letter-spacing:.3px}.activity-timeline{display:flex;flex-direction:column;gap:20px;margin-bottom:28px;max-height:500px;overflow-y:auto;padding-right:8px}.timeline-item{display:flex;gap:16px;padding:16px;background:var(--gray-50);border-radius:var(--border-radius-sm);transition:var(--transition);position:relative;border-left:4px solid transparent}.timeline-item:hover{background:var(--white);transform:translate(4px);box-shadow:var(--box-shadow);border-left-color:var(--primary)}.timeline-icon{width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}.timeline-content{flex:1}.timeline-content h4{font-size:1rem;font-weight:700;color:var(--dark);margin-bottom:6px}.timeline-content p{font-size:.9rem;color:var(--gray-600);margin-bottom:8px;line-height:1.5}.time{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--gray-500);font-weight:500}.time i{font-size:.7rem}.jobs-list{display:flex;flex-direction:column;gap:16px;margin-bottom:28px;max-height:500px;overflow-y:auto;padding-right:8px}.job-item{display:flex;gap:16px;padding:18px;background:var(--gray-50);border-radius:var(--border-radius-sm);transition:var(--transition);border:1px solid transparent}.job-item:hover{background:var(--white);border-color:var(--primary-light);transform:translateY(-2px);box-shadow:var(--box-shadow)}.job-avatar{width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,#9b4dff,#6a2cf6);display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;color:var(--white);flex-shrink:0;box-shadow:0 8px 16px #2563eb33}.job-details{flex:1}.job-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.job-header h4{font-size:1rem;font-weight:700;color:var(--dark)}.job-status{font-size:.7rem;font-weight:700;padding:4px 12px;border-radius:30px;text-transform:uppercase;letter-spacing:.3px}.job-status.upcoming{background:var(--success-light);color:var(--success)}.job-status.tomorrow{background:var(--warning-light);color:var(--warning)}.job-info,.job-time{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--gray-600);margin-bottom:6px}.job-info i,.job-time i{width:16px;color:var(--gray-500);font-size:.8rem}.view-all-btn{width:100%;background:linear-gradient(135deg,#9b4dff,#6a2cf6);border:none;padding:16px 24px;border-radius:60px;font-weight:700;font-size:.95rem;color:var(white);display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:var(--transition);border:1px solid var(--gray-200);margin-top:8px}.view-all-btn i{font-size:.9rem;transition:var(--transition)}.view-all-btn:hover{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white);border-color:transparent;transform:translateY(-2px);box-shadow:0 10px 20px #2563eb4d}.view-all-btn:hover i{transform:translate(6px)}.activity-timeline::-webkit-scrollbar,.jobs-list::-webkit-scrollbar{width:6px}.activity-timeline::-webkit-scrollbar-track,.jobs-list::-webkit-scrollbar-track{background:var(--gray-100);border-radius:20px}.activity-timeline::-webkit-scrollbar-thumb,.jobs-list::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:20px}.activity-timeline::-webkit-scrollbar-thumb:hover,.jobs-list::-webkit-scrollbar-thumb:hover{background:var(--primary)}@media(min-width:1600px){.activity-grid{grid-template-columns:1.6fr 1fr}}@media(max-width:1200px){.activity-grid{grid-template-columns:1.4fr 1fr}.header-title h2{font-size:1.3rem}}@media(max-width:1024px){.activity-container{padding:20px}.activity-grid{grid-template-columns:1fr;gap:20px}.activity-card{padding:24px}.activity-timeline,.jobs-list{max-height:400px}}@media(max-width:768px){.activity-container{padding:16px}.activity-card{padding:22px}.section-header{margin-bottom:22px;padding-bottom:14px}.header-title i{font-size:1.4rem;padding:10px}.header-title h2{font-size:1.2rem}.timeline-item{padding:14px}.job-item{padding:16px}.job-avatar{width:48px;height:48px;font-size:1.2rem}}@media(max-width:640px){.activity-container{padding:12px}.activity-card{padding:20px}.timeline-icon{width:42px;height:42px;font-size:1.1rem}.timeline-content h4{font-size:.95rem}.timeline-content p{font-size:.85rem}.job-header{flex-direction:column;align-items:flex-start;gap:6px}.job-status{align-self:flex-start}.view-all-btn{padding:14px 20px;font-size:.9rem}}@media(max-width:480px){.activity-container{padding:10px}.activity-card{padding:18px;border-radius:24px}.header-title i{font-size:1.2rem;padding:8px;border-radius:14px}.header-title h2{font-size:1.1rem}.badge{padding:4px 12px;font-size:.7rem}.timeline-item{flex-direction:column;align-items:flex-start;gap:12px;border-left:none;border-top:4px solid transparent}.timeline-item:hover{border-left-color:transparent;border-top-color:var(--primary);transform:translateY(-2px)}.timeline-icon{width:40px;height:40px}.job-item{flex-direction:column;align-items:flex-start;gap:12px}.job-avatar{width:44px;height:44px;border-radius:16px}.job-details{width:100%}.job-header{width:100%;flex-direction:row;align-items:center;justify-content:space-between}.view-all-btn{padding:12px 16px}.view-all-btn i{font-size:.8rem}}@media(max-width:360px){.activity-card{padding:16px}.header-title{gap:8px}.header-title i{font-size:1rem;padding:6px}.header-title h2{font-size:1rem}.badge{padding:3px 10px;font-size:.65rem}.timeline-content h4{font-size:.9rem}.timeline-content p{font-size:.8rem}.time{font-size:.7rem}.job-header h4{font-size:.9rem}.job-status{font-size:.65rem;padding:3px 8px}.job-info,.job-time{font-size:.8rem}.view-all-btn{padding:10px 14px;font-size:.85rem}}@keyframes pulse{0%{box-shadow:0 0 #2563eb66}70%{box-shadow:0 0 0 10px #2563eb00}to{box-shadow:0 0 #2563eb00}}.timeline-item:first-child{animation:pulse 2s infinite}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.view-all-btn:focus-visible,.timeline-item:focus-visible,.job-item:focus-visible{outline:3px solid var(--primary-light);outline-offset:2px}@media print{.activity-container{padding:0}.activity-card{box-shadow:none;border:1px solid var(--gray-300);page-break-inside:avoid}.view-all-btn{display:none}}.recent-activity{margin-top:40px;width:100%}.recent-header{margin-bottom:15px}.recent-header h2{font-size:18px}.recent-list{display:flex;flex-direction:column;gap:15px}.recent-item{background:linear-gradient(135deg,#6a11cb,#2575fc);padding:15px 20px;border-radius:12px;color:#fff;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:.3s}.recent-item:hover{transform:translateY(-3px);box-shadow:0 6px 15px #00000040}.recent-left{display:flex;align-items:center;gap:15px}.recent-icon{width:45px;height:45px;background:#fff3;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px}.recent-item h4{margin:0;font-size:15px}.recent-item p{margin:2px 0;font-size:13px}.expiring-badge{background:orange;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700}.expired-badge{background:#ff4d4f;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700}.view-all-btn{margin-top:15px;padding:10px;border-radius:8px;border:none;cursor:pointer;background:#f1f1f1;font-weight:600}.clients-dashboard{max-width:1400px;margin:0 auto;padding:2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.notification-toast{position:fixed;top:2rem;right:2rem;z-index:1000;display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-radius:12px;background:#fff;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #00000005;animation:slideIn .3s ease-out;border-left:4px solid}.notification-toast.success{border-left-color:#10b981}.notification-toast.error{border-left-color:#ef4444}.title-accent{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-card{background:#fff;border-radius:20px;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.stat-icon{font-size:2.5rem;background:#f3f4f6;width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center}.search-container{flex:1;min-width:300px;position:relative}.search-field{width:100%;padding:.875rem 2.5rem .875rem 1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:.95rem;transition:all .2s;background:#fff}.search-field:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.clear-search{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:#9ca3af;cursor:pointer;padding:.25rem;font-size:1rem;border-radius:50%;transition:all .2s}.primary-btn{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border:none;padding:.875rem 1.75rem;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px -1px #3b82f64d}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 6px 10px -1px #3b82f666}.primary-btn1{background:linear-gradient(135deg,#23b94d,#08d620);color:#fff;border:none;padding:.875rem 1.75rem;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px -1px #3b82f64d}.loading-container{text-align:center;padding:4rem;color:#6b7280;font-size:1.1rem;background:#f9fafb;border-radius:20px}.clients-table-container{background:#fff;border-radius:20px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow-x:auto;margin-bottom:2rem}.clients-table{width:100%;border-collapse:collapse;min-width:1000px}.clients-table thead tr:first-child{background:#f9fafb;border-bottom:2px solid #e5e7eb}.clients-table thead tr:first-child th{padding:1rem 1.5rem;font-weight:600;color:#4b5563;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;text-align:left}.clients-table thead tr:last-child th{padding:.75rem 1.5rem;background:#fff;border-bottom:1px solid #e5e7eb}.clients-table input,.clients-table select{padding:.5rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.9rem;transition:all .2s;background:#f9fafb}.clients-table input:focus,.clients-table select:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 2px #3b82f61a}.clients-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .2s}.clients-table tbody tr:hover{background:#f9fafb}.clients-table td{padding:1.25rem 1.5rem;color:#1f2937;font-size:.95rem}.id-cell{font-weight:600;color:#3b82f6}.name-with-avatar{display:flex;align-items:center;gap:.75rem}.client-avatar-small{width:36px;height:36px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1rem;box-shadow:0 2px 4px #3b82f64d}.address-cell{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#6b7280}.gender-tag{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:500;text-transform:capitalize}.gender-tag.male{background:#dbeafe;color:#1e40af}.gender-tag.female{background:#fce7f3;color:#9d174d}.gender-tag.other{background:#f3f4f6;color:#4b5563}.action-btn{width:36px;height:36px;border:none;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:all .2s;background:#f3f4f6;color:#4b5563}.download-btn{background:#10b981;color:#fff}.excel-btn:hover{background:#10b981;color:#fff}.empty-state h3{font-size:1.5rem;color:#374151;margin-bottom:.5rem}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.modal-container,.view-modal{background:#fff;border-radius:24px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;animation:modalSlideUp .3s ease-out}.modal-header h2{font-size:1.5rem;font-weight:600;color:#111827;margin:0}.modal-close,.modal-header button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#9ca3af;transition:all .2s;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center}.modal-close:hover,.modal-header button:hover{background:#f3f4f6;color:#4b5563}.modal-form,.modal-body{padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151;font-size:.95rem}.form-group input[type=text],.form-group input[type=email],.form-group input[type=tel]{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:.95rem;transition:all .2s}.form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.radio-group{display:flex;gap:1.5rem;flex-wrap:wrap}.radio-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer;margin-bottom:0}.radio-group input[type=radio]{width:18px;height:18px;cursor:pointer;accent-color:#3b82f6}.modal-body p{margin:1rem 0;font-size:1rem;color:#4b5563}.modal-body strong{color:#111827;font-weight:600;min-width:80px;display:inline-block}@media(max-width:768px){.clients-dashboard{padding:1rem}.page-title{font-size:2rem}.action-bar{flex-direction:column}.search-container{min-width:100%}.primary-btn,.secondary-btn{width:100%}.stats-grid{grid-template-columns:1fr}.modal-container,.view-modal{width:95%;margin:1rem}.form-actions{flex-direction:column}.form-actions button{width:100%}.radio-group{flex-direction:column;gap:.75rem}}@media(max-width:480px){.page-title{font-size:1.75rem}.stat-card{padding:1rem}.stat-icon{width:48px;height:48px;font-size:2rem}.stat-value{font-size:1.5rem}.modal-header{padding:1rem 1.5rem}.modal-form,.modal-body{padding:1.5rem}}.filter-wrapper{position:relative;width:100%}.filter-input{width:100%;padding-right:28px}.clear-icon{position:absolute;right:8px;top:50%;transform:translateY(-50%);cursor:pointer;font-size:14px;color:#e53935;font-weight:700}.clear-icon:hover{color:#b71c1c}.form-layout{background:#f5f5f5;padding:25px;width:700px;max-width:95%;border-radius:6px}.form-top{display:flex;justify-content:space-between;font-weight:500;margin-bottom:10px}.section-title{margin:20px 0 10px;text-decoration:underline;color:#5a2d0c}.info-table{width:100%;border-collapse:collapse;background:#fff}.info-table td{border:1px solid #000;padding:8px 12px}.info-table td:first-child{width:35%;font-weight:500;background-color:#f1f1f1}.modal-footer{margin-top:20px;text-align:right}.modal-footer button{padding:6px 14px;cursor:pointer}.header-content{display:flex;align-items:center;gap:6px}.sort-icons{display:flex;flex-direction:column;line-height:12px}.sort-icons svg{font-size:20px;color:#bbb;cursor:pointer;transition:.2s ease}.sort-icons svg:hover{color:#6366f1;transform:scale(1.1)}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.popup-box{background:#fff;padding:25px;border-radius:10px;width:350px;text-align:center;box-shadow:0 5px 20px #0003}.error-popup h3{color:#dc3545}.popup-actions{margin-top:20px}.pdf-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999}.pdf-modal{width:90%;height:90%;background:#fff;border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.agreement-dropdown-wrapper{position:relative;display:inline-block}.agreement-dropdown-menu{position:absolute;top:42px;right:0;min-width:220px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 10px 25px #00000026;z-index:9999;overflow:hidden}.agreement-dropdown-item{display:flex;align-items:center;gap:8px;padding:10px 14px;cursor:pointer;font-size:14px;color:#333;transition:background .2s ease}.agreement-dropdown-item:hover{background:#f5f5f5}.workers-dashboard{max-width:1400px;margin:0 auto;padding:2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#f8fafc;min-height:100vh}.notification-content{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:#fff;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #00000005;border-left:4px solid}.dashboard-header{margin-bottom:2.5rem}.header-title-section{text-align:center}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.stat-icon{font-size:2.5rem;background:linear-gradient(135deg,#fff6e5,#fff);width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #f973161a}.action-bar{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center;margin-bottom:2rem}.search-svg{position:absolute;left:1rem;fill:#9ca3af;pointer-events:none}.search-field{width:100%;padding:.875rem 1rem .875rem 3rem;border:2px solid #e5e7eb;border-radius:12px;font-size:.95rem;transition:all .2s;background:#fff}.search-field:focus{outline:none;border-color:#f97316;box-shadow:0 0 0 3px #f973161a}.clear-search{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:#9ca3af;cursor:pointer;padding:.25rem;font-size:1rem;border-radius:50%;transition:all .2s;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.primary-btn{background:linear-gradient(135deg,#f97316,#dc2626);color:#fff;border:none;padding:.875rem 1.75rem;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px -1px #f973164d;display:flex;align-items:center;gap:.5rem}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 6px 10px -1px #f9731666}.spinner{position:relative;width:60px;height:60px}.spinner-ring{position:absolute;width:100%;height:100%;border:4px solid transparent;border-top-color:#f97316;border-radius:50%;animation:spin 1s linear infinite}.spinner-ring:nth-child(2){border-top-color:#dc2626;animation-delay:-.5s}.loading-text{margin-top:1rem;color:#6b7280;font-size:1rem}.workers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;animation:fadeIn .5s ease-out}.worker-card{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a;transition:all .3s ease;border:1px solid rgba(0,0,0,.05);display:flex;flex-direction:column}.worker-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.card-header{padding:1.5rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid #f3f4f6}.worker-avatar{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:600;background-size:cover;background-position:center;box-shadow:0 4px 6px -1px #f973164d}.header-info{flex:1}.worker-name{font-size:1.2rem;font-weight:600;color:#111827;margin:0 0 .25rem}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.inactive{background:#fee2e2;color:#991b1b}.status-badge.unknown{background:#f3f4f6;color:#4b5563}.card-body{padding:1.5rem;flex:1}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem}.info-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#4b5563}.info-label{font-size:1rem}.info-value{font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info-value.salary{color:#059669;font-weight:600}.gender-badge{background:#f3f4f6;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:capitalize}.meta-info{border-top:1px dashed #e5e7eb;padding-top:1rem;font-size:.85rem}.meta-row{display:flex;justify-content:space-between;color:#6b7280;margin-bottom:.25rem}.meta-row.executive{color:#f97316;font-weight:500}.card-footer{padding:1rem 1.5rem 1.5rem;display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;border-top:1px solid #f3f4f6}.action-btn{padding:.5rem;border:none;border-radius:10px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.25rem;background:#f3f4f6;color:#4b5563}.action-btn:hover{transform:translateY(-2px)}.view-btn:hover{background:#3b82f6;color:#fff}.edit-btn:hover{background:#f97316;color:#fff}.empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:20px;box-shadow:0 4px 6px -1px #0000001a}.empty-title{font-size:1.5rem;color:#374151;margin-bottom:.5rem}.empty-message{color:#6b7280;margin-bottom:1.5rem}.empty-state-btn{background:linear-gradient(135deg,#f97316,#dc2626);color:#fff;border:none;padding:.75rem 2rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px -1px #f973164d}.empty-state-btn:hover{transform:translateY(-2px);box-shadow:0 6px 10px -1px #f9731666}.details-modal,.form-modal{background:#fff;border-radius:24px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;animation:modalSlideUp .3s ease-out}.form-modal{max-width:600px}.modal-title{font-size:1.5rem;font-weight:600;color:#111827;margin:0}.detail-avatar{width:100px;height:100px;border-radius:20px;background:linear-gradient(135deg,#f97316,#dc2626);display:flex;align-items:center;justify-content:center;color:#fff;font-size:2.5rem;font-weight:600;margin:0 auto 2rem;box-shadow:0 10px 15px -3px #f973164d}.detail-avatar img{width:100%;height:100%;border-radius:20px;object-fit:cover}.detail-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.detail-section{background:#f9fafb;padding:1.5rem;border-radius:16px}.detail-section.full-width{grid-column:1 / -1}.detail-section h4{font-size:1rem;font-weight:600;color:#111827;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb}.detail-row{display:flex;margin-bottom:.75rem;font-size:.95rem}.detail-row strong{width:120px;color:#4b5563;font-weight:500}.detail-row span{color:#111827;flex:1}.status-tag{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:500}.status-tag.active{background:#d1fae5;color:#065f46}.status-tag.inactive{background:#fee2e2;color:#991b1b}.gender-tag{text-transform:capitalize;background:#f3f4f6;padding:.25rem .75rem;border-radius:20px}.modal-footer{padding:1.5rem 2rem;border-top:1px solid #f3f4f6;display:flex;justify-content:flex-end}.pdf-download-btn{background:linear-gradient(135deg,#f97316,#dc2626);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.pdf-download-btn:hover{transform:translateY(-2px);box-shadow:0 6px 10px -1px #f9731666}.worker-form{padding:2rem}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151;font-size:.9rem}.form-input,.form-select{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:.95rem;transition:all .2s;background:#fff}.form-input:focus,.form-select:focus{outline:none;border-color:#f97316;box-shadow:0 0 0 3px #f973161a}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.form-actions button{min-width:120px}.submit-btn{background:linear-gradient(135deg,#f97316,#dc2626)}@media(max-width:1024px){.workers-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media(max-width:768px){.workers-dashboard{padding:1rem}.page-title{font-size:2rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.action-bar{flex-direction:column}.search-container{min-width:100%}.primary-btn{width:100%;justify-content:center}.card-footer{grid-template-columns:repeat(2,1fr)}.detail-info-grid{grid-template-columns:1fr;gap:1rem}.detail-row{flex-direction:column;gap:.25rem}.detail-row strong{width:100%}.form-row{grid-template-columns:1fr;gap:0}.form-actions{flex-direction:column}.form-actions button{width:100%}.modal-header{padding:1rem 1.5rem}.modal-body,.worker-form{padding:1.5rem}}@media(max-width:480px){.workers-dashboard{padding:.75rem}.page-title{font-size:1.5rem}.stats-grid{grid-template-columns:1fr;gap:.75rem}.stat-card{padding:1rem}.stat-icon{width:48px;height:48px;font-size:2rem}.stat-value{font-size:1.5rem}.worker-card{border-radius:16px}.card-header{padding:1rem}.worker-avatar{width:48px;height:48px;font-size:1.2rem}.worker-name{font-size:1rem}.card-body{padding:1rem}.info-grid{grid-template-columns:1fr;gap:.5rem}.card-footer{padding:1rem;grid-template-columns:repeat(2,1fr)}.action-btn{font-size:.75rem}.details-modal,.form-modal{width:95%}.detail-section{padding:1rem}.modal-footer{padding:1rem 1.5rem}.pdf-download-btn{width:100%;justify-content:center}}@media print{.action-bar,.stats-grid,.card-footer,.modal-footer,.primary-btn,.secondary-btn,.action-btn{display:none!important}.workers-grid{grid-template-columns:1fr}.worker-card{break-inside:avoid;box-shadow:none;border:1px solid #ddd}}.filter-tabs-container{margin-bottom:1.5rem}.filter-tabs{display:inline-flex;gap:.5rem;background:#fff;padding:.5rem;border-radius:40px;box-shadow:0 4px 10px #0000000d}.filter-tab{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border:none;background:transparent;border-radius:30px;font-weight:600;font-size:.9rem;color:#64748b;cursor:pointer;transition:all .2s ease}.filter-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 10px #667eea4d}.filter-count{background:#0000001a;padding:.2rem .5rem;border-radius:20px;font-size:.75rem;font-weight:500}.filter-tab.active .filter-count{background:#fff3}.table-container{background:#fff;border-radius:24px;padding:1.5rem;box-shadow:0 10px 30px -5px #0000001a;overflow-x:auto;margin-top:1.5rem;animation:fadeIn .5s ease-out}.table-container::-webkit-scrollbar{height:8px;background:#f1f5f9;border-radius:10px}.table-container::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:10px}.workers-table thead tr{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.workers-table th{padding:1rem;text-align:left;font-weight:600;color:#1e293b;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #e2e8f0;white-space:nowrap}.workers-table th:first-child{padding-left:1.5rem;border-top-left-radius:12px}.workers-table th:last-child{padding-right:1.5rem;border-top-right-radius:12px}.workers-table td{padding:1rem;border-bottom:1px solid #f1f5f9;color:#475569;vertical-align:middle}.workers-table td:first-child{padding-left:1.5rem}.workers-table td:last-child{padding-right:1.5rem}.workers-table tbody tr{transition:all .2s ease}.workers-table tbody tr:hover{background:#f8fafc}.id-cell{font-weight:700;color:#667eea;font-size:.9rem}.worker-cell{min-width:200px}.worker-info{display:flex;align-items:center;gap:.8rem}.worker-avatar-small{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;font-weight:600;overflow:hidden;flex-shrink:0}.worker-avatar-small img{width:100%;height:100%;object-fit:cover}.worker-name-cell{font-weight:600;color:#1e293b;margin-bottom:.2rem}.worker-meta-cell{font-size:.75rem;color:#94a3b8}.contact-info{display:flex;flex-direction:column;gap:.2rem}.reference-small{font-size:.75rem;color:#94a3b8}.address-cell{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#64748b}.gender-badge-small{display:inline-block;padding:.3rem .8rem;background:#f1f5f9;border-radius:20px;font-size:.8rem;font-weight:500;color:#475569;text-transform:capitalize}.salary-cell{font-weight:600;color:#10b981}.executive-info{display:flex;flex-direction:column;gap:.2rem}.police-small{font-size:.75rem;color:#94a3b8}.status-badge{display:inline-block;padding:.4rem 1rem;border-radius:30px;font-size:.8rem;font-weight:600;text-align:center;min-width:80px}.status-badge.active{background:#10b98120;color:#059669}.status-badge.inactive{background:#f59e0b20;color:#d97706}.action-buttons{display:flex;gap:.3rem;flex-wrap:nowrap}.action-btn{width:32px;height:32px;border:none;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.view-btn:hover{background:#3b82f6;color:#fff;border-color:#2563eb}.edit-btn:hover{background:#f97316;color:#fff;border-color:#ea580c}.delete-btn:hover{background:#ef4444;color:#fff;border-color:#dc2626}@media(max-width:768px){.filter-tabs{width:100%;justify-content:center}.filter-tab{flex:1;justify-content:center}.table-container{padding:1rem}.workers-table{min-width:1000px}.worker-info{gap:.5rem}.worker-avatar-small{width:35px;height:35px;font-size:1rem}.action-buttons{gap:.2rem}.action-btn{width:30px;height:30px}}@media(max-width:480px){.filter-tab{padding:.5rem;font-size:.8rem}.table-container{padding:.8rem}.workers-table th{padding:.8rem;font-size:.75rem}.workers-table td{padding:.8rem;font-size:.85rem}.worker-name-cell{font-size:.85rem}.worker-meta-cell{font-size:.7rem}.status-badge{padding:.3rem .8rem;font-size:.7rem;min-width:70px}}.form-modal1{width:900px;max-width:95%;background:#f2f2f2;padding:30px;border-radius:6px;max-height:95vh;overflow-y:auto}.form-header1{text-align:center;margin-bottom:20px}.form-header1 h2{font-weight:700;text-decoration:underline}.form-top-info1{display:flex;justify-content:space-between;align-items:flex-start;gap:40px}.worker-photo1 img{width:120px;height:140px;object-fit:cover;border:2px solid #000}.photo-placeholder1{width:120px;height:140px;border:2px solid #000;display:flex;align-items:center;justify-content:center;font-size:40px;background:#ddd}.section-heading1{margin-top:25px;margin-bottom:10px;font-weight:700}.form-table1{width:100%;border-collapse:collapse;background:#fff}.form-table1 td{border:1px solid #000;padding:6px 10px}.form-table1 td:first-child,.form-table1 td:nth-child(3){font-weight:600;background:#f5f5f5;width:20%}.highlight-row1{background-color:#fff3a3}.form-footer1{margin-top:20px;text-align:right}.form-footer1 button{margin-left:10px;padding:6px 14px;cursor:pointer}.sortable-header{position:relative}.header-content{display:flex;align-items:center;gap:3px}.sort-icons{display:flex;flex-direction:column;line-height:10px}.sort-icons svg{font-size:16px;cursor:pointer;color:#bbb;transition:.2s ease}.sort-icons svg:hover{color:#6366f1}.sort-icons .active{color:#4f46e5}.form-select{width:100%;padding:10px 14px;border:2px solid #2b6ef2;border-radius:8px;background:#f9fbff;font-size:14px;outline:none;transition:.3s}.form-select:focus{border-color:#1d4ed8;box-shadow:0 0 0 3px #2563eb33}.contact-overlay{position:fixed;inset:0;background:#0000008c;display:flex;justify-content:center;align-items:center;z-index:1000}.contact-modal{background:#fff;width:750px;max-width:95%;border-radius:12px;padding:25px;box-shadow:0 10px 30px #00000026;animation:fadeIn .25s ease-in-out}.contact-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.contact-title{font-size:20px;font-weight:600}.contact-close-btn{background:#fdfcfc;color:#545454;border:none;font-size:20px;cursor:pointer}.contact-card{background:#f9fafc;padding:20px;border-radius:10px;margin-bottom:15px;border:1px solid #e5e7eb}.contact-input-group label{font-size:13px;font-weight:500;margin-bottom:5px;display:block}.contact-input{width:100%;padding:8px 10px;border-radius:6px;border:1px solid #d1d5db;font-size:14px}.contact-action-buttons{margin-top:15px;display:flex;gap:10px}.contact-add-btn{background:linear-gradient(135deg,#4f46e5,#3b82f6);color:#fff;border:none;padding:6px 14px;border-radius:6px;cursor:pointer}.contact-remove-btn{background:#dc2626;color:#fff;border:none;padding:6px 14px;border-radius:6px;cursor:pointer}.contact-save-btn{background:#16a34a;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:15px;cursor:pointer}.contact-footer{margin-top:20px;text-align:right}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.contact-card{background:#fff;padding:18px;margin-bottom:18px;border-radius:12px;box-shadow:0 4px 12px #0000000d;border:1px solid #eee}.contact-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.contact-field{display:flex;flex-direction:column}.contact-label{font-size:13px;font-weight:500;margin-bottom:6px;color:#555}.contact-input{padding:8px 10px;border-radius:6px;border:1px solid #ddd;font-size:14px;transition:all .2s ease}.contact-input:focus{border-color:#007bff;outline:none;box-shadow:0 0 4px #007bff4d}.contact-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}.add-contact-btn{background:#28a745;color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:5px;transition:.2s}.add-contact-btn:hover{background:#218838}.remove-contact-btn{background:#dc3545;color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:13px;cursor:pointer;transition:.2s}.remove-contact-btn:hover{background:#c82333}.dropdown-list{position:absolute;background:#fff;border:1px solid #ccc;width:100%;max-height:200px;overflow-y:auto;z-index:1000;list-style:none;padding:0;margin:0}.dropdown-list li{padding:10px;cursor:pointer}.dropdown-list li:hover{background:#f1f1f1}.payment-dashboard{max-width:1400px;margin:0 auto;padding:2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#f8fafc;min-height:100vh}.payment-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem}.payment-stat-card{background:#fff;border-radius:20px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:.3s ease;box-shadow:0 6px 15px #0000000d}.payment-stat-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #00000014}.payment-stat-icon{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:26px;color:#fff}.payment-stat-card.revenue .payment-stat-icon{background:linear-gradient(135deg,#16a34a,#22c55e);padding:.9rem}.payment-stat-card.completed .payment-stat-icon{background:linear-gradient(135deg,#2563eb,#3b82f6)}.payment-stat-card.pending .payment-stat-icon{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.payment-stat-card.failed .payment-stat-icon{background:linear-gradient(135deg,#dc2626,#ef4444)}.payment-stat-value{font-size:1.8rem;font-weight:700;color:#111827}.payment-stat-label{font-size:.85rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.form-container{background:#fff;border-radius:24px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 6px -1px #0000001a}.section-title{font-size:1.3rem;font-weight:600;color:#111827;margin:0 0 1.5rem;display:flex;align-items:center;gap:.5rem}.payment-form{display:flex;flex-direction:column;gap:1rem}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.form-group{display:flex;flex-direction:column}.form-group label{font-size:.9rem;font-weight:500;color:#374151;margin-bottom:.5rem}.form-input,.form-select{padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:.95rem;transition:all .2s;background:#fff}.form-input:focus,.form-select:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.submit-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s;width:100%}.submit-btn svg{fill:#fff}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 10px -1px #10b98166}.list-container{background:#fff;border-radius:24px;padding:2rem;box-shadow:0 4px 6px -1px #0000001a}.list-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem}.search-container{position:relative;min-width:300px}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);fill:#9ca3af}.search-input{width:100%;padding:.75rem 1rem .75rem 3rem;border:2px solid #e5e7eb;border-radius:12px;font-size:.95rem;transition:all .2s}.search-input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem}.spinner-ring{position:absolute;width:100%;height:100%;border:4px solid transparent;border-top-color:#10b981;border-radius:50%;animation:spin 1s linear infinite}.spinner-ring:nth-child(2){border-top-color:#059669;animation-delay:-.5s}.table-container{overflow-x:auto;border-radius:16px}.payments-table{width:100%;border-collapse:collapse;min-width:800px}.payments-table thead{background:#f9fafb}.payments-table th{padding:1rem 1.5rem;text-align:left;font-weight:600;color:#4b5563;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #e5e7eb}.payments-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .2s}.payments-table tbody tr:hover{background:#f9fafb}.payments-table td{padding:1rem 1.5rem;color:#1f2937;font-size:.95rem}.id-cell{font-weight:600;color:#10b981}.client-id-cell .client-id-badge{background:#ecfdf5;color:#059669;padding:.25rem .75rem;border-radius:20px;font-weight:500}.amount-cell{font-weight:600;color:#059669}.method-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase}.method-badge.upi{background:#e0e7ff;color:#4338ca}.method-badge.cash{background:#ecfdf5;color:#059669}.method-badge.card{background:#fef3c7;color:#b45309}.method-badge.bank{background:#f3e8ff;color:#6b21a8}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:500}.status-badge.success{background:#d1fae5;color:#065f46}.status-badge.warning{background:#fed7aa;color:#92400e}.status-badge.danger{background:#fee2e2;color:#991b1b}.edit-btn{width:36px;height:36px;border:none;border-radius:10px;background:#f3f4f6;color:#4b5563;cursor:pointer;transition:all .2s;font-size:1rem}.edit-btn:hover{background:#10b981;color:#fff;transform:scale(1.1)}.empty-state p{color:#6b7280}.edit-modal{background:#fff;border-radius:24px;width:90%;max-width:450px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;animation:modalSlideUp .3s ease-out}.modal-header{padding:1.5rem 2rem;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;align-items:center}.modal-header h3{font-size:1.3rem;font-weight:600;color:#111827;margin:0}.payment-details{background:#f9fafb;padding:1.5rem;border-radius:16px;margin-bottom:1.5rem}.detail-item{display:flex;align-items:center;margin-bottom:.75rem}.detail-item:last-child{margin-bottom:0}.detail-label{width:120px;font-weight:500;color:#6b7280}.detail-value{color:#111827;font-weight:500}.detail-value.amount{color:#059669;font-weight:600}.modal-footer{padding:1.5rem 2rem;border-top:1px solid #f3f4f6;display:flex;gap:1rem;justify-content:flex-end}@media(max-width:768px){.payment-dashboard{padding:1rem}.page-title{font-size:2rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}.list-header{flex-direction:column;align-items:stretch}.search-container{min-width:100%}.modal-footer{flex-direction:column}.modal-footer button{width:100%}}@media(max-width:480px){.payment-dashboard{padding:.75rem}.page-title{font-size:1.5rem}.stats-grid{grid-template-columns:1fr;gap:.75rem}.stat-card{padding:1rem}.stat-icon{width:48px;height:48px;font-size:2rem}.stat-value{font-size:1.3rem}.form-container,.list-container{padding:1rem}.section-title{font-size:1.1rem}.payments-table td,.payments-table th{padding:.75rem 1rem}.edit-modal{width:95%}.modal-header,.modal-body,.modal-footer{padding:1rem}.detail-item{flex-direction:column;align-items:flex-start;gap:.25rem}.detail-label{width:100%}}.action-bar{margin:20px 0;display:flex;justify-content:flex-start}.create-payment-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.create-payment-btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.create-payment-btn.active{background:linear-gradient(135deg,#f56565,#c53030)}.create-payment-btn svg{fill:currentColor}.slide-down{animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.form-container{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 4px #0000001a;border:1px solid #e2e8f0}.edit-payment-body{padding:20px;display:flex;flex-direction:column;gap:20px}.edit-client-card{background:linear-gradient(135deg,#f8f9fa,#eef2f7);padding:15px 18px;border-radius:12px;border:1px solid #e2e8f0}.edit-client-label{font-size:13px;color:#64748b;margin-bottom:4px}.edit-client-value{font-size:16px;font-weight:600;color:#1e293b}.edit-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.full-width{grid-column:span 2}.edit-field{display:flex;flex-direction:column}.edit-label{font-size:13px;font-weight:500;margin-bottom:6px;color:#475569}.edit-input,.edit-select{padding:10px 12px;border-radius:8px;border:1px solid #cbd5e1;font-size:14px;transition:all .2s ease;background:#fff}.edit-input:focus,.edit-select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}@media(max-width:768px){.edit-form-grid{grid-template-columns:1fr}.full-width{grid-column:span 1}}.service-dashboard{max-width:1240px;margin:0 auto;padding:2rem;font-family:Inter,sans-serif;background:linear-gradient(135deg,#667eea0a,#764ba20a);min-height:100vh}.notification-toast{position:fixed;top:2rem;right:2rem;z-index:9999;animation:slideInRight .4s cubic-bezier(.68,-.55,.265,1.55)}@keyframes slideInRight{0%{transform:translate(100%) scale(.8);opacity:0}to{transform:translate(0) scale(1);opacity:1}}.notification-content{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:#fff;border-radius:16px;box-shadow:0 20px 40px -12px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.notification-toast.success .notification-content{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.notification-toast.error .notification-content{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.notification-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#fff3;font-size:16px;font-weight:700}.notification-message{font-size:.95rem;font-weight:500}.dashboard-header{margin-bottom:2.5rem;position:relative;padding-left:1.5rem}.dashboard-header:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:60px;border-radius:10px;box-shadow:0 10px 20px -5px #667eea80}.page-title{font-size:3rem;font-weight:800;margin:0 0 .5rem;color:#1e293b;letter-spacing:-.02em}.title-accent{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block}.page-subtitle{font-size:1.1rem;color:#64748b;margin:0;display:flex;align-items:center;gap:.5rem}.page-subtitle:before{content:"📋";font-size:1.3rem;background:linear-gradient(135deg,#667eea20,#764ba220);padding:.5rem;border-radius:12px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-bottom:2.5rem}.stat-card{background:#fff;border-radius:24px;padding:1.8rem 1.5rem;display:flex;align-items:center;gap:1.2rem;box-shadow:0 10px 30px -5px #0000001a;transition:all .3s ease;border:1px solid rgba(255,255,255,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0);transition:transform .3s ease}.stat-card:hover:before{transform:scaleX(1)}.stat-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px -10px #667eea4d}.stat-icon{font-size:2.5rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);width:70px;height:70px;border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 20px -5px #0000001a;transition:all .3s ease}.stat-card:hover .stat-icon{transform:scale(1.1) rotate(5deg);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stat-value{font-size:2.2rem;font-weight:700;color:#1e293b;line-height:1.2;margin-bottom:.2rem}.stat-label{font-size:.9rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.action-bar{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center;margin-bottom:2.5rem;background:#fff;padding:1.2rem 1.8rem;border-radius:60px;box-shadow:0 10px 30px -10px #0000001a}.search-container{flex:1;min-width:300px;position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:1.2rem;fill:#94a3b8;pointer-events:none;transition:fill .2s ease}.search-container:focus-within .search-icon{fill:#667eea}.search-input{width:100%;padding:1rem 1.2rem 1rem 3.2rem;border:2px solid #e2e8f0;border-radius:40px;font-size:.95rem;transition:all .2s;background:#f8fafc;font-family:Inter,sans-serif}.search-input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 4px #667eea1a}.search-input::placeholder{color:#94a3b8;font-weight:400}.clear-search{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#94a3b8;cursor:pointer;padding:.25rem;font-size:1.2rem;border-radius:50%;transition:all .2s;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.clear-search:hover{background:#f1f5f9;color:#475569}.primary-btn1{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2rem;border-radius:40px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 20px -5px #667eea66;display:flex;align-items:center;gap:.5rem;font-family:Inter,sans-serif}.primary-btn1 svg{fill:#fff;transition:transform .3s ease}.primary-btn1:hover{transform:translateY(-2px);box-shadow:0 15px 30px -5px #667eea99}.primary-btn1:hover svg{transform:rotate(90deg)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 2rem;background:#fff;border-radius:32px;box-shadow:0 10px 30px -5px #0000001a}.spinner{position:relative;width:80px;height:80px}.spinner-ring{position:absolute;width:100%;height:100%;border:4px solid transparent;border-radius:50%;animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite}.spinner-ring:nth-child(1){border-top-color:#667eea;animation-delay:-.45s}.spinner-ring:nth-child(2){border-right-color:#764ba2;animation-delay:-.3s}.spinner-ring:nth-child(3){border-bottom-color:#f97316;animation-delay:-.15s}.loading-container p{margin-top:1.5rem;color:#64748b;font-size:1.1rem;font-weight:500;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.table-container{background:#fff;border-radius:32px;padding:1.5rem;box-shadow:0 20px 40px -10px #00000026;overflow-x:auto;animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.contracts-table thead tr{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:20px}.contracts-table th{padding:1.2rem 1rem;text-align:left;font-weight:600;color:#1e293b;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #e2e8f0;position:relative}.contracts-table th:first-child{padding-left:1.5rem;border-top-left-radius:20px}.contracts-table th:last-child{padding-right:1.5rem;border-top-right-radius:20px}.contracts-table td{padding:1.2rem 1rem;border-bottom:1px solid #f1f5f9;color:#475569;vertical-align:middle}.contracts-table td:first-child{padding-left:1.5rem}.contracts-table td:last-child{padding-right:1.5rem}.contracts-table tbody tr{transition:all .3s ease}.contracts-table tbody tr:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);transform:scale(1.01);box-shadow:0 10px 20px -8px #0000001a}.id-cell{font-weight:700;color:#667eea;font-size:1rem}.worker-badge,.client-badge{display:inline-block;padding:.4rem .8rem;background:linear-gradient(135deg,#667eea20,#764ba220);border-radius:20px;font-weight:600;color:#667eea;margin-right:.5rem;font-size:.85rem;border:1px solid #667eea40}.client-badge+span{font-weight:500;color:#475569}.time-badge{display:inline-block;padding:.4rem 1rem;background:linear-gradient(135deg,#f9731620,#dc262620);border-radius:20px;font-weight:600;color:#f97316;font-size:.85rem;border:1px solid #f9731640}.amount-cell{font-weight:700;color:#10b981;font-size:1rem}.status-badge{display:inline-block;padding:.5rem 1.2rem;border-radius:30px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border:2px solid transparent;box-shadow:0 4px 10px -2px #0000001a}.status-badge.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.status-badge.inactive{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.action-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.action-btn{width:38px;height:38px;border:none;border-radius:12px;font-size:1.1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;background:#f8fafc;border:2px solid #e2e8f0}.action-btn:hover{transform:translateY(-3px);box-shadow:0 10px 20px -8px #0003}.pdf-btn:hover{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:#dc2626}.edit-status-btn:hover{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border-color:#ea580c}.delete-btn:hover{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:#dc2626}.empty-state{text-align:center;padding:5rem 2rem;background:#fff;border-radius:32px;box-shadow:0 20px 40px -10px #0000001a;animation:fadeIn .5s ease-out}.empty-icon{font-size:5rem;margin-bottom:1.5rem;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);width:140px;height:140px;border-radius:70px;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;box-shadow:0 20px 40px -10px #0000001a;border:4px solid white}.empty-state h3{font-size:2rem;color:#1e293b;margin-bottom:1rem;font-weight:700}.empty-state p{color:#64748b;margin-bottom:2.5rem;font-size:1.1rem}.empty-state-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1.2rem 3rem;border-radius:50px;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 15px 30px -5px #667eea80;display:inline-flex;align-items:center;gap:.8rem;border:2px solid white}.empty-state-btn:hover{transform:translateY(-5px);box-shadow:0 20px 40px -5px #667eeab3}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.5rem;animation:fadeIn .3s ease-out}.contract-modal,.status-modal,.modal-box{background:#fff;border-radius:40px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 50px 70px -20px #0006;animation:modalScale .5s cubic-bezier(.68,-.55,.265,1.55);border:1px solid rgba(255,255,255,.2)}.status-modal,.modal-box{max-width:500px}@keyframes modalScale{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{padding:2rem 2.5rem;border-bottom:2px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:#fff;z-index:10;border-radius:40px 40px 0 0}.modal-title{font-size:1.8rem;font-weight:700;color:#1e293b;margin:0;display:flex;align-items:center;gap:.5rem}.title-icon{background:linear-gradient(135deg,#667eea20,#764ba220);padding:.5rem;border-radius:12px}.modal-close{background:none;border:none;font-size:2rem;cursor:pointer;color:#94a3b8;transition:all .2s;width:50px;height:50px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:#f8fafc}.modal-close:hover{background:#fee2e2;color:#ef4444;transform:rotate(90deg)}.modal-body{padding:2.5rem}.contract-form{padding:2rem 2.5rem 2.5rem}.form-section{margin-bottom:2.5rem;padding:1.5rem;background:#f8fafc;border-radius:24px;border:1px solid #e2e8f0;transition:all .3s ease}.form-section:hover{border-color:#667eea;box-shadow:0 10px 20px -8px #667eea33}.section-subtitle{font-size:1.2rem;font-weight:600;color:#1e293b;margin:0 0 1.5rem;padding-bottom:.8rem;border-bottom:3px solid #667eea;display:inline-block}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:1.5rem}.form-group{margin-bottom:.8rem}.form-group.full-width{grid-column:1 / -1}.form-group label{display:block;margin-bottom:.7rem;font-weight:600;color:#1e293b;font-size:.95rem}.form-input,.form-select,.form-textarea{width:100%;padding:1rem 1.3rem;border:2px solid #e2e8f0;border-radius:22px;font-size:.95rem;transition:all .2s;background:#fff;font-family:Inter,sans-serif}.form-textarea{resize:vertical;min-height:100px}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.form-input::placeholder,.form-textarea::placeholder{color:#94a3b8}.contract-details{background:#f8fafc;padding:1.5rem;border-radius:24px;margin-bottom:2rem;border:1px solid #e2e8f0}.detail-item{display:flex;align-items:center;padding:.8rem 0;border-bottom:1px dashed #e2e8f0}.detail-item:last-child{border-bottom:none}.detail-label{width:120px;font-weight:600;color:#64748b;font-size:.95rem}.detail-value{flex:1;font-weight:500;color:#1e293b;font-size:1rem}.modal-footer{padding:2rem 2.5rem;border-top:2px solid #f1f5f9;display:flex;justify-content:flex-end;gap:1rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem;border-top:2px solid #f1f5f9}.secondary-btn{background:#fff;color:#475569;border:2px solid #e2e8f0;padding:1rem 2.5rem;border-radius:50px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;font-family:Inter,sans-serif}.secondary-btn:hover{background:#f1f5f9;border-color:#94a3b8;transform:translateY(-2px)}.submit-btn1{padding:1rem 3rem;background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;font-weight:600;font-size:1rem;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 20px -5px #667eea66;font-family:Inter,sans-serif;border:2px solid transparent}.submit-btn1:hover{transform:translateY(-3px);box-shadow:0 20px 30px -5px #667eea99;border-color:#fff}@media(max-width:1024px){.service-dashboard{padding:1.5rem}.page-title{font-size:2.6rem}}@media(max-width:768px){.service-dashboard{padding:1.2rem}.page-title{font-size:2.2rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.action-bar{flex-direction:column;border-radius:30px;padding:1.2rem}.search-container{min-width:100%}.primary-btn{width:100%;justify-content:center}.table-container{padding:1rem}.contracts-table{min-width:1000px}.form-row{grid-template-columns:1fr;gap:1rem}.modal-header{padding:1.5rem 2rem}.modal-body,.contract-form{padding:1.5rem}.modal-footer,.modal-actions{flex-direction:column}.modal-footer button,.modal-actions button{width:100%}}@media(max-width:480px){.service-dashboard{padding:1rem}.page-title{font-size:1.8rem}.stats-grid{grid-template-columns:1fr;gap:1rem}.stat-card{padding:1.2rem}.stat-icon{width:60px;height:60px;font-size:2rem}.stat-value{font-size:1.8rem}.action-buttons{flex-direction:column}.action-btn{width:100%;height:42px}.empty-icon{width:100px;height:100px;font-size:3rem}.empty-state h3{font-size:1.6rem}.modal-title{font-size:1.4rem}.form-section{padding:1rem}.detail-item{flex-direction:column;align-items:flex-start;gap:.3rem}.detail-label{width:100%}}.dropdown-list{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;max-height:200px;overflow-y:auto;z-index:1000}.dropdown-item{padding:10px;cursor:pointer}.dropdown-item:hover{background:#f3f3f3}.form-group{position:relative}.dropdown-list{list-style:none;padding:0;margin:0;border:1px solid #ddd;background:#fff;max-height:200px;overflow-y:auto;position:absolute;width:100%;z-index:9999}.dropdown-list li{padding:8px 10px;cursor:pointer}.dropdown-list li:hover{background:#f2f2f2}.status-badge.pending{background-color:orange;color:#fff}.switch{position:relative;display:inline-block;width:50px;height:26px}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:26px}.slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#2ecc71}.payment-modal{background:#fff;padding:25px;border-radius:8px;width:420px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center}.pdf-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999}.pdf-container{width:90%;height:90%;background:#fff;border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.pdf-header{padding:10px;background:#222;color:#fff;display:flex;justify-content:flex-end}.pdf-frame{flex:1;width:100%;border:none}.service-type-dashboard{max-width:1200px;margin:0 auto;padding:2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#f8fafc;min-height:100vh}.notification-toast{position:fixed;top:2rem;right:2rem;z-index:1100;animation:slideIn .3s ease-out}.notification-content{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:#fff;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a;border-left:4px solid}.notification-toast.success .notification-content{border-left-color:#10b981}.notification-toast.error .notification-content{border-left-color:#ef4444}.notification-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;color:#fff;font-size:14px;font-weight:700}.notification-toast.success .notification-icon{background:#10b981}.notification-toast.error .notification-icon{background:#ef4444}.notification-message{color:#1f2937;font-size:.95rem;font-weight:500}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.dashboard-header{margin-bottom:2.5rem;text-align:center}.page-title{font-size:2.5rem;font-weight:700;margin:0;color:#111827;letter-spacing:-.02em}.page-subtitle{font-size:1rem;color:#6b7280;margin-top:.5rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;border-radius:20px;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 4px 6px -1px #0000001a;transition:all .3s ease;border:1px solid rgba(0,0,0,.05)}.stat-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a}.stat-icon{font-size:2.5rem;width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center}.stat-details{display:flex;flex-direction:column}.stat-value{font-size:1.8rem;font-weight:700;color:#111827;line-height:1.2}.stat-label{font-size:.9rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.action-bar{margin-bottom:1.5rem}.clear-search{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:#9ca3af;cursor:pointer;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center}.clear-search:hover{background:#f3f4f6;color:#4b5563}.create-form-container{background:#fff;border-radius:24px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 6px -1px #0000001a}.create-form{width:100%}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.9rem;font-weight:500;color:#374151;margin-bottom:.5rem}.form-input-group{display:flex;gap:1rem;align-items:flex-start}.form-input{flex:1;padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:.95rem;transition:all .2s;background:#fff}.form-input:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.primary-btn{background:linear-gradient(170deg,#9b4dff,#6a2cf6 80%);color:#fff;border:none;padding:.875rem 1.75rem;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px -1px #9b4dff4d;display:flex;align-items:center;gap:.5rem}.primary-btn svg{fill:#fff}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 6px 10px -1px #f59e0b66}.secondary-btn{background:#fff;color:#4b5563;border:2px solid #e5e7eb;padding:.875rem 1.75rem;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s}.secondary-btn:hover{background:#f9fafb;border-color:#d1d5db}.create-btn{white-space:nowrap}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;background:#fff;border-radius:20px;box-shadow:0 4px 6px -1px #0000001a}.spinner{position:relative;width:60px;height:60px;margin-bottom:1rem}.spinner-ring{position:absolute;width:100%;height:100%;border:4px solid transparent;border-top-color:#f59e0b;border-radius:50%;animation:spin 1s linear infinite}.spinner-ring:nth-child(2){border-top-color:#d97706;animation-delay:-.5s}.table-container{background:#fff;border-radius:24px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a}.desktop-view{display:block}.service-type-table{width:100%;border-collapse:collapse}.service-type-table thead{background:#f9fafb}.service-type-table th{padding:1rem 1.5rem;text-align:left;font-weight:600;color:#4b5563;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #e5e7eb}.service-type-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .2s}.service-type-table tbody tr:hover{background:#f9fafb}.service-type-table td{padding:1rem 1.5rem;color:#1f2937;font-size:.95rem}.id-cell{font-weight:600;color:#f59e0b}.name-cell{font-weight:500}.actions-cell{display:flex;gap:.5rem}.action-btn{width:36px;height:36px;border:none;border-radius:10px;background:#f3f4f6;color:#4b5563;cursor:pointer;transition:all .2s;font-size:1rem;display:flex;align-items:center;justify-content:center}.action-btn:hover{transform:scale(1.1)}.edit-btn:hover{background:#f59e0b;color:#fff}.delete-btn:hover{background:#ef4444;color:#fff}.mobile-cards{display:none}.empty-state{text-align:center;padding:4rem 2rem}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state h3{font-size:1.3rem;color:#374151;margin-bottom:.5rem}.empty-state p{color:#6b7280;margin-bottom:1.5rem}.empty-state-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;padding:.75rem 2rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s}.empty-state-btn:hover{transform:translateY(-2px);box-shadow:0 6px 10px -1px #f59e0b66}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease-out}.edit-modal,.delete-modal{background:#fff;border-radius:24px;width:90%;max-width:450px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;animation:modalSlideUp .3s ease-out}.delete-modal{max-width:400px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:1.5rem 2rem;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:#fff;z-index:10;border-radius:24px 24px 0 0}.modal-header.delete{border-bottom-color:#fee2e2}.modal-title{font-size:1.3rem;font-weight:600;color:#111827;margin:0;display:flex;align-items:center;gap:.5rem}.title-icon{font-size:1.5rem}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#9ca3af;transition:all .2s;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#f3f4f6;color:#4b5563}.modal-body{padding:2rem}.id-display{background:#f3f4f6;padding:.75rem 1rem;border-radius:12px;font-weight:600;color:#f59e0b;border:2px solid #e5e7eb}.delete-icon{font-size:4rem;text-align:center;margin-bottom:1rem;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.delete-message{text-align:center;font-size:1.1rem;color:#374151;margin-bottom:.5rem}.delete-message strong{color:#111827}.delete-warning{text-align:center;font-size:.9rem;color:#ef4444;background:#fee2e2;padding:.75rem;border-radius:12px;margin-top:1rem}.modal-footer{padding:1.5rem 2rem;border-top:1px solid #f3f4f6;display:flex;gap:1rem;justify-content:flex-end;position:sticky;bottom:0;background:#fff;border-radius:0 0 24px 24px}.modal-footer .delete-btn{background:#ef4444;color:#fff;border:none;padding:.875rem 1.75rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s}.modal-footer .delete-btn:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 6px 10px -1px #ef444466}@media(max-width:1024px){.service-type-table{min-width:600px}.table-container{overflow-x:auto}}@media(max-width:768px){.service-type-dashboard{padding:1rem}.page-title{font-size:2rem}.stats-grid{grid-template-columns:1fr}.stat-card{padding:1rem}.stat-icon{width:48px;height:48px;font-size:2rem}.stat-value{font-size:1.3rem}.search-container{max-width:100%}.form-input-group{flex-direction:column}.create-btn{width:100%;justify-content:center}.create-form-container{padding:1.5rem}.desktop-view{display:none}.mobile-cards{display:block}.type-card{background:#fff;border-radius:16px;padding:1.25rem;margin-bottom:1rem;box-shadow:0 2px 4px #0000000d;border:1px solid #f3f4f6;transition:all .2s}.type-card:hover{box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-2px)}.card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #f3f4f6}.card-id{font-weight:700;color:#f59e0b;font-size:1rem;background:#fef3c7;padding:.25rem .75rem;border-radius:20px}.card-name{font-weight:600;color:#111827;font-size:1.1rem}.card-actions{display:flex;gap:.75rem}.card-action-btn{flex:1;padding:.75rem;border:none;border-radius:10px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.card-action-btn.edit-btn{background:#f59e0b;color:#fff}.card-action-btn.delete-btn{background:#ef4444;color:#fff}.card-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.modal-footer{flex-direction:column}.modal-footer button{width:100%}.edit-modal,.delete-modal{width:95%}.modal-header,.modal-body,.modal-footer{padding:1.5rem}}@media(max-width:480px){.service-type-dashboard{padding:.75rem}.page-title{font-size:1.5rem}.stat-card{padding:.875rem}.stat-icon{width:44px;height:44px;font-size:1.75rem}.stat-value{font-size:1.2rem}.stat-label{font-size:.8rem}.search-input{padding:.75rem 1rem .75rem 2.75rem;font-size:.9rem}.card-header{flex-direction:column;align-items:flex-start;gap:.5rem}.card-actions{flex-direction:column}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width:480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.supervisor-container{padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.supervisor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding:0 10px}.supervisor-title{color:#333;font-size:24px;margin:0}.supervisor-add-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background-color:#4caf50;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:500;transition:background-color .3s ease}.supervisor-add-btn:hover{background-color:#45a049}.supervisor-table-wrapper{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;overflow-x:auto}.supervisor-table{width:100%;border-collapse:collapse;min-width:600px}.supervisor-table td{padding:12px 15px;border-bottom:1px solid #e0e0e0;color:#555}.supervisor-table tbody tr:hover{background-color:#f9f9f9}.supervisor-actions{display:flex;gap:8px}.supervisor-action-btn{padding:8px 12px;border:none;border-radius:4px;cursor:pointer;font-size:16px;display:inline-flex;align-items:center;justify-content:center;transition:background-color .3s ease}.supervisor-empty-message{text-align:center;padding:30px;color:#999;font-style:italic}.supervisor-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:supervisorFadeIn .3s ease}@keyframes supervisorFadeIn{0%{opacity:0}to{opacity:1}}.supervisor-modal{background-color:#fff;padding:30px;border-radius:12px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 30px #0003;animation:supervisorSlideIn .3s ease}@keyframes supervisorSlideIn{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.supervisor-form-modal{max-width:450px}.supervisor-view-modal{max-width:400px}.supervisor-modal-title{margin:0 0 25px;color:#333;font-size:20px;font-weight:600;border-bottom:2px solid #4CAF50;padding-bottom:10px}.supervisor-form-group{margin-bottom:20px}.supervisor-form-label{display:block;margin-bottom:8px;font-weight:500;color:#555;font-size:14px}.supervisor-form-input{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .3s ease;box-sizing:border-box}.supervisor-form-input:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 2px #4caf501a}.supervisor-form-input::placeholder{color:#aaa}.supervisor-modal-actions{display:flex;gap:12px;margin-top:25px}.supervisor-submit-btn{flex:2;padding:12px;background-color:#4caf50;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:500;transition:background-color .3s ease}.supervisor-submit-btn:hover{background-color:#45a049}.supervisor-cancel-btn{flex:1;padding:12px;background-color:#f44336;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:500;transition:background-color .3s ease}.supervisor-cancel-btn:hover{background-color:#da190b}.supervisor-close-btn{width:100%;padding:12px;background-color:#2196f3;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:500;margin-top:20px;transition:background-color .3s ease}.supervisor-close-btn:hover{background-color:#0b7dda}.supervisor-detail-row{margin-bottom:15px;padding:12px;background-color:#f8f9fa;border-radius:6px;display:flex;align-items:center}.supervisor-detail-label{font-weight:600;color:#555;width:80px;font-size:14px}.supervisor-detail-value{color:#333;font-size:15px;flex:1}@media(max-width:768px){.supervisor-header{flex-direction:column;gap:15px;align-items:stretch}.supervisor-add-btn{justify-content:center}.supervisor-modal{padding:20px;width:95%}.supervisor-actions{flex-wrap:wrap}.supervisor-detail-row{flex-direction:column;align-items:flex-start;gap:5px}.supervisor-detail-label{width:100%}}.supervisor-loading{text-align:center;padding:40px;color:#666;font-size:16px}.supervisor-error{text-align:center;padding:40px;color:#f44336;font-size:16px}.Toastify__toast-container{z-index:9999}.Toastify__toast{border-radius:8px;font-family:inherit;font-size:14px}.Toastify__toast--success{background:linear-gradient(135deg,#4caf50,#45a049)}.Toastify__toast--error{background:linear-gradient(135deg,#f44336,#da190b)}.Toastify__toast--info{background:linear-gradient(135deg,#2196f3,#0b7dda)}.Toastify__toast--warning{background:linear-gradient(135deg,#ff9800,#e68900)}.Toastify__progress-bar{height:4px}.Toastify__close-button{color:#fff;opacity:.8}.Toastify__close-button:hover{opacity:1}:root{--primary: #2563eb;--primary-dark: #1d4ed8;--primary-light: #60a5fa;--primary-soft: #eef2ff;--secondary: #10b981;--dark: #0f172a;--gray-800: #1e293b;--gray-700: #334155;--gray-600: #475569;--gray-500: #64748b;--gray-400: #94a3b8;--gray-300: #cbd5e1;--gray-200: #e2e8f0;--gray-100: #f1f5f9;--gray-50: #f8fafc;--white: #ffffff;--error: #ef4444;--success: #22c55e;--warning: #f59e0b;--border-radius-xl: 32px;--border-radius-lg: 24px;--border-radius-md: 20px;--border-radius-sm: 14px;--border-radius-xs: 10px;--box-shadow: 0 10px 25px -5px rgba(0, 0, 0, .05);--box-shadow-hover: 0 20px 35px -8px rgba(37, 99, 235, .15);--transition: all .25s cubic-bezier(.4, 0, .2, 1)}.settings-container{max-width:1400px;margin:0 auto;padding:20px 13px;font-family:Inter,sans-serif;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.settings-header{margin-bottom:40px}.header-content h1{font-size:2.2rem;font-weight:700;color:var(--dark);margin-bottom:12px;display:flex;align-items:center;gap:12px;letter-spacing:-.5px}.header-content h1 i{color:var(--primary);font-size:2rem;background:var(--primary-soft);padding:12px;border-radius:18px}.subtitle{color:var(--gray-600);font-size:1.1rem;line-height:1.6;margin-left:8px}.settings-nav{display:flex;gap:12px;margin-bottom:32px;padding:8px;background:var(--gray-100);border-radius:60px;flex-wrap:wrap}.nav-tab{display:flex;align-items:center;gap:12px;padding:14px 24px;background:transparent;border:none;border-radius:50px;font-size:1rem;font-weight:600;color:var(--gray-600);cursor:pointer;transition:var(--transition);flex:0 1 auto}.nav-tab i{font-size:1.1rem}.nav-tab:hover{color:var(--primary);background:var(--white)}.nav-tab.active{background:var(--white);color:var(--primary);box-shadow:0 4px 12px #0000000d}.settings-panel{background:var(--white);border-radius:var(--border-radius-lg);padding:32px;box-shadow:var(--box-shadow);border:1px solid var(--gray-200);transition:var(--transition)}.settings-panel:hover{box-shadow:var(--box-shadow-hover);border-color:var(--gray-300)}.panel-header{margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid var(--gray-100)}.panel-header h2{font-size:1.6rem;font-weight:700;color:var(--dark);margin-bottom:8px;display:flex;align-items:center;gap:12px}.panel-header h2 i{color:var(--primary);font-size:1.5rem}.panel-header p{color:var(--gray-600);font-size:.95rem;margin-left:44px}.profile-section{background:var(--gray-50);border-radius:var(--border-radius-md);padding:24px;margin-bottom:32px}.profile-image-container{display:flex;align-items:center;gap:32px;flex-wrap:wrap}.profile-image{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,var(--primary-soft),var(--gray-100));display:flex;align-items:center;justify-content:center;overflow:hidden;border:4px solid var(--white);box-shadow:0 8px 20px #00000014}.profile-image img{width:100%;height:100%;object-fit:cover}.default-avatar i{font-size:5rem;color:var(--gray-400)}.profile-upload{flex:1}.username-badge{display:inline-flex;align-items:center;gap:8px;background:var(--white);padding:10px 20px;border-radius:40px;border:1px solid var(--gray-200);margin-bottom:16px;box-shadow:0 2px 6px #00000005}.username-badge i{color:var(--primary)}.username-badge span{font-weight:600;color:var(--gray-800)}.file-upload{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.file-label{background:var(--white);padding:10px 24px;border-radius:40px;font-weight:600;font-size:.9rem;display:flex;align-items:center;gap:10px;cursor:pointer;transition:var(--transition)}.file-label:hover{background:linear-gradient(135deg,#9b4dff,#6a2cf6);color:var(--white);transform:translateY(-2px);box-shadow:0 8px 16px #2563eb33}.file-name{color:var(--gray-600);font-size:.9rem}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:32px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group.full-width{grid-column:span 2}.form-group label{font-size:.9rem;font-weight:600;color:var(--gray-700);display:flex;align-items:center;gap:8px}.form-group label i{color:var(--primary);width:20px}.form-input{padding:14px 18px;border:2px solid var(--gray-200);border-radius:var(--border-radius-sm);font-size:.95rem;transition:var(--transition);background:var(--white);color:var(--gray-800);font-weight:500;width:100%}.form-input:hover{border-color:var(--gray-400)}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}.phone-input-group{display:flex;align-items:center;background:var(--white);border:2px solid var(--gray-200);border-radius:var(--border-radius-sm);transition:var(--transition)}.phone-input-group:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}.country-code{padding:14px 12px 14px 18px;background:var(--gray-100);border-radius:12px 0 0 12px;font-weight:600;color:var(--gray-700);border-right:2px solid var(--gray-200)}.phone-input{border:none!important;background:transparent!important;padding-left:12px!important;box-shadow:none!important}.password-field{position:relative;display:flex;align-items:center}.password-field .form-input{padding-right:50px;width:100%}.password-toggle{position:absolute;right:4px;background:transparent;border:none;padding:12px;color:var(--gray-500);cursor:pointer;border-radius:12px;transition:var(--transition)}.password-toggle:hover{color:var(--primary);background:var(--primary-soft)}.password-strength{margin-top:8px;display:flex;align-items:center;justify-content:space-between}.strength-bar{display:flex;gap:6px;flex:1;max-width:150px}.bar{height:6px;width:30px;background:var(--gray-200);border-radius:10px;transition:var(--transition)}.bar.active{background:linear-gradient(to right,var(--warning),var(--success))}.strength-text{font-size:.8rem;color:var(--gray-600);font-weight:500}.form-actions{display:flex;gap:16px;padding-top:16px;border-top:2px solid var(--gray-100)}.btn{padding:14px 28px;border-radius:50px;font-weight:700;font-size:.95rem;display:flex;align-items:center;gap:12px;cursor:pointer;transition:var(--transition);border:none;border:2px solid transparent}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white);box-shadow:0 8px 16px #2563eb33}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 24px #2563eb4d}.btn-secondary{background:var(--white);color:var(--gray-700);border:2px solid var(--gray-200)}.btn-secondary:hover{background:var(--gray-100);border-color:var(--gray-400)}.security-tip{margin-top:24px;padding:16px 20px;background:var(--primary-soft);border-radius:var(--border-radius-sm);display:flex;align-items:center;gap:12px;color:var(--primary-dark);font-size:.9rem;font-weight:500;border:1px solid var(--primary-light)}.security-tip i{font-size:1.2rem}.notifications-list{display:flex;flex-direction:column;gap:20px}.notification-item{display:flex;align-items:center;justify-content:space-between;padding:20px;background:var(--gray-50);border-radius:var(--border-radius-md);transition:var(--transition)}.notification-item:hover{background:var(--white);box-shadow:0 8px 16px #0000000a;transform:translate(4px)}.notification-info{display:flex;align-items:center;gap:16px}.notification-info i{font-size:1.5rem;color:var(--primary);background:var(--white);padding:12px;border-radius:16px}.notification-info h4{font-size:1rem;font-weight:700;color:var(--gray-800);margin-bottom:4px}.notification-info p{font-size:.85rem;color:var(--gray-600)}.switch{position:relative;display:inline-block;width:52px;height:28px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--gray-300);transition:var(--transition);border-radius:34px}.slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;transition:var(--transition);border-radius:50%}input:checked+.slider{background-color:var(--primary)}input:checked+.slider:before{transform:translate(24px)}.messaging-settings{display:flex;flex-direction:column;gap:20px}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:20px;background:var(--gray-50);border-radius:var(--border-radius-md)}.setting-info h4{font-size:1rem;font-weight:700;color:var(--gray-800);margin-bottom:4px}.setting-info p{font-size:.85rem;color:var(--gray-600)}@media(max-width:1024px){.settings-container{padding:24px 20px}.header-content h1{font-size:1.8rem}.settings-nav{padding:6px}.nav-tab{padding:12px 20px;font-size:.95rem}}@media(max-width:768px){.settings-container{padding:20px 16px}.header-content h1{font-size:1.6rem}.subtitle{font-size:.95rem}.settings-nav{flex-direction:column;background:transparent;gap:8px}.nav-tab{width:100%;justify-content:center;background:var(--gray-100)}.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}.profile-image-container{flex-direction:column;text-align:center}.profile-upload{width:100%}.file-upload{justify-content:center}.settings-panel{padding:24px 20px}.panel-header h2{font-size:1.4rem}.form-actions{flex-direction:column}.btn{width:100%;justify-content:center}}@media(max-width:640px){.settings-panel{padding:20px 16px;border-radius:20px}.header-content h1{font-size:1.4rem}.header-content h1 i{font-size:1.5rem;padding:10px}.notification-item,.setting-row{flex-direction:column;align-items:flex-start;gap:16px}.notification-info,.setting-info{width:100%}.switch{align-self:flex-end}}@media(max-width:480px){.settings-container{padding:16px 12px}.header-content h1{font-size:1.3rem;flex-wrap:wrap}.profile-image{width:80px;height:80px}.default-avatar i{font-size:4rem}.file-upload{flex-direction:column;align-items:stretch}.file-label{justify-content:center}.file-name{text-align:center}.password-strength{flex-direction:column;align-items:flex-start;gap:8px}.strength-bar{max-width:100%}.bar{flex:1}.security-tip{flex-direction:column;text-align:center}}@media(max-width:360px){.settings-panel{padding:16px 12px}.panel-header h2{font-size:1.2rem}.form-input{padding:12px 14px}.username-badge{width:100%;justify-content:center}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.settings-panel{animation:slideIn .4s ease}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--gray-600)}.btn.loading{opacity:.7;cursor:not-allowed}.btn.loading i{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-input:focus-visible,.btn:focus-visible,.nav-tab:focus-visible{outline:3px solid var(--primary-light);outline-offset:2px}.password-wrapper{position:relative;display:flex;align-items:center}.password-wrapper .form-input{width:100%;padding-right:40px}.toggle-password{position:absolute;right:10px;cursor:pointer;color:#666}.toggle-password:hover{color:#000}.bank-details-container{background:#f8f9fc;padding:20px;border-radius:10px;max-width:600px}.bank-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #eee}.bank-label{font-weight:600;color:#333}.bank-value{color:#555}.bank-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:30px}.bank-form-grid input{padding:10px;border-radius:6px;border:1px solid #ddd}.bank-table{width:100%;border-collapse:collapse;background:#fff}.bank-table th,.bank-table td{padding:12px;border:1px solid #eee;text-align:left}.bank-table th{background:#f5f6fa;font-weight:600}.action-buttons button{margin-right:5px;padding:5px 10px;border:none;border-radius:4px;cursor:pointer}.empty-state{text-align:center;padding:20px;color:#888}.bank-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:30px}.bank-form-grid input{width:100%;padding:12px 14px;border-radius:8px;border:1px solid #ddd;font-size:14px;transition:all .2s ease}.bank-form-grid input:focus{border-color:#4caf50;outline:none;box-shadow:0 0 0 2px #4caf5026}@media(max-width:1024px){.bank-form-grid{grid-template-columns:repeat(2,1fr)}.bank-form-grid button{grid-column:span 2}}@media(max-width:768px){.bank-form-grid{grid-template-columns:1fr}.bank-form-grid button{grid-column:span 1;width:100%}}.executive-container{padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.executive-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding:0 10px}.executive-title{color:#333;font-size:24px;margin:0}.executive-add-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background-color:#4caf50;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:500;transition:background-color .3s ease}.executive-add-btn:hover{background-color:#45a049}.executive-table-wrapper{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;overflow-x:auto}.executive-table{width:100%;border-collapse:collapse;min-width:600px}.executive-table td{padding:12px 15px;border-bottom:1px solid #e0e0e0;color:#555}.executive-table tbody tr:hover{background-color:#f9f9f9}.executive-actions{display:flex;gap:8px}.executive-action-btn{padding:8px 12px;border:none;border-radius:4px;cursor:pointer;font-size:16px;display:inline-flex;align-items:center;justify-content:center;transition:background-color .3s ease}.executive-empty-message{text-align:center;padding:30px;color:#999;font-style:italic}.executive-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:executiveFadeIn .3s ease}@keyframes executiveFadeIn{0%{opacity:0}to{opacity:1}}.executive-modal{background-color:#fff;padding:30px;border-radius:12px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 30px #0003;animation:executiveSlideIn .3s ease}@keyframes executiveSlideIn{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.executive-form-modal{max-width:450px}.executive-view-modal{max-width:400px}.executive-modal-title{margin:0 0 25px;color:#333;font-size:20px;font-weight:600;border-bottom:2px solid #4CAF50;padding-bottom:10px}.executive-form-group{margin-bottom:20px}.executive-form-label{display:block;margin-bottom:8px;font-weight:500;color:#555;font-size:14px}.executive-form-input{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .3s ease;box-sizing:border-box}.executive-form-input:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 2px #4caf501a}.executive-form-input::placeholder{color:#aaa}.executive-modal-actions{display:flex;gap:12px;margin-top:25px}.executive-submit-btn{flex:2;padding:12px;background-color:#4caf50;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:500;transition:background-color .3s ease}.executive-submit-btn:hover{background-color:#45a049}.executive-cancel-btn{flex:1;padding:12px;background-color:#f44336;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:500;transition:background-color .3s ease}.executive-cancel-btn:hover{background-color:#da190b}.executive-close-btn{width:100%;padding:12px;background-color:#2196f3;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:500;margin-top:20px;transition:background-color .3s ease}.executive-close-btn:hover{background-color:#0b7dda}.executive-detail-row{margin-bottom:15px;padding:12px;background-color:#f8f9fa;border-radius:6px;display:flex;align-items:center}.executive-detail-label{font-weight:600;color:#555;width:80px;font-size:14px}.executive-detail-value{color:#333;font-size:15px;flex:1}@media(max-width:768px){.executive-header{flex-direction:column;gap:15px;align-items:stretch}.executive-add-btn{justify-content:center}.executive-modal{padding:20px;width:95%}.executive-actions{flex-wrap:wrap}.executive-detail-row{flex-direction:column;align-items:flex-start;gap:5px}.executive-detail-label{width:100%}}.executive-loading{text-align:center;padding:40px;color:#666;font-size:16px}.executive-error{text-align:center;padding:40px;color:#f44336;font-size:16px}