:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-size:14px;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#root{width:100%;min-height:100vh}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.login-container{min-height:100vh;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(29,78,216,.2) 0%,transparent 50%),linear-gradient(135deg,#0f172a,#1e293b 30%,#334155 70%,#1e40af);padding:0;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:relative;overflow:hidden;box-sizing:border-box}.login-container:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 15%,rgba(59,130,246,.08) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(29,78,216,.1) 0%,transparent 40%);opacity:.6;pointer-events:none}.toast-container{position:fixed;top:10px;right:10px;z-index:1000;display:flex;flex-direction:column;gap:6px}.toast{background:#fff;border:1px solid #e5e7eb;border-radius:4px;padding:6px 10px;box-shadow:0 1px 4px #0000001a;display:flex;align-items:center;gap:6px;min-width:160px;max-width:220px;animation:slideInRight .3s ease-out;position:relative;overflow:hidden}.toast.error{border-left:2px solid #ef4444;background:#fef2f2}.toast.success{border-left:2px solid #10b981;background:#f0fdf4}.toast.warning{border-left:2px solid #f59e0b;background:#fffbeb}.toast-icon{font-size:12px;flex-shrink:0}.toast-title{font-weight:600;font-size:10px;color:#1f2937;margin:0 0 1px}.toast-message{font-size:9px;color:#6b7280;margin:0;line-height:1.1}.toast-close{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:10px;padding:0;border-radius:2px;transition:all .2s ease;flex-shrink:0;width:12px;height:12px;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.toast-container{top:5px;right:5px;left:5px}.toast{min-width:auto;max-width:none;padding:4px 8px;gap:4px}.toast-title{font-size:9px}.toast-message{font-size:8px}.toast-icon{font-size:10px}.toast-close{width:10px;height:10px;font-size:8px}}@media screen and (max-height: 600px){.login-container{min-height:100vh;padding:0}.login-card{padding:20px 15px;margin:3px;width:95%}.logo-image{width:60px;height:60px;margin-bottom:10px}.login-header h1{font-size:24px;margin-bottom:8px}.tagline{font-size:13px;margin-bottom:12px}.form-group{margin-bottom:15px}.form-group input{padding:10px 14px}.login-button{padding:10px}}@media screen and (max-width: 320px) and (max-height: 568px){.login-card{padding:15px 10px;margin:2px}.logo-image{width:45px;height:45px;margin-bottom:8px}.login-header h1{font-size:20px;margin-bottom:6px}.tagline{font-size:12px;margin-bottom:10px}}.login-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;box-shadow:0 20px 40px #0000001a,0 0 0 1px #3b82f61a;padding:30px;width:95%;max-width:450px;min-width:320px;animation:slideUp .6s ease-out;border:1px solid rgba(59,130,246,.2);position:relative;z-index:10;margin:20px}.login-header{text-align:center;margin-bottom:15px;position:relative}.logo-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:20px;margin-bottom:20px;height:120px}.logo-image{width:100px;height:100px;border-radius:20px;box-shadow:0 8px 25px #10b9814d,0 0 0 1px #fff3;transition:all .4s cubic-bezier(.175,.885,.32,1.275);object-fit:cover;position:relative}.company-logo{width:120px;height:120px;border-radius:20px;box-shadow:0 8px 25px #10b9814d,0 0 0 1px #fff3;transition:all .4s cubic-bezier(.175,.885,.32,1.275);object-fit:contain;position:relative;background:#ffffff1a;padding:10px;border:1px solid rgba(255,255,255,.2)}.logo-image:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 20px 50px #10b98166,0 0 0 1px #ffffff4d}.company-logo:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 20px 50px #10b98166,0 0 0 1px #ffffff4d}.company-logo:after{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#10b981,#059669,#047857);border-radius:15px;z-index:-1;opacity:0;transition:opacity .3s ease}.login-header h1{color:#1e293b;font-size:32px;font-weight:700;margin:0 0 8px;letter-spacing:-.5px}.login-header p{color:#64748b;font-size:15px;margin:0 0 5px;font-weight:500}.company-name{color:#3b82f6!important;font-size:14px!important;font-weight:600!important;margin:0 0 12px!important;text-transform:uppercase;letter-spacing:.5px;text-align:center}.login-form{display:flex;flex-direction:column;gap:12px}.password-input-container{position:relative;display:flex;align-items:center}.password-input-container input{padding-right:60px;width:100%}.password-toggle-btn{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:18px;padding:8px;border-radius:8px;transition:all .3s ease;color:#6b7280;display:flex;align-items:center;justify-content:center}.password-toggle-btn:hover{background:#10b9811a;color:#10b981;transform:translateY(-50%) scale(1.1)}.password-toggle-btn:active{transform:translateY(-50%) scale(.95)}.form-group input.error{border-color:#ef4444;background:#fef2f2;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.error-text{color:#ef4444;font-size:12px;font-weight:500;margin-left:2px;animation:fadeInUp .3s ease}.error-text.account-inactive{background:#fef3c7;color:#92400e;padding:12px 16px;border-radius:8px;border-left:4px solid #f59e0b;font-size:14px;font-weight:600;margin:16px 0;display:flex;align-items:center;gap:8px;animation:pulse 2s ease-in-out infinite}.error-text.account-inactive:before{content:"⚠️";font-size:16px}@keyframes pulse{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 0 10px #f59e0b00}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.general-error{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626;padding:18px;border-radius:15px;text-align:center;font-size:14px;border:1px solid #fecaca;font-weight:500;animation:slideDown .3s ease;box-shadow:0 5px 15px #ef44441a}.general-error.account-inactive{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #f59e0b;border-left:4px solid #f59e0b;box-shadow:0 5px 15px #f59e0b33;animation:slideDown .3s ease,pulse 2s ease-in-out infinite;position:relative}.general-error.account-inactive:before{content:"⚠️";font-size:18px;margin-right:8px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-options{display:flex;justify-content:center;align-items:center;font-size:14px;margin-top:10px}.forgot-password-btn{background:transparent;color:#3b82f6;border:none;text-decoration:none;font-weight:600;transition:all .3s ease;position:relative;cursor:pointer;font-size:.9rem;padding:0}.forgot-password-btn:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#3b82f6;transition:width .3s ease}.forgot-password-btn:hover:after{width:100%}.forgot-password-btn:hover{color:#1d4ed8}.login-button{background:#3b82f6;color:#fff;border:none;padding:14px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:15px;position:relative;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #3b82f64d}.login-button:hover:not(:disabled){background:#1d4ed8;transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-container:after{content:"";position:absolute;width:100%;height:100%;background-image:radial-gradient(circle at 20% 80%,rgba(255,255,255,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.15) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,255,255,.08) 0%,transparent 50%),radial-gradient(circle at 60% 60%,rgba(16,185,129,.1) 0%,transparent 50%);animation:float 25s ease-in-out infinite;pointer-events:none}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}@media (max-width: 768px){.login-container{padding:0}.login-card{padding:25px 20px;width:95%;max-width:350px;margin:5px}.logo-image{width:80px;height:80px;margin-bottom:20px}.login-header h1{font-size:28px}.tagline{font-size:16px}}@media (max-width: 480px){.login-container{padding:0}.login-card{padding:20px 15px;width:98%;max-width:300px;margin:5px;border-radius:18px}.login-header h1{font-size:24px}.logo-image{width:70px;height:70px;margin-bottom:15px}.form-options{flex-direction:column;gap:10px;align-items:flex-start}.tagline{font-size:14px}.form-group input{padding:12px 16px;font-size:.9rem}.login-button{padding:12px;font-size:14px}}@media (max-width: 360px){.login-container{padding:0}.login-card{padding:18px 12px;width:98%;max-width:280px;margin:3px;border-radius:16px}.logo-image{width:60px;height:60px;margin-bottom:12px}.login-header h1{font-size:22px}.tagline{font-size:13px}.form-group input{padding:10px 14px;font-size:.85rem}.login-button{padding:10px;font-size:13px}}@media (max-width: 280px){.login-container{padding:0}.login-card{padding:15px 10px;width:98%;max-width:250px;margin:2px;border-radius:14px}.logo-image{width:50px;height:50px;margin-bottom:10px}.login-header h1{font-size:18px}.tagline{font-size:11px}.form-group input{padding:8px 12px;font-size:.8rem}.login-button{padding:8px;font-size:12px}}.home-container{min-height:100vh;background:#f8f9fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.navbar{background:#fff;padding:1rem 2rem;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;align-items:center}.nav-brand h2{color:#333;margin:0;font-weight:600}.logout-btn{background:#e74c3c;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:500;transition:background .3s ease}.logout-btn:hover{background:#c0392b}.main-content{padding:2rem;max-width:1200px;margin:0 auto}.welcome-section{text-align:center;margin-bottom:3rem;padding:2rem;background:#fff;border-radius:15px;box-shadow:0 5px 15px #00000014}.welcome-section h1{color:#333;font-size:2.5rem;margin-bottom:1rem;font-weight:700}.welcome-section p{color:#666;font-size:1.1rem;margin:0}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.dashboard-card{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 5px 15px #00000014;transition:transform .3s ease,box-shadow .3s ease;text-align:center}.dashboard-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000026}.dashboard-card h3{color:#333;font-size:1.5rem;margin-bottom:1rem;font-weight:600}.dashboard-card p{color:#666;margin-bottom:1.5rem;line-height:1.6}.card-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease}.card-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}@media (max-width: 768px){.navbar{padding:1rem;flex-direction:column;gap:1rem}.main-content{padding:1rem}.welcome-section h1{font-size:2rem}.dashboard-grid{grid-template-columns:1fr;gap:1.5rem}}.forgot-password-container{min-height:100vh;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(29,78,216,.2) 0%,transparent 50%),linear-gradient(135deg,#0f172a,#1e293b 30%,#334155 70%,#1e40af);padding:0;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:relative;overflow:hidden;box-sizing:border-box}.forgot-password-container:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 15%,rgba(59,130,246,.08) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(29,78,216,.1) 0%,transparent 40%),url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="stars" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="0.5" fill="%2360a5fa" opacity="0.3"/></pattern></defs><rect width="100" height="100" fill="url(%23stars)"/></svg>');opacity:.6;pointer-events:none}.toast-container{position:fixed;top:20px;right:20px;z-index:1000;display:flex;flex-direction:column;gap:10px}.toast{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px 20px;box-shadow:0 10px 25px #0000001a;display:flex;align-items:center;gap:12px;min-width:300px;max-width:400px;animation:slideInRight .3s ease-out;position:relative;overflow:hidden}.toast.error{border-left:4px solid #ef4444;background:#fef2f2}.toast.success{border-left:4px solid #10b981;background:#f0fdf4}.toast.warning{border-left:4px solid #f59e0b;background:#fffbeb}.toast-icon{font-size:20px;flex-shrink:0}.toast.error .toast-icon{color:#ef4444}.toast.success .toast-icon{color:#10b981}.toast.warning .toast-icon{color:#f59e0b}.toast-content{flex:1}.toast-title{font-weight:600;font-size:14px;color:#1f2937;margin:0 0 4px}.toast-message{font-size:13px;color:#6b7280;margin:0;line-height:1.4}.toast-close{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:18px;padding:4px;border-radius:4px;transition:all .2s ease;flex-shrink:0}.toast-close:hover{color:#6b7280;background:#0000000d}.toast.slide-out{animation:slideOutRight .3s ease-in}@media (max-width: 768px){.toast-container{top:10px;right:10px;left:10px}.toast{min-width:auto;max-width:none}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.forgot-password-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;box-shadow:0 20px 40px #0000001a,0 0 0 1px #3b82f61a;padding:30px;width:95%;max-width:450px;min-width:320px;animation:slideUp .6s ease-out;border:1px solid rgba(59,130,246,.2);position:relative;z-index:10;margin:20px}.forgot-password-header{text-align:center;margin-bottom:15px;position:relative}.logo-image{width:60px;height:60px;margin-bottom:0;border-radius:12px;box-shadow:0 4px 12px #3b82f633,0 0 0 1px #fff3;transition:all .3s ease;object-fit:cover;position:relative}.logo-image:hover{transform:scale(1.05);box-shadow:0 8px 20px #3b82f64d,0 0 0 1px #ffffff4d}.logo-image:after{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#10b981,#059669,#047857);border-radius:20px;z-index:-1;opacity:0;transition:opacity .3s ease}.logo-image:hover:after{opacity:.3}.logo-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:15px;margin-bottom:15px;height:80px}.company-logo{width:60px;height:60px;border-radius:12px;box-shadow:0 4px 12px #3b82f633,0 0 0 1px #fff3;transition:all .3s ease;object-fit:contain;position:relative;background:#ffffff1a;padding:8px;border:1px solid rgba(255,255,255,.2)}.company-logo:hover{transform:scale(1.05);box-shadow:0 8px 20px #3b82f64d,0 0 0 1px #ffffff4d}.company-logo:after{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#10b981,#059669,#047857);border-radius:20px;z-index:-1;opacity:0;transition:opacity .3s ease}.company-logo:hover:after{opacity:.3}.logo-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-weight:700;font-size:18px;border-radius:20px;box-shadow:0 8px 25px #10b9814d,0 0 0 1px #fff3;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.logo-placeholder:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 20px 50px #10b98166,0 0 0 1px #ffffff4d}.forgot-password-header h1{color:#1e293b;font-size:32px;font-weight:700;margin:0 0 8px;letter-spacing:-.5px}.forgot-password-header p{color:#64748b;font-size:15px;margin:0 0 5px;font-weight:500}.tagline{color:#3b82f6;font-size:15px;font-weight:600;margin-top:8px;font-style:italic;text-align:center;letter-spacing:.5px;position:relative}.tagline:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:40px;height:2px;background:#3b82f6;border-radius:1px}.forgot-password-form{display:flex;flex-direction:column;gap:12px}.form-group{display:flex;flex-direction:column;gap:4px;position:relative}.form-group label{color:#374151;font-weight:600;font-size:14px;margin-left:2px;transition:color .3s ease}.form-group input{padding:14px 18px;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;transition:all .3s ease;background:#fff;color:#1f2937;position:relative;box-shadow:0 1px 3px #0000001a}.form-group input::placeholder{color:#9ca3af;transition:color .3s ease}.form-group input:focus::placeholder{color:#3b82f6}.form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a,0 1px 3px #0000001a}.form-group input.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.reset-button{background:#3b82f6;color:#fff;border:none;padding:14px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:15px;position:relative;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #3b82f64d}.reset-button:hover:not(:disabled){background:#1d4ed8;transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.reset-button:active:not(:disabled){transform:translateY(0)}.reset-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin-right:10px}.form-footer{margin-top:25px;text-align:center}.back-to-login-btn{background:transparent;color:#3b82f6;border:none;text-decoration:none;font-weight:600;transition:all .3s ease;position:relative;cursor:pointer;font-size:.9rem;padding:0;margin-top:10px}.back-to-login-btn:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#3b82f6;transition:width .3s ease}.back-to-login-btn:hover:after{width:100%}.back-to-login-btn:hover{color:#1d4ed8}@media (max-width: 768px){.forgot-password-container{padding:3px}.forgot-password-card{padding:30px 20px;max-width:380px;margin:3px}.logo-image{width:90px;height:90px;margin-bottom:20px}.forgot-password-header h1{font-size:30px}.tagline{font-size:17px}}@media (max-width: 480px){.forgot-password-container{padding:2px}.forgot-password-card{padding:25px 15px;max-width:320px;margin:2px;border-radius:18px}.forgot-password-header h1{font-size:26px}.logo-image{width:75px;height:75px;margin-bottom:18px}.tagline{font-size:15px}.form-group input{padding:12px 16px;font-size:.95rem}.reset-button{padding:14px;font-size:15px}}@media (max-width: 360px){.forgot-password-container{padding:1px}.forgot-password-card{padding:20px 12px;max-width:280px;margin:1px;border-radius:16px}.logo-image{width:65px;height:65px;margin-bottom:15px}.forgot-password-header h1{font-size:22px}.tagline{font-size:13px}.form-group input{padding:10px 14px;font-size:.9rem}.reset-button{padding:12px;font-size:14px}}@media (max-width: 280px){.forgot-password-container{padding:0}.forgot-password-card{padding:18px 10px;max-width:250px;margin:0;border-radius:14px}.logo-image{width:55px;height:55px;margin-bottom:12px}.forgot-password-header h1{font-size:20px}.tagline{font-size:12px}.form-group input{padding:8px 12px;font-size:.85rem}.reset-button{padding:10px;font-size:13px}}@media screen and (max-height: 600px){.forgot-password-container{min-height:100vh;padding:5px}.forgot-password-card{padding:25px 20px;margin:5px}.logo-image{width:70px;height:70px;margin-bottom:15px}.forgot-password-header h1{font-size:26px;margin-bottom:10px}.tagline{font-size:14px;margin-bottom:15px}}.reset-password-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:2rem}.reset-password-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 20px 60px #0000004d;padding:2.5rem;width:100%;max-width:450px;text-align:center}.card-header h1{margin:0 0 .5rem;font-size:2rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-header p{margin:0 0 2rem;color:#666;font-size:1rem}.reset-form{text-align:left}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#333;font-size:.95rem}.form-group input{width:100%;padding:.75rem 1rem;border:2px solid #e9ecef;border-radius:12px;font-size:1rem;transition:all .3s ease;box-sizing:border-box}.form-group input.error{border-color:#dc3545}.field-error{color:#dc3545;font-size:.85rem;margin-top:.25rem;display:block}.form-actions{margin-top:2rem;text-align:center}.btn{padding:.75rem 2rem;font-size:1rem;font-weight:600;border-radius:12px;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0000001a;min-width:150px}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-link{background:none;color:#667eea;box-shadow:none;text-decoration:underline;padding:.5rem 1rem;min-width:auto}.btn-link:hover{color:#5a6fd8;transform:none;box-shadow:none}.success-message,.error-message{padding:1rem 1.5rem;border-radius:12px;margin-bottom:1.5rem;font-weight:500}.card-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #f0f0f0}.card-footer p{margin:0 0 .5rem;color:#666;font-size:.9rem}.card-actions{margin-top:1.5rem}@media (max-width: 768px){.reset-password-container{padding:1rem}.reset-password-card{padding:2rem}.card-header h1{font-size:1.8rem}.btn{width:100%;min-width:auto}}.sidebar{width:280px;height:calc(100vh - 80px);background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(29,78,216,.2) 0%,transparent 50%),linear-gradient(180deg,#0f172a,#1e293b 30%,#334155 70%,#1e40af);color:#fff;display:flex;flex-direction:column;transition:all .3s ease;position:fixed;left:0;top:80px;z-index:100;box-shadow:4px 0 20px #3b82f633;overflow:hidden;flex-shrink:0;border-right:1px solid rgba(59,130,246,.2)}.sidebar.collapsed{width:80px}.mobile-close-btn{background:#ffffff1a;border:none;color:#fff;width:32px;height:32px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .3s ease;flex-shrink:0}.sidebar-nav{flex:1;padding:1rem 0;overflow-y:auto}.nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.nav-item{margin:0}.nav-link{width:100%;background:transparent;border:none;color:#fff;padding:.875rem 1rem;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .3s ease;text-align:left;position:relative;border-radius:0}.nav-link.active{background:#fff3;border-right:4px solid white}.nav-link.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#fff;border-radius:0 2px 2px 0}.nav-label{font-weight:600;color:#fff;font-size:1rem;white-space:nowrap}.logout-btn{width:100%;background:#ef444433;border:1px solid rgba(239,68,68,.3);color:#fff;padding:.75rem 1rem;border-radius:12px;cursor:pointer;display:flex;align-items:center;gap:.75rem;transition:all .3s ease;font-size:.9rem;font-weight:600}.logout-btn:hover{background:#ef44444d;border-color:#ef444480;transform:translateY(-2px)}.logout-icon{font-size:1.1rem;flex-shrink:0}.logout-text{white-space:nowrap}.sidebar.collapsed .nav-link{justify-content:center;padding:.875rem 0}.sidebar.collapsed .nav-icon{font-size:1.5rem}.sidebar.collapsed .logout-btn{justify-content:center;padding:.75rem 0}.collapse-indicator{position:absolute;right:-20px;top:50%;transform:translateY(-50%);background:#10b981;color:#fff;width:20px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:0 8px 8px 0;font-size:.8rem;cursor:pointer;transition:all .3s ease;box-shadow:2px 0 10px #10b98133}.collapse-indicator:hover{background:#059669;width:25px}@media (max-width: 1199px){.sidebar{width:260px}.sidebar.collapsed{width:70px}.sidebar-header{padding:1.25rem .75rem}.brand-icon{width:36px;height:36px;font-size:1.4rem}.nav-link{padding:.75rem}.nav-icon{font-size:1.2rem}.nav-label{font-size:.95rem}}@media (max-width: 991px){.sidebar{width:240px;height:calc(100vh - 75px);top:75px;transform:translate(-100%);transition:transform .3s ease;z-index:2400}.sidebar.mobile-open{transform:translate(0)}.sidebar.collapsed{width:240px;transform:translate(-100%)}.sidebar.collapsed.mobile-open{transform:translate(0)}.sidebar-header{padding:1rem .75rem}.brand-icon{width:34px;height:34px;font-size:1.3rem}.brand-text h3{font-size:1.1rem}.nav-link{padding:.7rem .75rem}.nav-icon{font-size:1.15rem}.nav-label{font-size:.9rem}.logout-btn{padding:.65rem .75rem;font-size:.85rem}}@media (max-width: 767px){.sidebar{width:280px;height:calc(100vh - 90px);top:90px;transform:translate(-100%);z-index:2400;box-shadow:8px 0 32px #0003}.sidebar.mobile-open{transform:translate(0)}.sidebar.collapsed{width:280px;transform:translate(-100%)}.sidebar.collapsed.mobile-open{transform:translate(0)}.sidebar-header{padding:1.5rem 1rem;border-bottom:2px solid rgba(255,255,255,.15)}.brand-icon{width:40px;height:40px;font-size:1.5rem}.brand-text h3{font-size:1.25rem}.brand-text span{font-size:.8rem}.collapse-btn{display:none}.nav-link{padding:1rem;font-size:1rem}.nav-icon{font-size:1.3rem;width:28px}.nav-label{font-size:1rem;font-weight:600}.sub-menu-link{padding:.75rem 1.25rem;font-size:.95rem}.logout-btn{padding:1rem;font-size:1rem;margin:.5rem;border-radius:16px}.logout-icon{font-size:1.2rem}.collapse-indicator{display:none}}@media (max-width: 575px){.sidebar{width:100%;max-width:320px;height:calc(100vh - 100px);top:100px}.sidebar.collapsed{width:100%;max-width:320px}.sidebar-header{padding:1.25rem .75rem}.brand-icon{width:36px;height:36px;font-size:1.4rem}.brand-text h3{font-size:1.1rem}.brand-text span{font-size:.75rem}.nav-link{padding:.875rem .75rem}.nav-icon{font-size:1.2rem;width:24px}.nav-label{font-size:.95rem}.sub-menu-link{padding:.65rem 1rem;font-size:.9rem}.logout-btn{padding:.75rem;font-size:.9rem;margin:.5rem .25rem}}@media (max-width: 375px){.sidebar{width:100%;max-width:300px;height:calc(100vh - 110px);top:110px}.sidebar-header{padding:1rem .5rem}.brand-icon{width:32px;height:32px;font-size:1.2rem}.brand-text h3{font-size:1rem}.brand-text span{font-size:.7rem}.nav-link{padding:.75rem .5rem}.nav-icon{font-size:1.1rem;width:22px}.nav-label{font-size:.9rem}.sub-menu-link{padding:.6rem .75rem;font-size:.85rem}.logout-btn{padding:.65rem .5rem;font-size:.85rem;margin:.25rem}.logout-icon{font-size:1rem}}@media (max-height: 500px) and (orientation: landscape){.sidebar{height:100vh}.sidebar-header{padding:.75rem 1rem}.brand-icon{width:32px;height:32px;font-size:1.2rem}.brand-text h3{font-size:1rem}.brand-text span{display:none}.nav-link{padding:.6rem 1rem}.nav-icon{font-size:1.1rem}.nav-label{font-size:.85rem}.logout-btn{padding:.6rem 1rem;font-size:.85rem}}.sidebar-overlay{position:fixed;inset:0;background:#0009;z-index:2300;opacity:0;visibility:hidden;transition:all .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media (max-width: 991px){.sidebar-overlay{top:75px}}@media (max-width: 767px){.sidebar-overlay{top:90px}}@media (max-width: 575px){.sidebar-overlay{top:100px}}@media (max-width: 375px){.sidebar-overlay{top:110px}}.sidebar-overlay.visible{opacity:1;visibility:visible}@media (max-width: 991px){.sidebar-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.sidebar-nav::-webkit-scrollbar{display:none}}@media (hover: hover){.nav-link:hover{background:#ffffff1a;transform:translate(5px)}.sub-menu-link:hover{background:#ffffff1a;color:#fff;transform:translate(4px)}.logout-btn:hover{background:#ef44444d;border-color:#ef444480;transform:translateY(-2px)}}@media (hover: none){.nav-link:hover,.sub-menu-link:hover{background:transparent;transform:none}.logout-btn:hover{background:#ef444433;transform:none}}.sub-menu{list-style:none;padding:0;max-height:0;overflow:hidden;transition:max-height .3s ease;background:#ffffff0d;border-radius:8px;margin:0 8px}.sub-menu.expanded{max-height:200px;margin-bottom:8px}.sub-menu-item{margin:0}.sub-menu-link{display:flex;align-items:center;gap:12px;padding:8px 16px;color:#cbd5e1;text-decoration:none;border:none;background:none;width:100%;text-align:left;cursor:pointer;transition:all .3s ease;border-radius:6px;margin:2px 4px;font-size:.9rem}.sub-menu-link:hover{background:#ffffff1a;color:#fff;transform:translate(4px)}.sub-menu-link.active{background:#3b82f633;color:#60a5fa;border-left:3px solid #60a5fa}.sub-menu-icon{font-size:1rem;min-width:20px;text-align:center}.sub-menu-label{font-weight:500;white-space:nowrap}.sidebar.collapsed .sub-menu{position:absolute;left:100%;top:0;background:#1e293b;border:1px solid #334155;border-radius:8px;min-width:180px;box-shadow:0 10px 25px #0000004d;z-index:1000}.sidebar.collapsed .sub-menu.expanded{max-height:none}.nav-link.has-sub:after{content:"▼";margin-left:auto;font-size:.8rem;transition:transform .3s ease}.nav-link.has-sub.expanded:after{transform:rotate(180deg)}.admin-header{background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(29,78,216,.2) 0%,transparent 50%),linear-gradient(135deg,#0f172a,#1e293b 30%,#334155 70%,#1e40af);color:#fff;padding:1rem 2rem;box-shadow:0 4px 20px #3b82f626;position:fixed;top:0;left:0;right:0;z-index:2500;height:80px;display:flex;align-items:center;width:100%;box-sizing:border-box;border-bottom:1px solid rgba(59,130,246,.2)}.admin-header-content{width:100%;display:flex;justify-content:space-between;align-items:center;gap:2rem}.admin-header-left{display:flex;align-items:center;gap:1.5rem}.admin-header-title{display:flex;flex-direction:column;gap:.25rem}.admin-title{font-size:1.8rem;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.2)}.admin-subtitle{font-size:.95rem;margin:0;opacity:.9;font-weight:400}.admin-header-right{display:flex;align-items:center;gap:1.5rem}.admin-user-info{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#ffffff1a;border-radius:12px;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.admin-user-avatar{width:40px;height:40px;background:linear-gradient(135deg,gold,#ffed4e);color:#8b6914;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;border:2px solid rgba(255,255,255,.3)}.admin-user-details{display:flex;flex-direction:column;gap:.25rem}.admin-user-name{font-weight:600;font-size:.95rem;color:#fff}.admin-user-role{font-size:.8rem;opacity:.9;color:gold;font-weight:500}.admin-logout-button{background:#dc3545e6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(220,53,69,.3)}.admin-logout-button:hover{background:#dc3545;transform:translateY(-2px);box-shadow:0 4px 12px #dc354566}.admin-logout-button:active{transform:translateY(0)}.admin-page-with-header{padding-top:80px;box-sizing:border-box}.page-with-fixed-sidebar{margin-left:280px;transition:margin-left .3s ease;margin-top:0}.page-with-fixed-sidebar.sidebar-collapsed{margin-left:80px}@media (max-width: 768px){.page-with-fixed-sidebar,.page-with-fixed-sidebar.sidebar-collapsed{margin-left:0}}.page-with-fixed-sidebar.admin-dashboard,.page-with-fixed-sidebar.admin-dashboard.sidebar-collapsed{margin-left:0}.mobile-menu-toggle{display:none;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem;border-radius:8px;cursor:pointer;font-size:1.2rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-menu-toggle:hover{background:#fff3;transform:scale(1.05)}@media (max-width: 1199px){.admin-header{padding:1rem 1.5rem}.admin-header-content{gap:1.5rem}.admin-title{font-size:1.7rem}.admin-user-info{padding:.6rem .9rem}}@media (max-width: 991px){.admin-header{padding:1rem;height:75px}.admin-title{font-size:1.6rem}.admin-subtitle{font-size:.9rem}.admin-user-info{padding:.5rem .8rem}.admin-user-avatar{width:36px;height:36px;font-size:1.1rem}.admin-logout-button{padding:.6rem 1.2rem;font-size:.85rem}}@media (max-width: 767px){.admin-header{padding:.75rem 1rem;height:auto;min-height:70px;position:relative}.admin-header-content{flex-direction:column;gap:1rem;align-items:center}.admin-header-left{order:2;text-align:center;width:100%}.admin-header-right{order:1;justify-content:space-between;width:100%;flex-wrap:nowrap}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px}.admin-title{font-size:1.4rem;margin-bottom:.25rem}.admin-subtitle{font-size:.85rem}.admin-user-info{padding:.4rem .7rem;gap:.75rem}.admin-user-avatar{width:32px;height:32px;font-size:1rem}.admin-user-details{gap:.2rem}.admin-user-name{font-size:.85rem}.admin-user-role{font-size:.7rem}.admin-logout-button{padding:.5rem 1rem;font-size:.8rem}.admin-page-with-header{padding-top:90px}.page-with-fixed-sidebar{margin-left:0}}@media (max-width: 575px){.admin-header{padding:.5rem .75rem}.admin-header-content{gap:.75rem}.admin-header-right{flex-direction:column;align-items:stretch;gap:.5rem}.mobile-menu-toggle{align-self:flex-start;width:36px;height:36px;font-size:1.1rem}.admin-title{font-size:1.3rem}.admin-subtitle{font-size:.8rem}.admin-user-info{padding:.4rem .6rem;justify-content:center}.admin-user-avatar{width:30px;height:30px;font-size:.9rem}.admin-user-name{font-size:.8rem}.admin-user-role{font-size:.65rem}.admin-logout-button{padding:.4rem .8rem;font-size:.75rem;align-self:center;min-width:80px}.admin-page-with-header{padding-top:100px}}@media (max-width: 375px){.admin-header{padding:.4rem .5rem}.admin-title{font-size:1.2rem}.admin-subtitle{font-size:.75rem}.admin-user-info{padding:.3rem .5rem;flex-direction:column;text-align:center;gap:.25rem}.admin-user-avatar{width:28px;height:28px;font-size:.8rem;align-self:center}.admin-user-details{align-items:center}.admin-user-name{font-size:.75rem}.admin-user-role{font-size:.6rem}.admin-logout-button{padding:.35rem .7rem;font-size:.7rem}.mobile-menu-toggle{width:32px;height:32px;font-size:1rem}.admin-page-with-header{padding-top:110px}}@media (max-height: 500px) and (orientation: landscape){.admin-header{height:60px;min-height:60px;padding:.5rem 1rem}.admin-header-content{flex-direction:row;gap:1rem}.admin-header-left{order:1;text-align:left}.admin-header-right{order:2;flex-direction:row;gap:1rem}.admin-title{font-size:1.2rem}.admin-subtitle{display:none}.admin-page-with-header{padding-top:60px}}.admin-dashboard{min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(29,78,216,.2) 0%,transparent 50%),linear-gradient(135deg,#0f172a,#1e293b 30%,#334155 70%,#1e40af)!important;color:#333;display:flex;flex-direction:column;position:relative;overflow:hidden;font-size:.85rem}.admin-dashboard:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 15%,rgba(59,130,246,.08) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(29,78,216,.1) 0%,transparent 40%);opacity:.6;pointer-events:none;z-index:0}.dashboard-content-wrapper{display:flex;flex:1;padding:1.2rem;gap:1.2rem;margin-top:0;position:relative;z-index:2;min-height:calc(100vh - 100px)}.dashboard-content-wrapper>*:first-child{flex-shrink:0}.dashboard-main{width:100%;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;box-shadow:0 20px 40px #0000001a,0 0 0 1px #3b82f61a;overflow:hidden;position:relative;z-index:2;border:1px solid rgba(59,130,246,.2)}.dashboard-content{padding:1.2rem}.dashboard-header{background:linear-gradient(135deg,#fffffffa,#fffffff2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 20px #00000014;border-bottom:1px solid rgba(59,130,246,.1);position:relative;overflow:hidden;width:100%;box-sizing:border-box;margin-bottom:2rem;border-radius:12px}.dashboard-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#1d4ed8,#2563eb);border-radius:12px 12px 0 0}.header-left,.logo-section{display:flex;align-items:center;gap:1rem}.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:#fff;box-shadow:0 4px 15px #10b9814d;position:relative;overflow:hidden}.logo-icon:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.2),transparent);transform:rotate(45deg);animation:shimmer 2s infinite}.logo-text h1{margin:0;font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.logo-subtitle{font-size:.9rem;color:#666;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.welcome-section{display:flex;flex-direction:column;gap:.25rem}.welcome-text{margin:0;font-size:1rem;color:#333;font-weight:500}.welcome-text strong{color:#667eea;font-weight:700}.welcome-subtitle{margin:0;font-size:.85rem;color:#888;font-weight:400}.header-right{display:flex;align-items:center;gap:1.25rem}.user-info{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:#667eea0d;border-radius:18px;border:1px solid rgba(102,126,234,.1);transition:all .3s ease}.user-info:hover{background:#667eea1a;border-color:#667eea33;transform:translateY(-1px)}.user-avatar-small{width:32px;height:32px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.9rem;font-weight:700;box-shadow:0 3px 12px #667eea4d}.user-details-small{display:flex;flex-direction:column;gap:.25rem}.user-name{font-size:.95rem;font-weight:600;color:#333;line-height:1}.user-role{font-size:.8rem;color:#667eea;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.logout-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;border:none;padding:.625rem 1.5rem;border-radius:22px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 3px 12px #ff6b6b33;position:relative;overflow:hidden}.logout-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.logout-btn:hover:before{left:100%}.logout-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff6b6b66}.logout-icon{font-size:1.1rem}.logout-text{font-weight:600}.dashboard-nav{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 2rem;display:flex;gap:1rem;border-bottom:1px solid rgba(255,255,255,.2)}.nav-tab{background:transparent;border:none;padding:.75rem 1.5rem;border-radius:20px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;color:#666;display:flex;align-items:center;gap:.5rem}.nav-tab:hover{background:#667eea1a;color:#667eea}.nav-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.overview-section{animation:fadeIn .5s ease-in}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:1.5rem;box-shadow:0 6px 24px #0000001a;border:1px solid rgba(255,255,255,.2);transition:all .3s ease;display:flex;align-items:center;gap:1.2rem}.stat-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00000026}.stat-icon{font-size:2.5rem;width:65px;height:65px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff}.stat-content h3{margin:0 0 .5rem;font-size:1.1rem;color:#666;font-weight:600}.stat-number{margin:0 0 .25rem;font-size:2.2rem;font-weight:700;color:#333}.stat-label{margin:0;font-size:.9rem;color:#888}.recent-activity{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2)}.recent-activity h2{margin:0 0 1.5rem;font-size:1.5rem;color:#333}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#667eea0d;border-radius:15px;transition:all .3s ease}.activity-item:hover{background:#667eea1a;transform:translate(5px)}.activity-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff}.activity-content p{margin:0;font-weight:600;color:#333}.activity-content small{color:#888;font-size:.85rem}.section-header h2{margin:0;font-size:1.8rem;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3)}.create-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.create-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b9814d}.users-section{animation:fadeIn .5s ease-in}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.user-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:1.5rem;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);transition:all .3s ease;display:flex;align-items:center;gap:1rem;position:relative;cursor:pointer}.user-card.clickable{border:2px solid transparent;transition:all .3s ease}.user-card.clickable:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 15px 40px #00000026;border-color:#667eea4d;background:#fffffffa}.card-arrow{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);font-size:1.5rem;color:#667eea;opacity:0;transition:all .3s ease}.user-card.clickable:hover .card-arrow{opacity:1;transform:translateY(-50%) translate(5px)}.user-avatar{width:60px;height:60px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:700}.user-info h3{margin:0 0 .25rem;font-size:1.2rem;color:#333}.user-email{margin:0 0 .25rem;color:#667eea;font-size:.9rem}.user-role{margin:0 0 .5rem;color:#666;font-size:.85rem}.user-details{display:flex;gap:1rem}.detail-item{font-size:.8rem;color:#888}.user-actions{display:flex;gap:.5rem}.action-btn{width:35px;height:35px;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:1rem}.action-btn.edit{background:#3b82f61a;color:#3b82f6}.action-btn.edit:hover{background:#3b82f633}.action-btn.delete{background:#ef44441a;color:#ef4444}.action-btn.delete:hover{background:#ef444433}.courses-section{animation:fadeIn .5s ease-in}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.course-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:1.5rem;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);transition:all .3s ease;position:relative;cursor:pointer}.course-card.clickable{border:2px solid transparent;transition:all .3s ease}.course-card.clickable:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 15px 40px #00000026;border-color:#667eea4d;background:#fffffffa}.course-card .card-arrow{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);font-size:1.5rem;color:#667eea;opacity:0;transition:all .3s ease}.course-card.clickable:hover .card-arrow{opacity:1;transform:translateY(-50%) translate(5px)}.course-icon{font-size:2rem}.course-difficulty{padding:.25rem .75rem;border-radius:15px;color:#fff;font-size:.8rem;font-weight:600;text-transform:capitalize}.course-content h3{margin:0 0 .5rem;font-size:1.2rem;color:#333}.course-description{margin:0 0 1rem;color:#666;font-size:.9rem;line-height:1.4}.course-meta{display:flex;gap:1rem;margin-bottom:1rem}.meta-item{display:flex;align-items:center;gap:.25rem;font-size:.8rem;color:#888}.course-actions{display:flex;gap:.5rem}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.modal{background:#fff;border-radius:20px;padding:2rem;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.modal-header h3{margin:0;font-size:1.5rem;color:#333}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;transition:color .3s ease}.close-btn:hover{color:#333}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;transition:all .3s ease}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.form-actions button{padding:.75rem 1.5rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.form-actions button:first-child{background:#e5e7eb;color:#666}.form-actions button:first-child:hover{background:#d1d5db}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;color:#fff}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.coming-soon-section{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:3rem 2rem;background:#fffffff2;border-radius:20px;box-shadow:0 20px 40px #0000001a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);margin:1rem 2rem 2rem;animation:fadeInUp .8s ease-out}.coming-soon-icon{font-size:6rem;margin-bottom:2rem;animation:bounce 2s infinite}.coming-soon-title{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;animation:slideInLeft 1s ease-out .3s both}.coming-soon-subtitle{font-size:2rem;font-weight:600;color:#764ba2;margin-bottom:2rem;animation:slideInRight 1s ease-out .5s both}.coming-soon-message{max-width:600px;animation:fadeIn 1s ease-out .7s both}.coming-soon-message p{font-size:1.2rem;color:#666;line-height:1.6;margin-bottom:1rem}.coming-soon-message p:last-child{margin-bottom:0;font-weight:500;color:#667eea}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}@media (max-width: 768px){.coming-soon-section{margin:1rem;padding:2rem 1rem;min-height:50vh}.coming-soon-icon{font-size:4rem;margin-bottom:1.5rem}.coming-soon-title{font-size:2.5rem}.coming-soon-subtitle{font-size:1.5rem}.coming-soon-message p{font-size:1rem}}@media (max-width: 480px){.coming-soon-section{margin:.5rem;padding:1.5rem 1rem}.coming-soon-icon{font-size:3rem}.coming-soon-title{font-size:2rem}.coming-soon-subtitle{font-size:1.2rem}}.dashboard-content{padding:2rem;width:100%;max-width:none;margin:0}.dashboard-header{text-align:left;margin-bottom:2rem;padding:0;background:none;color:#1f2937;border-radius:0;box-shadow:none}.dashboard-header h1{font-size:1.875rem;font-weight:700;margin:0 0 .5rem;color:#1f2937}.dashboard-header p{font-size:1rem;margin:0;color:#6b7280}.loading-spinner{width:50px;height:50px;border:4px solid #f3f4f6;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.dashboard-stats{padding:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;margin-bottom:3rem}.stat-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 8px 32px #0000001a;transition:all .3s ease;border:1px solid #f3f4f6}.stat-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #00000026}.stat-number{font-size:3rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.stat-label{font-size:1.2rem;font-weight:600;color:#374151;margin:0 0 .5rem}.stat-description{color:#6b7280;margin:0;font-size:.9rem}.employees-card{border-left:5px solid #10B981}.employees-card .stat-icon{color:#10b981}.admins-card{border-left:5px solid #3B82F6}.admins-card .stat-icon{color:#3b82f6}.system-card{border-left:5px solid #8B5CF6}.system-card .stat-icon{color:#8b5cf6}.quick-actions{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 8px 32px #0000001a;border:1px solid #f3f4f6;margin-bottom:2rem}.quick-actions h2{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0 0 1.5rem;text-align:center}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem}.action-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;padding:1rem 1.5rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500}.action-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.action-icon{font-size:1.5rem}.action-text{font-size:.9rem}.recent-employees-section{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 8px 32px #0000001a;border:1px solid #f3f4f6}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.section-header h3{margin:0;font-size:1.5rem;font-weight:700;color:#333}.section-actions .btn{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:12px;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0000001a}.joining-date{font-size:.9rem;font-weight:600;color:#475569}.btn-sm{padding:.5rem 1rem;font-size:.8rem;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease;font-weight:500}.btn-outline-primary{background:transparent;color:#667eea;border:2px solid #667eea}.course-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden}.course-table th{background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#475569;font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;padding:1.2rem 1rem;text-align:left;border-bottom:2px solid #e2e8f0;white-space:nowrap}.course-table td{padding:1.2rem 1rem;border-bottom:1px solid #f1f5f9;vertical-align:middle}.course-table tr:hover{background:#f8fafc;transition:background .2s ease}.course-profile{display:flex;align-items:center;gap:1rem;min-width:200px}.course-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.course-title{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-description{margin:0;font-size:.8rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-category{min-width:120px}.category-badge{display:inline-block;padding:.5rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.course-instructor{min-width:150px;font-size:.9rem;color:#475569;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-lessons{min-width:100px;font-size:.9rem;color:#64748b;font-weight:500;text-align:center}.course-status{min-width:100px}.status-badge{display:inline-block;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.active{background:#22c55e1a;color:#16a34a}.course-actions{min-width:100px;text-align:center}.recent-courses-section{margin-top:2rem;background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #00000014;border:1px solid #e5e7eb}.recent-courses-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.recent-courses-section h3{margin:0;font-size:1.5rem;font-weight:700;color:#1e293b}.recent-courses-section .section-actions{display:flex;gap:1rem}@media (max-width: 1199px){.dashboard-content-wrapper{padding:1.5rem;gap:1.5rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.actions-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:2rem}}@media (max-width: 991px){.dashboard-content-wrapper{padding:1rem;gap:1rem}.dashboard-content{padding:1.5rem}.dashboard-header h1{font-size:1.6rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.stat-card{padding:1.5rem}.stat-icon,.stat-number{font-size:2.5rem}.actions-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.5rem}.action-btn{padding:.75rem 1rem}.recent-employees-section,.recent-courses-section{padding:1.5rem}.section-header{flex-direction:column;gap:1rem;align-items:stretch}}@media (max-width: 767px){.admin-dashboard{background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(29,78,216,.2) 0%,transparent 50%),linear-gradient(135deg,#0f172a,#1e293b 30%,#334155 70%,#1e40af)}.dashboard-content-wrapper{flex-direction:column;padding:.5rem;gap:1rem}.dashboard-main{width:100%;margin:0;border-radius:16px}.dashboard-content{padding:1rem}.dashboard-header{text-align:center;margin-bottom:1.5rem}.dashboard-header h1{font-size:1.5rem;margin-bottom:.25rem}.dashboard-header p{font-size:.9rem}.stats-grid{grid-template-columns:1fr;gap:1rem}.stat-card{padding:1.25rem;display:flex;align-items:center;gap:1rem}.stat-icon{font-size:2rem;width:60px;height:60px;flex-shrink:0}.stat-content{flex:1}.stat-number{font-size:2rem;margin-bottom:.25rem}.stat-label{font-size:1rem;margin-bottom:.25rem}.stat-description{font-size:.8rem}.quick-actions{padding:1.25rem}.quick-actions h2{font-size:1.25rem;margin-bottom:1rem}.actions-grid{grid-template-columns:1fr;gap:1rem}.action-btn{padding:1rem;font-size:.9rem}.action-icon{font-size:1.25rem}.recent-employees-section,.recent-courses-section{padding:1rem}.section-header h3{font-size:1.25rem}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:8px}.employee-table,.course-table{min-width:700px;font-size:.85rem}.employee-table th,.course-table th{padding:.75rem .5rem;font-size:.75rem}.employee-table td,.course-table td{padding:.75rem .5rem}.employee-avatar{width:36px;height:36px;font-size:1rem}.employee-name{font-size:.9rem}.employee-id,.employee-phone{font-size:.75rem}.btn-sm{padding:.4rem .8rem;font-size:.75rem}.empty-state{padding:2rem 1rem}.empty-icon{font-size:2.5rem}.empty-state h4{font-size:1.2rem}.empty-state p{font-size:.9rem}}@media (max-width: 575px){.dashboard-content-wrapper{padding:.25rem}.dashboard-main{border-radius:12px}.dashboard-content{padding:.75rem}.dashboard-header h1{font-size:1.3rem}.dashboard-header p{font-size:.85rem}.stat-card{padding:1rem;flex-direction:column;text-align:center;gap:.75rem}.stat-icon{font-size:1.8rem;width:50px;height:50px;margin:0 auto}.stat-number{font-size:1.8rem}.stat-label{font-size:.9rem}.stat-description{font-size:.75rem}.quick-actions{padding:1rem}.quick-actions h2{font-size:1.1rem}.action-btn{padding:.75rem;font-size:.8rem}.recent-employees-section,.recent-courses-section{padding:.75rem}.section-header{margin-bottom:1rem}.section-header h3{font-size:1.1rem}.table-container{margin-top:.5rem}.employee-table,.course-table{min-width:600px;font-size:.8rem}.employee-table th,.course-table th{padding:.5rem .4rem;font-size:.7rem}.employee-table td,.course-table td{padding:.5rem .4rem}.employee-avatar{width:32px;height:32px;font-size:.9rem}.course-icon{width:36px;height:36px;font-size:1rem}.btn-sm,.category-badge{padding:.3rem .6rem;font-size:.7rem}.empty-state{padding:1.5rem .75rem}.empty-icon{font-size:2rem}.empty-state h4{font-size:1.1rem}.empty-state p{font-size:.85rem}}@media (max-width: 375px){.dashboard-header h1{font-size:1.2rem}.stat-card{padding:.75rem}.stat-icon{width:40px;height:40px;font-size:1.5rem}.stat-number{font-size:1.6rem}.quick-actions{padding:.75rem}.action-btn{padding:.6rem;font-size:.75rem}.recent-employees-section,.recent-courses-section{padding:.5rem}.employee-table,.course-table{min-width:550px}}:root{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--border-color: #e5e7eb;--border-light: #f3f4f6;--shadow-light: rgba(0, 0, 0, .1);--shadow-medium: rgba(0, 0, 0, .15);--accent-primary: #3b82f6;--accent-secondary: #1d4ed8;--accent-gradient: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%)}@media (max-width: 1200px){.dashboard-content-wrapper{padding:1.5rem;gap:1.5rem}.dashboard-main{border-radius:12px}.dashboard-header{padding:1rem 1.5rem;margin-bottom:1.5rem}.welcome-section h1{font-size:2rem}}@media (max-width: 768px){.admin-dashboard{min-height:100vh}.dashboard-content-wrapper{padding:1rem;gap:1rem;flex-direction:column}.dashboard-main{width:100%;border-radius:12px}.dashboard-content{padding:1.5rem}.dashboard-header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem;margin-bottom:1rem}.welcome-section h1{font-size:1.8rem}.welcome-section p{font-size:1rem}.header-actions{width:100%;display:flex;gap:.5rem;justify-content:flex-end}.header-actions .refresh-btn,.theme-toggle-btn{padding:.5rem 1rem;font-size:.9rem}}@media (max-width: 480px){.dashboard-content-wrapper{padding:.5rem;gap:.5rem}.dashboard-main{border-radius:8px}.dashboard-content{padding:1rem}.dashboard-header{padding:.75rem;margin-bottom:.75rem}.welcome-section h1{font-size:1.5rem}.welcome-section p{font-size:.9rem}.last-updated{font-size:.8rem;padding:.25rem .75rem}.header-actions{flex-direction:column;gap:.5rem}.header-actions .refresh-btn,.theme-toggle-btn{width:100%;padding:.75rem;font-size:.9rem}}.dark-mode{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--border-color: #475569;--border-light: #334155;--shadow-light: rgba(0, 0, 0, .3);--shadow-medium: rgba(0, 0, 0, .4);--accent-primary: #3b82f6;--accent-secondary: #1d4ed8;--accent-gradient: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%)}.admin-dashboard{background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(29,78,216,.2) 0%,transparent 50%),linear-gradient(135deg,#0f172a,#1e293b 30%,#334155 70%,#1e40af)!important;color:var(--text-primary);transition:all .3s ease;min-height:100vh;position:relative;overflow:hidden}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.2rem;padding:1.2rem;background:var(--accent-gradient);border-radius:14px;color:#fff;box-shadow:0 6px 24px var(--shadow-light);transition:all .3s ease}.welcome-section h1{margin:0 0 .5rem;font-size:2rem;font-weight:700;color:#1e293b;letter-spacing:-.5px}.welcome-section p{margin:0 0 1rem;font-size:1.1rem;color:#64748b;font-weight:500}.last-updated{font-size:.9rem;color:#3b82f6;background:#3b82f61a;padding:.5rem 1rem;border-radius:8px;display:inline-block;font-weight:600}.header-actions .refresh-btn{background:#3b82f6;border:1px solid #3b82f6;color:#fff;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #3b82f64d}.header-actions .refresh-btn:hover:not(:disabled){background:#1d4ed8;transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.theme-toggle-btn{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);color:#3b82f6;padding:.75rem 1rem;border-radius:12px;font-weight:600;font-size:1.2rem;transition:all .3s ease;margin-left:.5rem}.theme-toggle-btn:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 15px #0003}.section-title{font-size:1.8rem;font-weight:700;color:var(--text-primary);margin:0 0 1.5rem;padding-bottom:.5rem;border-bottom:3px solid var(--accent-primary);display:inline-block;transition:all .3s ease}.dashboard-stats{margin-bottom:3rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--bg-primary);border-radius:20px;padding:2rem;box-shadow:0 8px 32px var(--shadow-light);border:1px solid var(--border-light);transition:all .3s ease;display:flex;align-items:center;gap:1.5rem}.stat-card.employees-card:before{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.stat-card.courses-card:before{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.stat-card.exams-card:before{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-card.lessons-card:before{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.stat-icon{font-size:3rem;margin-bottom:1rem;display:block}.stat-number{font-size:2.5rem;font-weight:800;color:var(--text-primary);margin:0 0 .5rem;transition:all .3s ease}.stat-label{font-size:1.1rem;font-weight:600;color:var(--text-secondary);margin:0 0 1rem;transition:all .3s ease}.stat-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.stat-detail{font-size:.9rem;padding:.25rem .75rem;border-radius:6px;display:inline-block;width:fit-content}.stat-detail.active{background:#3b82f61a;color:#1d4ed8}.stat-detail.inactive{background:#ef44441a;color:#dc2626}.stat-detail.completed{background:#3b82f61a;color:#1d4ed8}.stat-detail.pending{background:#f59e0b1a;color:#d97706}.stat-trend{font-size:.9rem;color:var(--text-secondary);font-weight:500;transition:all .3s ease}.stat-trend.positive{color:var(--accent-secondary)}.analytics-section{margin-bottom:2rem}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.analytics-actions-section{margin-bottom:3rem}.analytics-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}.exam-performance-card,.quick-actions-card{background:var(--bg-primary);border-radius:20px;padding:2rem;box-shadow:0 8px 32px var(--shadow-light);border:1px solid var(--border-light);transition:all .3s ease}.quick-actions-card h3{margin:0 0 1.5rem;font-size:1.3rem;font-weight:700;color:var(--text-primary);transition:all .3s ease}.actions-grid-compact{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.action-btn-compact{background:var(--bg-primary);border:2px solid var(--border-light);border-radius:12px;padding:1rem;cursor:pointer;transition:all .3s ease;text-align:left;display:flex;align-items:center;gap:.75rem;position:relative;overflow:hidden}.action-btn-compact:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.action-btn-compact.primary:before{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.action-btn-compact:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f626;border-color:#3b82f6}.action-btn-compact .action-icon{font-size:1.5rem;display:block;flex-shrink:0}.action-btn-compact .action-text{font-size:.9rem;font-weight:600;color:var(--text-primary);margin:0;transition:all .3s ease}.chart-card{background:var(--bg-primary);border-radius:20px;padding:2rem;box-shadow:0 8px 32px var(--shadow-light);border:1px solid var(--border-light);transition:all .3s ease}.chart-card h3{margin:0 0 1.5rem;font-size:1.3rem;font-weight:700;color:var(--text-primary);transition:all .3s ease}.chart-container{height:200px;display:flex;align-items:center;justify-content:center}.chart-placeholder{width:100%;height:100%}.chart-bars{display:flex;align-items:end;justify-content:space-around;height:100%;gap:.5rem}.chart-bar{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1}.bar-fill{width:100%;min-height:20px;border-radius:4px 4px 0 0;transition:all .3s ease}.bar-label{font-size:.8rem;color:var(--text-secondary);font-weight:600;transition:all .3s ease}.bar-value{font-size:.9rem;color:var(--text-primary);font-weight:600;transition:all .3s ease}.chart-line{display:flex;align-items:center;justify-content:space-around;height:100%;position:relative}.line-point{display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative}.point{width:12px;height:12px;border-radius:50%;border:3px solid white;box-shadow:0 2px 8px #0000001a}.point-label{font-size:.8rem;color:var(--text-secondary);font-weight:600;transition:all .3s ease}.point-value{font-size:.9rem;color:var(--text-primary);font-weight:600;transition:all .3s ease}.chart-donut{display:flex;flex-direction:column;gap:.75rem;height:100%;justify-content:center}.donut-segment{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:var(--bg-tertiary);border-radius:8px;transition:all .3s ease}.segment-label{font-weight:600;color:var(--text-primary);transition:all .3s ease}.segment-value{font-size:.9rem;color:var(--text-secondary);transition:all .3s ease}.quick-actions{margin-bottom:3rem}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.action-btn{background:var(--bg-primary);border:2px solid var(--border-light);border-radius:16px;padding:2rem;cursor:pointer;transition:all .3s ease;text-align:left;display:flex;flex-direction:column;gap:1rem;position:relative;overflow:hidden}.action-btn:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.action-btn.primary:before{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.action-btn:hover{transform:translateY(-3px);box-shadow:0 12px 40px #3b82f626;border-color:#3b82f6}.action-icon{font-size:2.5rem;display:block}.action-text{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin:0;transition:all .3s ease}.action-desc{font-size:.9rem;color:var(--text-secondary);margin:0;transition:all .3s ease}.recent-data-section{margin-bottom:3rem}.data-tables-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:2rem}.data-table-card{background:var(--bg-primary);border-radius:20px;padding:2rem;box-shadow:0 8px 32px var(--shadow-light);border:1px solid var(--border-light);transition:all .3s ease}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f3f4f6}.table-header h3{margin:0;font-size:1.3rem;font-weight:700;color:var(--text-primary);transition:all .3s ease}.data-table{width:100%;border-collapse:collapse}.data-table th{background:var(--bg-tertiary);color:var(--text-primary);font-weight:600;font-size:.9rem;text-align:left;padding:1rem;border-bottom:1px solid var(--border-color);transition:all .3s ease}.data-table td{padding:1rem;border-bottom:1px solid var(--border-light);vertical-align:middle;transition:all .3s ease}.data-table tr:hover{background:var(--bg-tertiary)}.employee-cell,.course-cell{display:flex;align-items:center;gap:1rem}.employee-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem}.course-icon{width:40px;height:40px;border-radius:8px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.employee-info,.course-info{flex:1}.employee-name,.course-title{font-weight:600;color:var(--text-primary);margin:0 0 .25rem;transition:all .3s ease}.employee-email,.course-desc{font-size:.9rem;color:var(--text-secondary);margin:0;transition:all .3s ease}.status-badge{padding:.25rem .75rem;border-radius:6px;font-size:.8rem;font-weight:600;display:inline-block}.status-badge.active{background:#3b82f61a;color:#1d4ed8}.status-badge.inactive{background:#ef44441a;color:#dc2626}.category-badge{background:#8b5cf61a;color:#7c3aed;padding:.25rem .75rem;border-radius:6px;font-size:.8rem;font-weight:600}.empty-state{text-align:center;padding:2rem}.empty-state p{color:var(--text-secondary);margin:0;transition:all .3s ease}.system-health-section{margin-bottom:2rem}.health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.health-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #00000014;border:1px solid #f3f4f6;display:flex;align-items:center;gap:1rem}.health-icon{font-size:2rem;width:60px;height:60px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center}.health-content h4{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:#374151}.health-content p{margin:0;font-size:.9rem;color:#6b7280}.health-number{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 .25rem}.health-bar{width:100%;height:8px;background:#f3f4f6;border-radius:4px;overflow:hidden;margin:.5rem 0}.health-fill{height:100%;border-radius:4px;transition:width .3s ease}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.analytics-grid,.analytics-actions-grid,.data-tables-grid{grid-template-columns:1fr}}@media (max-width: 768px){.dashboard-header{flex-direction:column;gap:1rem;text-align:center}.welcome-section h1{font-size:2rem}.stats-grid,.actions-grid,.actions-grid-compact,.analytics-actions-grid{grid-template-columns:1fr}}.stats-loading{text-align:center;padding:4rem 2rem}.loading-spinner{width:60px;height:60px;border:4px solid #f3f4f6;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center}.btn-primary{background:var(--accent-gradient);color:#fff;transition:all .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--shadow-medium)}.btn-outline{background:transparent;color:var(--accent-primary);border:2px solid var(--accent-primary);transition:all .3s ease}.btn-outline:hover{background:var(--accent-primary);color:#fff}.btn-sm{padding:.5rem 1rem;font-size:.9rem}.admin-management-container{min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(29,78,216,.2) 0%,transparent 50%),linear-gradient(135deg,#0f172a,#1e293b 30%,#334155 70%,#1e40af);color:#333;display:flex;flex-direction:column;position:relative;overflow:hidden;font-size:.85rem}.admin-management-container:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 15%,rgba(59,130,246,.08) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(29,78,216,.1) 0%,transparent 40%);opacity:.6;pointer-events:none;z-index:0}.admin-management-content-wrapper{display:flex;flex:1;padding:1.2rem;gap:1.2rem;margin-top:0;position:relative;z-index:2;min-height:calc(100vh - 120px)}.admin-management-main{width:100%;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;box-shadow:0 20px 40px #0000001a,0 0 0 1px #3b82f61a;overflow:hidden;position:relative;z-index:2;border:1px solid rgba(59,130,246,.2)}.admin-management-content{padding:1.5rem}.header-left h2{margin:0 0 .5rem;font-size:1.6rem;font-weight:700;color:#333}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.alert{padding:1rem 1.5rem;border-radius:12px;margin-bottom:1.5rem;font-weight:500;border-left:4px solid;position:relative;overflow:hidden}.alert:before{content:"";position:absolute;inset:0;opacity:.1;z-index:-1}.alert-success{background:#d4edda;color:#155724;border-color:#28a745}.alert-success:before{background:#28a745}.alert-danger{background:#f8d7da;color:#721c24;border-color:#dc3545}.alert-danger:before{background:#dc3545}.alert-warning{background:#fff3cd;color:#856404;border-color:#ffc107}.alert-warning:before{background:#ffc107}.alert strong{font-weight:700}.error-list{margin:.5rem 0 0;padding-left:1.5rem}.error-list li{margin-bottom:.25rem;font-size:.9rem}.form-group input.error,.form-group textarea.error,.form-group select.error{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.error-message{color:#dc3545;font-size:.8rem;margin-top:.25rem;display:block;font-weight:500}.alert-success{animation:slideInRight .5s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.alert-danger,.alert-warning{animation:slideInLeft .5s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.admins-section{margin-top:2rem}.section-header h3{margin:0;font-size:1.5rem;font-weight:600;color:#333}.admin-count{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600}.loading-state{text-align:center;padding:3rem;color:#666}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.empty-state{text-align:center;padding:3rem;color:#666}.empty-state h4{margin:0 0 .5rem;color:#333;font-size:1.3rem}.empty-state p{margin:0;font-size:1rem}.admins-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.admin-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #00000014;border:1px solid #f0f0f0;transition:all .3s ease;display:flex;align-items:flex-start;gap:1rem}.admin-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.admin-avatar{flex-shrink:0}.avatar-text{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;font-weight:600;font-size:1.2rem}.admin-info{flex:1;min-width:0}.admin-info h4{margin:0 0 .5rem;font-size:1.2rem;font-weight:600;color:#333}.admin-email{margin:0 0 .25rem;color:#667eea;font-size:.9rem;font-weight:500}.admin-username{margin:0 0 .5rem;color:#666;font-size:.9rem}.admin-department,.admin-position{margin:0 0 .25rem;color:#888;font-size:.85rem}.admin-status{text-align:right;flex-shrink:0}.status-row{display:flex;flex-direction:column;gap:.25rem;align-items:flex-end;margin-bottom:.5rem}.superuser-badge{display:inline-block;padding:.25rem .5rem;background:linear-gradient(135deg,gold,#ffed4e);color:#8b6914;border-radius:8px;font-size:.8rem;font-weight:600;border:1px solid #ffd700}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;margin-bottom:.5rem}.status-badge.admin{background:#e3f2fd;color:#1976d2}.created-date{display:block;font-size:.8rem;color:#888;margin-bottom:.5rem}.admin-actions{display:flex;gap:.5rem;flex-wrap:wrap}.btn-sm{padding:.25rem .5rem;font-size:.8rem;border-radius:8px}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333;transform:translateY(-1px)}.btn-danger:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.btn-danger:disabled:hover{transform:none;box-shadow:none}.protected-badge{display:inline-block;padding:.25rem .5rem;background:#28a745;color:#fff;border-radius:8px;font-size:.8rem;font-weight:600;cursor:default}.activity-badge{padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:600;display:inline-flex;align-items:center;gap:.25rem;margin-top:.25rem}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease-out}.modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:900px;width:95%;height:95vh;max-height:95vh;overflow:hidden;position:relative;animation:slideInUp .3s ease-out;display:flex;flex-direction:column}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:.8rem 1.5rem;border-bottom:1px solid #e5e7eb;flex-shrink:0;background:#fff;border-radius:12px 12px 0 0;min-height:70px}.modal-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:10px;flex-shrink:0}.modal-title-section h3{margin:0 0 .3rem;font-size:1.3rem;font-weight:700;color:#1f2937}.modal-subtitle{margin:0;color:#6b7280;font-size:.8rem;line-height:1.3}.modal-close:focus{outline:none;box-shadow:0 0 0 3px #3b82f64d}.modal-form{padding:1rem 1.5rem 0;flex:1;overflow-y:auto;height:calc(95vh - 140px);max-height:calc(95vh - 140px)}.form-section{margin-bottom:.75rem}.form-section:last-child{margin-bottom:.25rem}.form-group{margin-bottom:.6rem}.form-group label{display:block;margin-bottom:.2rem;font-weight:600;color:#374151;font-size:.8rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.4rem .6rem;border:2px solid #e5e7eb;border-radius:6px;font-size:.8rem;transition:all .2s ease;background:#fff}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;transform:translateY(-1px)}.form-group input.error,.form-group textarea.error,.form-group select.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.password-strength{margin-top:.2rem;display:flex;align-items:center;gap:.4rem}.strength-bar{flex:1;height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden;position:relative}.strength-bar:after{content:"";position:absolute;top:0;left:0;height:100%;width:0;transition:all .3s ease;border-radius:2px}.strength-bar.weak:after{width:25%;background:#ef4444}.strength-bar.medium:after{width:50%;background:#f59e0b}.strength-bar.strong:after{width:100%;background:#10b981}.strength-text{font-size:.8rem;font-weight:600;min-width:40px}.strength-bar.weak+.strength-text{color:#ef4444}.strength-bar.medium+.strength-text{color:#f59e0b}.strength-bar.strong+.strength-text{color:#10b981}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn:disabled:hover{transform:none!important;box-shadow:none!important}@keyframes spin{to{transform:rotate(360deg)}}.btn-icon{display:inline-block;margin-right:.5rem}@media (max-width: 768px){.modal{width:98%;margin:.5rem;max-height:98vh;height:98vh}.modal-form{max-height:calc(98vh - 160px)}.form-row{grid-template-columns:1fr}.form-section,.form-group{margin-bottom:1rem}.modal-actions{flex-direction:column;padding:.75rem 1rem}.modal-actions .btn{width:100%}.modal-header{padding:1rem}.modal-form{padding:0 1rem 1rem}}.modal:focus{outline:none}.modal input:first-of-type{animation:focusFirstInput .5s ease-out}@keyframes focusFirstInput{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.modal::-webkit-scrollbar{width:6px}.modal::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.modal::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.modal::-webkit-scrollbar-thumb:hover{background:#94a3b8}.table-container{background:#fffffff2;border-radius:16px;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);overflow:hidden;margin-top:1rem}.admin-table{width:100%;border-collapse:collapse;background:#fff}.admin-table thead{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:2px solid #dee2e6}.admin-table th{padding:1rem 1.5rem;text-align:left;font-weight:600;color:#495057;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #dee2e6}.admin-table tbody tr{border-bottom:1px solid #f1f3f4;transition:all .2s ease}.admin-table tbody tr:hover{background-color:#f8f9fa;transform:scale(1.01)}.admin-table td{padding:1rem 1.5rem;vertical-align:middle}.admin-info-cell{min-width:200px}.admin-profile{display:flex;align-items:center;gap:1rem}.admin-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;font-weight:700;flex-shrink:0}.avatar-text{color:#fff;font-weight:600}.admin-details{display:flex;flex-direction:column;gap:.25rem}.admin-name{margin:0;font-size:1.1rem;font-weight:600;color:#333}.admin-username{color:#667eea;font-size:.85rem;font-weight:500}.contact-cell{min-width:180px}.admin-email{margin:0;color:#333;font-weight:500;font-size:.9rem}.admin-phone{margin:0;color:#666;font-size:.85rem}.role-cell{min-width:150px}.role-info{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}.status-badge.admin{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.superuser-badge{background:linear-gradient(135deg,gold,#ffb347);color:#333;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.date-cell{min-width:120px}.created-date{color:#666;font-size:.85rem;font-weight:500}.actions-cell{min-width:150px}.admin-actions{display:flex;gap:.5rem;align-items:center}.btn-outline-primary{background:transparent;color:#667eea;border:2px solid #667eea;padding:.5rem 1rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.btn-outline-primary:hover{background:#667eea;color:#fff;transform:translateY(-1px)}.btn-outline-danger{background:transparent;color:#dc3545;border:2px solid #dc3545;padding:.5rem 1rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.btn-outline-danger:hover{background:#dc3545;color:#fff;transform:translateY(-1px)}.btn-outline-danger:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-outline-warning{background:transparent;color:#f59e0b;border:2px solid #f59e0b}.btn-outline-warning:hover{background:#f59e0b;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.btn-outline-success{background:transparent;color:#10b981;border:2px solid #10b981}.btn-outline-success:hover{background:#10b981;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.btn-icon{font-size:.9rem}.protected-badge{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;cursor:default}.professional-modal{max-width:700px;width:90%}.modal-icon{font-size:2rem;width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.modal-subtitle{margin:.25rem 0 0;color:#666;font-size:.9rem;font-weight:400}.form-section{margin-bottom:2rem;padding:1.5rem;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.section-title{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:#495057;display:flex;align-items:center;gap:.5rem}.section-title:before{content:"";width:4px;height:20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.required{color:#dc3545;font-weight:700}.field-hint{display:block;margin-top:.25rem;color:#6c757d;font-size:.8rem;font-style:italic}.password-input-group{position:relative}.password-strength{margin-top:.3rem;display:flex;align-items:center;gap:.5rem}.strength-bar{height:4px;flex:1;border-radius:2px;background:#e9ecef;overflow:hidden}.strength-bar:before{content:"";display:block;height:100%;width:0;transition:all .3s ease}.strength-bar.weak:before{width:25%;background:#dc3545}.strength-bar.medium:before{width:50%;background:#ffc107}.strength-bar.strong:before{width:100%;background:#28a745}.strength-text{font-size:.8rem;font-weight:600;color:#6c757d;min-width:50px}.btn-outline-secondary{background:transparent;color:#6c757d;border:2px solid #6c757d;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}@media (max-width: 1024px){.admin-table{font-size:.9rem}.admin-table th,.admin-table td{padding:.75rem 1rem}.admin-avatar{width:40px;height:40px;font-size:1rem}}@media (max-width: 768px){.table-container{overflow-x:auto}.admin-table{min-width:800px}.admin-profile{flex-direction:column;text-align:center;gap:.5rem}.admin-actions{flex-direction:column;gap:.25rem}.btn-outline-primary,.btn-outline-danger{width:100%;justify-content:center}}.user-management-container{min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(29,78,216,.2) 0%,transparent 50%),linear-gradient(135deg,#0f172a,#1e293b 30%,#334155 70%,#1e40af);color:#333;display:flex;flex-direction:column;position:relative;overflow:hidden;font-size:.85rem}.user-management-container:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 15%,rgba(59,130,246,.08) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(29,78,216,.1) 0%,transparent 40%);opacity:.6;pointer-events:none;z-index:0}.user-management-content-wrapper{display:flex;flex:1;padding:1.2rem;gap:1.2rem;margin-top:0;position:relative;z-index:2;min-height:calc(100vh - 120px)}.user-management-main{width:100%;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;box-shadow:0 20px 40px #0000001a,0 0 0 1px #3b82f61a;overflow:hidden;position:relative;z-index:2;border:1px solid rgba(59,130,246,.2)}.user-management-content{padding:1.5rem}@media (max-width: 1200px){.user-management-main{margin-left:80px;padding:1rem}}@media (max-width: 768px){.modal-overlay{top:80px;padding:.5rem}.modal{width:98%;max-width:98%;height:calc(98vh - 80px);max-height:calc(98vh - 80px);padding:1rem;margin-top:.5rem}.professional-modal .modal-header{padding:1rem 1.5rem;margin:-1rem -1rem 1.5rem}.modal-title-section h3{font-size:1.5rem}.modal-icon{width:40px;height:40px;font-size:1.5rem}.form-row{grid-template-columns:1fr;gap:1rem}}.modal-overlay,.modal{z-index:99999!important}.user-management-container,.user-management-content-wrapper{position:relative;z-index:1}.section-controls{display:flex;align-items:center;gap:1rem}.display-format-toggle{display:flex;gap:.5rem;background:#f8f9fa;border-radius:8px;padding:.25rem}.format-btn{padding:.5rem 1rem;border:none;background:transparent;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;color:#666;transition:all .2s ease}.format-btn.active{background:#667eea;color:#fff;box-shadow:0 2px 8px #667eea4d}.format-btn:hover:not(.active){background:#e9ecef;color:#333}.content-header h2{margin:0 0 .5rem;font-size:1.8rem;font-weight:700;color:#333}.create-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.create-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-secondary:hover{background:#e9ecef;transform:translateY(-1px)}.alert{padding:1rem 1.5rem;border-radius:12px;margin-bottom:1.5rem;border:1px solid transparent;display:flex;align-items:center;gap:.75rem;font-weight:500}.alert-success{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.alert-danger{background:#fef2f2;border-color:#fecaca;color:#dc2626}.alert-info{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.alert-warning{background:#fffbeb;border-color:#fed7aa;color:#d97706}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;padding:1rem}.user-card{background:#fffffff2;border-radius:16px;padding:1.5rem;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease;display:flex;align-items:center;gap:1rem;position:relative;overflow:hidden}.user-card.clickable{cursor:pointer}.user-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.user-avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:700;flex-shrink:0}.user-info{flex:1}.user-info h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#333}.user-email{margin:0 0 .5rem;color:#667eea;font-size:.9rem;font-weight:500}.user-role{margin:0 0 .75rem;color:#666;font-size:.85rem;text-transform:capitalize}.user-details{display:flex;gap:1rem;flex-wrap:wrap}.detail-item{font-size:.8rem;color:#666}.detail-item strong{color:#333}.card-arrow{font-size:1.5rem;color:#667eea;opacity:.6;transition:all .3s ease}.user-card:hover .card-arrow{opacity:1;transform:translate(4px)}.modal-overlay{position:fixed;inset:80px 0 0;background:#00000080;display:flex;align-items:flex-start;justify-content:center;z-index:99999!important;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:1rem;overflow:hidden}.modal{background:#fff;border-radius:16px;padding:2rem;max-width:95%;width:95%;max-height:calc(95vh - 80px);height:calc(95vh - 80px);overflow-y:auto;box-shadow:0 20px 60px #0000004d;position:relative;margin-top:1rem}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #eee}.modal-header h3{margin:0;font-size:1.5rem;font-weight:600;color:#333}.form-group input,.form-group textarea,.form-group select{padding:.75rem;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem;border-top:1px solid #eee}.form-actions button{padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.form-actions button[type=button]{background:#f8f9fa;color:#666;border:1px solid #dee2e6}.form-actions button[type=button]:hover{background:#e9ecef;color:#333}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}@media (max-width: 768px){.user-management-content-wrapper{padding:1rem}.users-grid{grid-template-columns:1fr;padding:.5rem}.form-row{grid-template-columns:1fr}.modal{margin:1rem;padding:1.5rem}.section-header{flex-direction:column;gap:1rem;align-items:stretch}.user-management-main{margin-left:0;padding-top:1rem}}@media (max-width: 480px){.user-card{flex-direction:column;text-align:center;padding:1rem}.user-details{justify-content:center}}.employees-section{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 8px 32px #0000001a;margin-top:1rem}.employees-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.employees-section .section-header h3{margin:0;font-size:1.5rem;font-weight:700;color:#333}.employee-count{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600}.empty-state h3{margin:0 0 1rem;font-size:1.5rem;color:#333}.table-container{overflow-x:auto;border-radius:12px;box-shadow:0 4px 20px #00000014;margin-top:1rem}.employee-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden}.employee-table th{background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#475569;font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;padding:1.2rem 1rem;text-align:left;border-bottom:2px solid #e2e8f0}.employee-table td{padding:1.2rem 1rem;border-bottom:1px solid #f1f5f9;vertical-align:middle}.employee-table tr:hover{background:#f8fafc;transition:background .2s ease}.list-container{display:flex;flex-direction:column;gap:1rem}.employee-list-item{display:flex;align-items:center;gap:1.5rem;background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 12px #00000014;transition:all .3s ease;border-left:4px solid #667eea}.employee-list-item:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000001f}.employee-list-avatar{width:60px;height:60px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;flex-shrink:0}.employee-list-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.employee-list-name{display:flex;align-items:center;gap:1rem}.employee-list-name h4{margin:0;font-size:1.2rem;font-weight:600;color:#333}.employee-list-id{background:#f8f9fa;color:#666;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:500}.employee-list-contact{display:flex;align-items:center;gap:1rem;color:#666;font-size:.95rem}.employee-list-email{font-weight:500}.employee-list-phone{color:#888}.employee-list-details{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.employee-list-date{color:#666;font-size:.9rem}.employee-list-actions{display:flex;gap:.5rem;flex-shrink:0}@media (max-width: 768px){.employee-list-item{flex-direction:column;align-items:flex-start;gap:1rem}.employee-list-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}}.employee-profile{display:flex;align-items:center;gap:1rem}.employee-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;flex-shrink:0}.employee-info{flex:1}.employee-name{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:#1e293b}.employee-id{margin:0;font-size:.8rem;color:#64748b}.contact-info{display:flex;flex-direction:column;gap:.25rem}.employee-email{margin:0;font-size:.9rem;color:#475569;font-weight:500}.employee-phone{margin:0;font-size:.8rem;color:#64748b}.work-info{display:flex;flex-direction:column;gap:.25rem}.department{font-size:.9rem;font-weight:600;color:#475569}.position{font-size:.8rem;color:#64748b}.status-info{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.employee{background:#dbeafe;color:#1e40af}.activity-badge{padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:600;display:inline-flex;align-items:center;gap:.25rem}.activity-badge.active{background:#d1fae5;color:#065f46}.activity-badge.inactive{background:#fee2e2;color:#991b1b}.employee-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-start}.professional-modal .modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb;flex-shrink:0;background:#fff;border-radius:12px 12px 0 0;margin:-2rem -2rem 2rem}.modal-title-section{display:flex;align-items:center;gap:1rem;flex:1}.modal-icon{font-size:2rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;flex-shrink:0}.modal-title-section h3{margin:0 0 .3rem;font-size:1.8rem;font-weight:700;color:#1f2937}.modal-subtitle{margin:0;color:#6b7280;font-size:1rem;line-height:1.3}.modal-close{background:none;border:none;font-size:1.5rem;color:#9ca3af;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.modal-close:hover{background:#f3f4f6;color:#374151;transform:scale(1.1)}.form-section{margin-bottom:1rem}.section-title{font-size:.9rem;font-weight:600;color:#374151;margin:0 0 .4rem;padding-bottom:.25rem;border-bottom:2px solid #e5e7eb;position:relative}.section-title:after{content:"";position:absolute;bottom:-2px;left:0;width:40px;height:2px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:1px}.required{color:#ef4444;font-weight:700}.field-hint{display:block;margin-top:.2rem;font-size:.7rem;color:#6b7280;font-style:italic}.disabled-input{background-color:#f3f4f6;color:#6b7280;cursor:not-allowed;opacity:.7}.disabled-input:focus{outline:none;border-color:#d1d5db;box-shadow:none}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;padding:.6rem 1.5rem;border-top:1px solid #e5e7eb;flex-shrink:0;background:#f9fafb;border-radius:0 0 12px 12px;min-height:50px}.btn-sm{padding:.4rem .8rem;font-size:.8rem}@media (max-width: 768px){.user-management-content-wrapper{padding-top:70px}.user-management-main{margin-left:0;padding:.75rem;min-height:calc(100vh - 70px);max-height:calc(100vh - 70px)}.section-header h2{font-size:1.3rem}.employees-section{padding:.75rem;margin-top:.25rem}.employees-section .section-header h3{font-size:1.2rem}.employee-table th,.employee-table td{padding:.75rem .5rem}.employee-actions{flex-direction:column;gap:.25rem}.btn-sm{padding:.3rem .6rem;font-size:.7rem}.empty-state{padding:1rem .5rem}.empty-icon{font-size:2rem}.empty-state h3{font-size:1.1rem}}.modal-content{padding:0;max-height:70vh;overflow-y:auto}.employee-details{padding:0 2rem}.detail-section{margin-bottom:2rem}.detail-section:last-child{margin-bottom:1rem}.section-title{font-size:1.1rem;font-weight:600;color:#374151;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb}.detail-grid{display:grid;grid-template-columns:1fr;gap:1rem}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f9fafb;border-radius:8px;border-left:4px solid #3b82f6}.detail-label{font-weight:600;color:#374151;min-width:120px}.detail-value{color:#1f2937;text-align:right;flex:1}.detail-value .status-badge,.detail-value .activity-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:500}@media (max-width: 768px){.detail-item{flex-direction:column;align-items:flex-start;gap:.5rem}.detail-value{text-align:left}}.global-message{margin-bottom:1.5rem;border-radius:12px;border:none;box-shadow:0 4px 12px #0000001a;animation:slideInDown .3s ease-out}.alert-content{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem}.alert-icon{font-size:1.2rem;flex-shrink:0}.alert-text{flex:1;font-weight:500}.alert-close{background:none;border:none;font-size:1.5rem;color:inherit;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease;opacity:.7}.alert-close:hover{opacity:1;background:#fff3}.alert-success{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.alert-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}@keyframes slideInDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.course-management-container{min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(29,78,216,.2) 0%,transparent 50%),linear-gradient(135deg,#0f172a,#1e293b 30%,#334155 70%,#1e40af);color:#333;display:flex;flex-direction:column;position:relative;overflow:hidden;font-size:.85rem}.course-management-container:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 15%,rgba(59,130,246,.08) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(29,78,216,.1) 0%,transparent 40%);opacity:.6;pointer-events:none;z-index:0}.course-management-content-wrapper{display:flex;flex:1;padding:2rem;gap:2rem;margin-top:0;position:relative;z-index:2;min-height:calc(100vh - 180px)}.course-management-main{width:100%;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;box-shadow:0 20px 40px #0000001a,0 0 0 1px #3b82f61a;overflow:hidden;position:relative;z-index:2;border:1px solid rgba(59,130,246,.2)}.course-management-content{padding:2rem}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;padding:1rem}.btn-sm{padding:.5rem 1rem;font-size:.85rem;font-weight:600;border-radius:8px;border:2px solid;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;text-decoration:none;min-width:auto}.btn-outline-primary{background:transparent;color:#667eea;border-color:#667eea}.btn-outline-primary:hover{background:#667eea;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.btn-outline-secondary{background:transparent;color:#6b7280;border-color:#6b7280}.btn-outline-secondary:hover{background:#6b7280;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #6b72804d}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-state{text-align:center;padding:4rem 2rem;color:#666}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state h4{margin:0 0 1rem;font-size:1.5rem;color:#333}.empty-state p{margin:0 0 2rem;font-size:1rem;color:#666}.loading-spinner{width:40px;height:40px;border:4px solid rgba(102,126,234,.2);border-left:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.lesson-creation-modal{background:#fff;border-radius:20px;padding:2rem;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;position:relative;z-index:10000}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.modal-header h3{margin:0;font-size:1.8rem;font-weight:700;color:#333}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:.5rem;border-radius:8px;transition:all .3s ease}.close-btn:hover{background:#f5f5f5;color:#333}.modal-form{display:flex;flex-direction:column;gap:1.5rem}.form-group label{font-weight:600;color:#333;font-size:.95rem}.form-group input,.form-group textarea,.form-group select{padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#fff}.form-hint{font-size:.8rem;color:#6b7280;margin-top:.25rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem;padding-top:1.5rem;border-top:2px solid #f0f0f0}.form-actions button{padding:.75rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;min-width:120px}.submit-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 15px #10b9814d}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.lesson-view-modal{background:#fff;border-radius:20px;padding:2rem;max-width:800px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;position:relative;z-index:10000}.lessons-content{margin-top:1rem}.lesson-item{border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;background:#f9fafb;transition:all .3s ease}.lesson-item:hover{border-color:#667eea;background:#fff;box-shadow:0 4px 12px #0000001a}.lesson-day{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.9rem;min-width:80px;text-align:center}.lesson-title{font-size:1.2rem;font-weight:600;color:#1f2937;flex:1}.youtube-icon{font-size:1.2rem}.youtube-link{color:#dc2626;text-decoration:none;font-weight:500;transition:all .3s ease}.youtube-link:hover{color:#b91c1c;text-decoration:underline}.lesson-description{color:#6b7280;font-size:.95rem;line-height:1.5;padding:.75rem;background:#fff;border-radius:8px;border-left:3px solid #667eea}.lesson-meta{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}.lesson-date{font-size:.8rem;color:#9ca3af;font-style:italic}.lesson-actions{display:flex;gap:.5rem}.btn-xs{padding:.25rem .5rem;font-size:.75rem;border-radius:6px;min-width:auto}.btn-outline-primary{background:transparent;color:#3b82f6;border:1px solid #3b82f6;transition:all .3s ease}.btn-outline-primary:hover{background:#3b82f6;color:#fff;transform:translateY(-1px)}.btn-outline-danger{background:transparent;color:#ef4444;border:1px solid #ef4444;transition:all .3s ease}.btn-outline-danger:hover{background:#ef4444;color:#fff;transform:translateY(-1px)}.empty-lessons{text-align:center;padding:3rem 2rem}.empty-lessons .empty-icon{font-size:3rem;color:#9ca3af;margin-bottom:1rem}.empty-lessons h4{margin:0 0 .5rem;color:#374151;font-size:1.3rem}.empty-lessons p{margin:0 0 1.5rem;color:#6b7280}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;gap:1rem}.loading-spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.loading-container p{color:#6b7280;margin:0}.btn-outline-info{background:transparent;color:#0891b2;border:1px solid #0891b2;transition:all .3s ease}.btn-outline-info:hover{background:#0891b2;color:#fff;transform:translateY(-1px)}@media (max-width: 768px){.lesson-view-modal{margin:1rem;padding:1.5rem;max-width:calc(100vw - 2rem)}.lesson-header{flex-direction:column;align-items:flex-start;gap:.5rem}.lesson-day{min-width:auto;padding:.4rem .8rem;font-size:.8rem}.lesson-title{font-size:1.1rem}.lesson-item{padding:1rem}}@media (max-width: 1200px){.course-management-main{margin-left:80px;padding:1rem}}@media (max-width: 768px){.course-management-content-wrapper{padding:1rem}.course-management-main{width:100%;margin-left:0}.courses-list-container{gap:.75rem}.course-list-item{padding:1rem}.content-header{flex-direction:column;gap:1rem;align-items:stretch}.header-left h2{font-size:1.5rem}.course-creation-modal,.lesson-creation-modal{margin:1rem;padding:1.5rem;max-width:calc(100vw - 2rem)}.form-actions{flex-direction:column}.form-actions button{width:100%}.course-list-actions{flex-direction:column}.course-list-actions .btn-sm{width:100%;justify-content:center}}@media (max-width: 480px){.course-list-item{padding:1rem}.course-list-header{flex-direction:column;gap:.5rem;align-items:flex-start}.course-list-meta{justify-content:center}.modal-header h3{font-size:1.5rem}.course-actions{gap:.5rem}}.file-link-btn{background:none;border:none;color:#007bff;text-decoration:underline;cursor:pointer;padding:0;font-size:inherit;font-family:inherit;transition:color .3s ease}.file-link-btn:hover{color:#0056b3;text-decoration:none}.file-link-btn:disabled{color:#6c757d;cursor:not-allowed;text-decoration:none}.courses-list-container{display:flex;flex-direction:column;gap:1rem;flex:1;min-height:0}.course-list-item{display:flex;align-items:center;gap:1.5rem;background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 12px #00000014;transition:all .3s ease;border-left:4px solid #667eea}.course-list-item:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000001f}.course-list-icon{width:60px;height:60px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;flex-shrink:0}.course-list-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.course-list-header{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.course-list-title{margin:0;font-size:1.2rem;font-weight:600;color:#333}.course-list-category{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.course-list-description{color:#666;font-size:.95rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-list-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;color:#666;font-size:.9rem}.course-list-date,.course-list-lessons{display:flex;align-items:center;gap:.25rem}.course-list-actions{display:flex;gap:.5rem;flex-shrink:0;flex-wrap:wrap}@media (max-width: 768px){.course-list-item{flex-direction:column;align-items:flex-start;gap:1rem}.course-list-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.course-list-header{flex-direction:column;align-items:flex-start;gap:.5rem}}.create-course-container{min-height:100vh;background:#f8fafc}.create-course-content-wrapper{display:flex;min-height:calc(100vh - 80px);padding-top:80px}.create-course-main{width:100%;background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;margin:20px 20px 20px 100px;transition:margin-left .3s ease}.create-course-main.sidebar-collapsed{margin-left:80px}.create-course-content{padding:2rem}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #f0f0f0}.header-left h2{margin:0 0 .5rem;font-size:2rem;font-weight:700;color:#1f2937}.header-left p{margin:0;color:#6b7280;font-size:1rem}.header-actions .btn{padding:.75rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;display:flex;align-items:center;gap:.5rem}.btn-secondary{background:#f8f9fa;color:#666;border:1px solid #dee2e6}.btn-secondary:hover{background:#e9ecef;color:#333;transform:translateY(-1px)}.course-form-container{max-width:800px;margin:0 auto;background:#fff;border-radius:16px;padding:2rem;box-shadow:0 2px 10px #0000000d}.course-form{display:flex;flex-direction:column;gap:2rem}.form-group label{font-weight:600;color:#374151;font-size:1rem}.form-group input,.form-group textarea,.form-group select{padding:1rem 1.25rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#fff;font-family:inherit}.form-group input:disabled,.form-group textarea:disabled,.form-group select:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.form-group textarea{resize:vertical;min-height:120px;line-height:1.6}.file-upload-container{position:relative}.file-input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;z-index:2}.file-input:disabled{cursor:not-allowed}.file-upload-label{border:2px dashed #d1d5db;border-radius:12px;padding:2.5rem;text-align:center;transition:all .3s ease;background:#f9fafb;cursor:pointer;min-height:120px;display:flex;align-items:center;justify-content:center}.file-upload-label:hover:not(.disabled){border-color:#667eea;background:#f0f9ff}.file-upload-label.disabled{opacity:.6;cursor:not-allowed}.upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:.75rem}.upload-icon{font-size:2.5rem;color:#9ca3af}.upload-text{font-weight:600;color:#374151;font-size:1.1rem}.upload-hint{font-size:.9rem;color:#6b7280}.selected-file{display:flex;align-items:center;gap:1rem;background:#fff;padding:1rem 1.25rem;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000d}.file-icon{font-size:1.75rem;color:#10b981}.file-name{flex:1;font-weight:500;color:#374151;font-size:1rem}.remove-file-btn{background:#fee2e2;color:#dc2626;border:none;width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all .3s ease}.remove-file-btn:hover:not(:disabled){background:#fecaca;transform:scale(1.1)}.remove-file-btn:disabled{opacity:.6;cursor:not-allowed}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem;padding-top:2rem;border-top:2px solid #f0f0f0}.form-actions button{padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;min-width:140px}.form-actions button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 15px #10b9814d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.submit-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 15px #10b9814d}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}@media (max-width: 1200px){.create-course-main{margin-left:80px}.create-course-content{padding:1.5rem}}@media (max-width: 768px){.create-course-main{margin:10px 10px 10px 80px}.create-course-content{padding:1rem}.content-header{flex-direction:column;gap:1rem;align-items:flex-start}.header-actions{width:100%}.header-actions .btn{width:100%;justify-content:center}.form-actions{flex-direction:column}.form-actions button{width:100%}.course-form-container{padding:1.5rem}.file-upload-label{padding:2rem;min-height:100px}}@media (max-width: 480px){.create-course-main{margin:5px 5px 5px 75px}.create-course-content{padding:.75rem}.course-form-container{padding:1rem}.header-left h2{font-size:1.5rem}.header-left p{font-size:.9rem}}.user-detail-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);color:#333;padding:2rem}.user-profile-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);max-width:1000px;margin:0 auto}.profile-header{display:flex;align-items:center;gap:2rem;margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid rgba(102,126,234,.1)}.profile-avatar{width:120px;height:120px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:3rem;font-weight:700;box-shadow:0 8px 25px #667eea4d}.profile-info h1{margin:0 0 .5rem;font-size:2.5rem;color:#333;font-weight:700}.user-role{margin:0 0 .5rem;font-size:1.2rem;color:#667eea;font-weight:600}.user-email{margin:0;font-size:1.1rem;color:#666}.profile-status{display:flex;flex-direction:column;align-items:center}.status-badge.inactive{background:#ef44441a;color:#dc2626;border:2px solid rgba(239,68,68,.3)}.user-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.edit-form-section{background:#667eea0d;border-radius:15px;padding:2rem;border:1px solid rgba(102,126,234,.1);margin-top:2rem}.form-group input{padding:.75rem;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;transition:all .3s ease}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}@media (max-width: 768px){.user-detail-page{padding:1rem}.detail-header{flex-direction:column;gap:1rem;text-align:center}.profile-header{flex-direction:column;text-align:center;gap:1rem}.profile-info h1{font-size:2rem}.user-details-grid,.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}}@media (max-width: 480px){.profile-avatar{width:100px;height:100px;font-size:2.5rem}.profile-info h1{font-size:1.8rem}.detail-section{padding:1rem}.edit-form-section{padding:1.5rem}}.course-detail-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);color:#333}.course-detail-content-wrapper{display:flex;min-height:calc(100vh - 80px);margin-top:80px}.course-detail-main{flex:1;padding:2rem;transition:margin-left .3s ease}.course-detail-main.sidebar-collapsed{margin-left:0}.course-detail-content{max-width:1200px;margin:0 auto}@media (max-width: 768px){.course-detail-content-wrapper{flex-direction:column}.course-detail-main{margin-left:0;padding:1rem}.course-detail-content{max-width:100%}}.detail-header{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem 2rem;border-radius:20px;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2)}.back-btn{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.edit-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.edit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f64d}.delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.delete-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ef44444d}.course-profile-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);max-width:1000px;margin:0 auto}.profile-header{display:flex;align-items:flex-start;gap:2rem;margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid rgba(102,126,234,.1)}.course-icon-large{font-size:4rem;width:120px;height:120px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 25px #667eea4d;flex-shrink:0}.course-info h1{margin:0 0 1rem;font-size:2.5rem;color:#333;font-weight:700;line-height:1.2}.course-description-large{margin:0 0 1.5rem;font-size:1.2rem;color:#666;line-height:1.6}.course-meta-large{display:flex;gap:1rem;flex-wrap:wrap}.meta-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#667eea1a;border-radius:20px;color:#667eea;font-weight:600;font-size:.9rem}.course-status{display:flex;flex-direction:column;gap:1rem;align-items:center;flex-shrink:0}.difficulty-badge-large{padding:.75rem 1.5rem;border-radius:20px;color:#fff;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;text-align:center;min-width:120px}.status-badge{padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.active{background:#10b9811a;color:#059669;border:2px solid rgba(16,185,129,.3)}.course-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.detail-section{background:#667eea0d;border-radius:15px;padding:1.5rem;border:1px solid rgba(102,126,234,.1)}.detail-section h3{margin:0 0 1rem;font-size:1.3rem;color:#333;font-weight:600;border-bottom:2px solid rgba(102,126,234,.2);padding-bottom:.5rem}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid rgba(102,126,234,.1)}.detail-label{font-weight:600;color:#666;font-size:.9rem}.detail-value{color:#333;font-weight:500}.edit-form-section{background:#667eea0d;border-radius:15px;padding:2rem;border:1px solid rgba(102,126,234,.1);margin-bottom:2rem}.edit-form-section h3{margin:0 0 1.5rem;font-size:1.5rem;color:#333;font-weight:600;text-align:center}.edit-form{display:flex;flex-direction:column;gap:1.5rem}.form-group label{font-weight:600;color:#333;font-size:.9rem}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;transition:all .3s ease;font-family:inherit}.form-actions{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.cancel-btn{background:#e5e7eb;color:#666;border:none;padding:.75rem 1.5rem;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-btn:hover{background:#d1d5db}.save-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.save-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b9814d}.content-preview-section{background:#667eea0d;border-radius:15px;padding:2rem;border:1px solid rgba(102,126,234,.1);text-align:center}.content-preview-section h3{margin:0 0 1.5rem;font-size:1.5rem;color:#333;font-weight:600}.content-placeholder{display:flex;flex-direction:column;align-items:center;gap:1rem;color:#666}.placeholder-icon{font-size:3rem;opacity:.5}.content-placeholder p{margin:0;font-size:1.1rem;font-weight:500}.content-placeholder small{font-size:.9rem;opacity:.7}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;color:#fff;text-align:center}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.error-container h2{margin:0 0 1rem;font-size:2rem}.error-container p{margin:0 0 2rem;font-size:1.1rem;opacity:.9}@media (max-width: 768px){.course-detail-page{padding:1rem}.detail-header{flex-direction:column;gap:1rem;text-align:center}.profile-header{flex-direction:column;text-align:center;gap:1.5rem}.course-info h1{font-size:2rem}.course-details-grid,.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.course-meta-large{justify-content:center}.course-status{flex-direction:row;gap:1rem}}@media (max-width: 480px){.course-icon-large{width:100px;height:100px;font-size:3rem}.course-info h1{font-size:1.8rem}.detail-section{padding:1rem}.edit-form-section,.content-preview-section{padding:1.5rem}}.course-actions{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;align-items:center}.back-btn{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;margin-right:auto}.back-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6b72804d}.course-actions .edit-btn,.course-actions .delete-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem}.course-actions .edit-btn{background:#667eea;color:#fff}.course-actions .edit-btn:hover{background:#5a67d8;transform:translateY(-2px)}.course-actions .delete-btn{background:#e53e3e;color:#fff}.course-actions .delete-btn:hover{background:#c53030;transform:translateY(-2px)}.user-actions{display:flex;justify-content:flex-end;gap:1rem;padding:1rem 2rem;background:#ffffff1a;border-bottom:1px solid rgba(255,255,255,.2);margin-bottom:2rem}.user-actions .edit-btn,.user-actions .delete-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem}.user-actions .edit-btn{background:#667eea;color:#fff}.user-actions .edit-btn:hover{background:#5a67d8;transform:translateY(-2px)}.user-actions .delete-btn{background:#e53e3e;color:#fff}.user-actions .delete-btn:hover{background:#c53030;transform:translateY(-2px)}.course-id-badge{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;padding:.5rem 1rem;border-radius:15px;font-size:.875rem;font-weight:600;text-align:center}.lessons-list{display:flex;flex-direction:column;gap:1rem}.lesson-item{background:#fffffff2;border-radius:15px;padding:1.5rem;box-shadow:0 4px 16px #0000001a;border:1px solid rgba(255,255,255,.2)}.lesson-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.lesson-day{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.875rem;min-width:80px;text-align:center}.lesson-title{font-size:1.125rem;font-weight:600;color:#1f2937;flex:1}.lesson-details{display:flex;flex-direction:column;gap:.75rem}.lesson-youtube{display:flex;align-items:center;gap:.5rem}.youtube-icon{font-size:1.25rem}.youtube-link{color:#ef4444;text-decoration:none;font-weight:600;transition:color .3s ease}.youtube-link:hover{color:#dc2626;text-decoration:underline}.lesson-description{color:#6b7280;font-size:.875rem;line-height:1.5}.lesson-meta{display:flex;gap:1rem;font-size:.75rem;color:#9ca3af}.lesson-duration,.lesson-date{display:flex;align-items:center;gap:.25rem}.empty-lessons{text-align:center;padding:3rem 2rem;background:#fffffff2;border-radius:20px;border:2px dashed rgba(107,114,128,.3)}.empty-lessons h4{color:#374151;margin-bottom:.5rem}.empty-lessons p{color:#6b7280;margin-bottom:1.5rem}.hero-section{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:24px;padding:3rem;margin-bottom:2rem;color:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:0 20px 40px #3b82f64d;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.1"/><circle cx="10" cy="60" r="0.5" fill="white" opacity="0.1"/><circle cx="90" cy="40" r="0.5" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem;animation:fadeInUp .6s ease-out .2s both}.filters-section{background:#fffffff2;border-radius:20px;padding:2rem;margin-bottom:2rem;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);animation:slideInLeft .6s ease-out .4s both}.filters-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #f0f0f0}.filters-header h2{margin:0 0 .5rem;font-size:1.8rem;font-weight:700;color:#1f2937}.filters-header p{margin:0;color:#6b7280;font-size:1rem}.filter-row{display:flex;gap:1.5rem;margin-bottom:1.5rem;align-items:end}.filter-row:last-child{margin-bottom:0}.filter-group{display:flex;flex-direction:column;gap:.75rem;min-width:180px}.filter-group.wide{flex:2;min-width:300px}.filter-group label{font-size:.9rem;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px}.select-wrapper{position:relative}.select-wrapper select{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:.95rem;background:#fff;appearance:none;transition:all .3s ease;cursor:pointer}.select-wrapper select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.select-arrow{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none;font-size:.8rem}.search-input-wrapper,.date-input-wrapper{position:relative}.search-input-wrapper input,.date-input-wrapper input{width:100%;padding:.75rem 1rem .75rem 3rem;border:2px solid #e5e7eb;border-radius:12px;font-size:.95rem;background:#fff;transition:all .3s ease}.search-input-wrapper input:focus,.date-input-wrapper input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.search-icon,.date-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:1rem}.filter-actions{display:flex;justify-content:center;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:2px solid #f0f0f0}.filter-btn{padding:.75rem 1.5rem;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.filter-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.filter-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.filter-btn.secondary{background:#f3f4f6;color:#374151;border:2px solid #e5e7eb}.filter-btn.secondary:hover{background:#e5e7eb;transform:translateY(-2px)}.filter-btn.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.filter-btn.success:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b9814d}.logs-section{background:#fffffff2;border-radius:20px;padding:2rem;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);animation:fadeInUp .6s ease-out .6s both}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #f0f0f0}.header-left h2{margin:0 0 1rem;font-size:1.8rem;font-weight:700;color:#1f2937}.header-badges{display:flex;gap:1rem}.badge{padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge.primary{background:#667eea1a;color:#667eea}.badge.info{background:#3b82f61a;color:#3b82f6}.header-actions{display:flex;gap:1rem}.action-btn{padding:.75rem 1.5rem;border:none;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.action-btn.refresh{background:#f3f4f6;color:#374151;border:2px solid #e5e7eb}.action-btn.refresh:hover{background:#e5e7eb;transform:translateY(-2px)}.action-btn.export{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.action-btn.export:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b9814d}.loading-state{text-align:center;padding:4rem 2rem}.loading-animation{display:flex;justify-content:center;gap:.5rem;margin-bottom:2rem}.loading-circle{width:20px;height:20px;background:#667eea;border-radius:50%;animation:loading-bounce 1.4s ease-in-out infinite both}.loading-circle:nth-child(1){animation-delay:-.32s}.loading-circle:nth-child(2){animation-delay:-.16s}@keyframes loading-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.loading-state h3{margin:0 0 1rem;font-size:1.5rem;color:#1f2937;font-weight:600}.loading-state p{margin:0;color:#6b7280;font-size:1rem}.logs-table-container{border:2px solid #e5e7eb;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 4px 20px #00000014;transition:all .3s ease}.logs-table-container:hover{box-shadow:0 8px 30px #0000001f}.logs-table{width:100%}.table-header{display:grid;grid-template-columns:140px 160px 120px 120px 180px 1fr 140px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e5e7eb}.header-cell{padding:1.25rem 1rem;font-weight:700;color:#374151;font-size:.9rem;text-align:left;text-transform:uppercase;letter-spacing:.5px}.log-row{display:grid;grid-template-columns:140px 160px 120px 120px 180px 1fr 140px;border-bottom:1px solid #f3f4f6;transition:all .2s ease}.log-row:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);transform:translate(4px)}.log-row.even{background:#fafafa}.log-row.odd{background:#fff}.log-row:last-child{border-bottom:none}.log-cell{padding:1.25rem 1rem;font-size:.9rem;color:#374151;display:flex;align-items:center}.timestamp-content{display:flex;flex-direction:column;gap:.25rem}.time{font-family:Monaco,Menlo,Courier New,monospace;font-size:.85rem;color:#1f2937;font-weight:600}.time-ago{font-size:.75rem;color:#9ca3af;font-style:italic}.user-avatar{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;margin-right:.75rem}.user-info{display:flex;flex-direction:column;gap:.25rem}.user-name{font-weight:600;color:#1f2937}.user-role{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.action-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f8fafc;border-radius:20px;border:1px solid #e5e7eb}.action-icon{font-size:1rem}.action-text{font-weight:600;color:#374151}.severity-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.severity-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.severity-badge.low{background:#10b9811a;color:#10b981}.severity-badge.medium{background:#f59e0b1a;color:#f59e0b}.severity-badge.high{background:#ef44441a;color:#ef4444}.severity-badge.critical{background:#8b00001a;color:#8b0000}.model-badge{display:inline-block;padding:.25rem .75rem;background:#f3f4f6;color:#374151;border-radius:12px;font-size:.8rem;font-weight:600;margin-bottom:.5rem}.object-name{font-size:.85rem;color:#6b7280;font-style:italic}.description-content{display:flex;flex-direction:column;gap:.5rem}.description-text{margin:0;color:#4b5563;line-height:1.5;font-weight:500}.metadata-tags{display:flex;flex-wrap:wrap;gap:.5rem}.metadata-tag{padding:.25rem .5rem;background:#f3f4f6;color:#6b7280;border-radius:8px;font-size:.75rem;font-family:Monaco,Menlo,monospace}.ip-info{display:flex;flex-direction:column;gap:.25rem}.ip-address{font-family:Monaco,Menlo,Courier New,monospace;font-size:.85rem;color:#1f2937;font-weight:600}.ip-location{font-size:.75rem;color:#9ca3af}.empty-state{text-align:center;padding:4rem 2rem}.empty-illustration{margin-bottom:2rem;position:relative}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.3}.empty-lines{display:flex;justify-content:center;gap:.5rem}.empty-line{width:60px;height:4px;background:#e5e7eb;border-radius:2px;animation:empty-pulse 2s ease-in-out infinite}.empty-line:nth-child(2){animation-delay:.2s}.empty-line:nth-child(3){animation-delay:.4s}@keyframes empty-pulse{0%,to{opacity:.3}50%{opacity:.8}}.empty-state h3{margin:0 0 1rem;font-size:1.5rem;color:#1f2937;font-weight:600}.empty-state p{margin:0 0 2rem;color:#6b7280;font-size:1rem;max-width:400px;margin-left:auto;margin-right:auto}.empty-action-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.empty-action-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:2rem;border-top:2px solid #f0f0f0}.pagination-info{font-size:.9rem;color:#6b7280;font-weight:500}.pagination-controls{display:flex;align-items:center;gap:1rem}.page-btn{padding:.75rem 1rem;border:2px solid #e5e7eb;background:#fff;color:#374151;border-radius:12px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.page-btn:hover:not(:disabled){background:#f8fafc;border-color:#d1d5db;transform:translateY(-2px)}.page-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-btn.prev,.page-btn.next{font-weight:700}.page-numbers{display:flex;gap:.5rem}@media (max-width: 1400px){.table-header,.log-row{grid-template-columns:120px 140px 100px 100px 150px 1fr 120px}.header-cell,.log-cell{padding:1rem .75rem;font-size:.85rem}}@media (max-width: 1200px){.hero-section{flex-direction:column;text-align:center;gap:2rem}.hero-content{flex-direction:column;text-align:center}.filter-row{flex-direction:column;align-items:stretch}.filter-group{min-width:auto}.table-header,.log-row{grid-template-columns:100px 120px 80px 80px 120px 1fr 100px}.header-cell,.log-cell{padding:.75rem .5rem;font-size:.8rem}.pagination{flex-direction:column;gap:1rem}}@media (max-width: 991px){.hero-section{padding:2rem 1.5rem;margin-bottom:1.5rem}.hero-content{flex-direction:column;text-align:center;gap:1.5rem}.hero-icon{width:80px;height:80px;font-size:3rem}.hero-text h1{font-size:2rem}.hero-text p{font-size:1rem}.hero-actions{flex-wrap:wrap;justify-content:center}.filters-section{padding:1.5rem}.filter-row{flex-wrap:wrap;gap:1rem}.filter-group{min-width:150px;flex:1}.logs-section{padding:1.5rem}}@media (max-width: 767px){.stats-grid{grid-template-columns:1fr;gap:1rem}.stat-card{padding:1.5rem}.stat-icon-wrapper{margin-bottom:1rem}.stat-icon{width:60px;height:60px;font-size:2rem}.stat-number{font-size:2rem}.hero-section{padding:1.5rem 1rem;text-align:center}.hero-content{flex-direction:column;gap:1rem}.hero-icon{width:70px;height:70px;font-size:2.5rem;margin:0 auto}.hero-text h1{font-size:1.8rem;margin-bottom:.75rem}.hero-text p{font-size:.95rem}.hero-actions{flex-direction:column;gap:.75rem;width:100%}.hero-btn{padding:.75rem 1.25rem;font-size:.9rem;justify-content:center}.filters-section{padding:1.25rem}.filters-header h2{font-size:1.5rem}.filter-row{flex-direction:column;gap:1rem}.filter-group{min-width:auto}.filter-actions{flex-direction:column;gap:.75rem}.filter-btn{justify-content:center;padding:.75rem}.logs-section{padding:1.25rem}.section-header{flex-direction:column;gap:1rem;align-items:stretch}.header-actions{flex-direction:column;gap:.75rem}.action-btn{justify-content:center;padding:.75rem}.logs-table-container{border-radius:12px}.table-header{display:none}.log-row{display:block;background:#fff;border-radius:12px;padding:1.25rem;margin-bottom:1rem;box-shadow:0 4px 12px #0000001a;border:1px solid #e5e7eb}.log-row:hover{transform:none;box-shadow:0 6px 16px #00000026}.log-cell{display:block;padding:.5rem 0;border-bottom:1px solid #f3f4f6}.log-cell:last-child{border-bottom:none}.log-cell:before{content:attr(data-label);display:block;font-weight:700;color:#374151;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.pagination{flex-direction:column;gap:1rem;text-align:center}.page-numbers{justify-content:center;flex-wrap:wrap}}@media (max-width: 575px){.hero-section{padding:1.25rem .75rem;margin-bottom:1rem}.hero-text h1{font-size:1.6rem}.hero-text p{font-size:.9rem}.hero-icon{width:60px;height:60px;font-size:2rem}.stat-card{padding:1.25rem}.stat-icon{width:50px;height:50px;font-size:1.8rem}.stat-number{font-size:1.8rem}.filters-section{padding:1rem}.filters-header h2{font-size:1.3rem}.filter-group label{font-size:.8rem}.select-wrapper select,.search-input-wrapper input,.date-input-wrapper input{padding:.65rem .85rem;font-size:.9rem}.search-input-wrapper input{padding-left:2.5rem}.logs-section,.log-row{padding:1rem}.log-cell{padding:.4rem 0}.user-avatar{width:32px;height:32px;font-size:.9rem;margin-right:.5rem}.page-btn{padding:.6rem .8rem;font-size:.8rem}}@media (max-width: 375px){.hero-section{padding:1rem .5rem}.hero-text h1{font-size:1.4rem}.hero-text p{font-size:.85rem}.hero-icon{width:50px;height:50px;font-size:1.8rem}.hero-btn{padding:.65rem 1rem;font-size:.85rem}.stat-card{padding:1rem}.stat-icon{width:45px;height:45px;font-size:1.6rem}.stat-number{font-size:1.6rem}.filters-section,.logs-section,.log-row{padding:.75rem}}.audit-trail-page{min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(29,78,216,.2) 0%,transparent 50%),linear-gradient(135deg,#0f172a,#1e293b 30%,#334155 70%,#1e40af);position:relative;overflow:hidden}.audit-trail-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 15%,rgba(59,130,246,.08) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(29,78,216,.1) 0%,transparent 40%);opacity:.6;pointer-events:none;z-index:0}.audit-trail-content-wrapper{display:flex;padding:2rem;gap:2rem;min-height:calc(100vh - 80px);position:relative;z-index:2}.audit-trail-main{flex:1;background:#fffffff2;border-radius:16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 40px #0000001a,0 0 0 1px #3b82f61a;overflow:hidden;border:1px solid rgba(59,130,246,.2)}.audit-trail-content{padding:2rem;height:100%}@media (max-width: 991px){.audit-trail-content-wrapper{padding:1rem;gap:1rem}.audit-trail-content{padding:1.5rem}}@media (max-width: 767px){.audit-trail-content-wrapper{flex-direction:column;padding:.5rem;gap:1rem}.audit-trail-main{width:100%;margin:0}.audit-trail-content{padding:1rem}}@media (max-width: 575px){.audit-trail-content-wrapper{padding:.25rem}.audit-trail-content{padding:.75rem}}.audit-logs-list-container{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.audit-log-list-item{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:12px;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.audit-log-list-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:#d1d5db}.audit-log-list-icon{flex-shrink:0;width:60px;height:60px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;display:flex;align-items:center;justify-content:center;border:2px solid #e5e7eb}.action-icon-wrapper{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.action-icon{font-size:1.5rem;opacity:.8}.audit-log-list-info{flex:1;display:flex;flex-direction:column;gap:.75rem;min-width:0}.audit-log-list-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.audit-log-list-title{display:flex;align-items:center;gap:.75rem;flex:1}.action-text{font-weight:600;color:#1f2937;font-size:1rem}.severity-badge{display:flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.severity-badge.critical{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.severity-badge.high{background:#fff7ed;color:#ea580c;border:1px solid #fed7aa}.severity-badge.medium{background:#fffbeb;color:#d97706;border:1px solid #fde68a}.severity-badge.low{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.severity-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.audit-log-list-timestamp{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;flex-shrink:0}.time{font-family:Monaco,Menlo,Courier New,monospace;font-size:.85rem;color:#374151;font-weight:600}.time-ago{font-size:.75rem;color:#6b7280;font-style:italic}.audit-log-list-description{color:#374151;line-height:1.5}.description-text{margin:0 0 .5rem;font-size:.9rem;color:#1f2937;font-weight:500}.metadata-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.metadata-tag{background:#f3f4f6;color:#374151;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-family:Monaco,Menlo,Courier New,monospace;font-weight:500;border:1px solid #e5e7eb}.audit-log-list-meta{display:flex;align-items:center;gap:2rem;padding-top:.75rem;border-top:1px solid #f3f4f6;flex-wrap:wrap}.audit-log-list-user{display:flex;align-items:center;gap:.75rem}.user-avatar{width:32px;height:32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem}.user-info{display:flex;flex-direction:column;gap:.125rem}.user-name{font-weight:600;color:#000;font-size:.875rem}.user-role{font-size:.75rem;color:#000;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.audit-log-list-model{display:flex;flex-direction:column;gap:.25rem}.model-badge{background:#e0e7ff;color:#3730a3;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid #c7d2fe}.object-name{font-size:.75rem;color:#6b7280;font-style:italic;font-weight:500}.audit-log-list-ip{display:flex;flex-direction:column;gap:.25rem;align-items:flex-start}.ip-address{font-family:Monaco,Menlo,Courier New,monospace;font-size:.75rem;color:#374151;font-weight:600}.ip-location{font-size:.75rem;color:#6b7280;font-weight:500}@media (max-width: 768px){.audit-log-list-item{flex-direction:column;gap:1rem}.audit-log-list-icon{width:50px;height:50px;align-self:flex-start}.audit-log-list-header{flex-direction:column;align-items:flex-start;gap:.5rem}.audit-log-list-timestamp{align-items:flex-start}.audit-log-list-meta{flex-direction:column;align-items:flex-start;gap:1rem}.audit-log-list-user,.audit-log-list-model,.audit-log-list-ip{width:100%}}@media (max-width: 480px){.audit-log-list-item{padding:1rem}.audit-log-list-title{flex-direction:column;align-items:flex-start;gap:.5rem}.metadata-tags{flex-direction:column}}.access-management-page{min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(29,78,216,.2) 0%,transparent 50%),linear-gradient(135deg,#0f172a,#1e293b 30%,#334155 70%,#1e40af);color:#333;display:flex;flex-direction:column;position:relative;overflow:hidden;font-size:.85rem}.access-management-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 15%,rgba(59,130,246,.08) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(29,78,216,.1) 0%,transparent 40%);opacity:.6;pointer-events:none;z-index:0}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(29,78,216,.2) 0%,transparent 50%),linear-gradient(135deg,#0f172a,#1e293b 30%,#334155 70%,#1e40af);color:#fff;gap:1rem}.loading-container p{font-size:1.1rem;opacity:.9;margin:0}.loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite}.access-management-content-wrapper{display:flex;flex:1;padding:2rem;gap:2rem;margin-top:0;position:relative;z-index:1;min-height:calc(100vh - 180px)}.access-management-main{width:100%;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 8px 32px #0000001a;overflow:hidden;position:relative;z-index:1}.access-management-content{padding:2rem}.hero-section{background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(29,78,216,.2) 0%,transparent 50%),linear-gradient(135deg,#0f172a,#1e293b 30%,#334155 70%,#1e40af);border-radius:24px;padding:3rem;margin-bottom:2rem;color:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:0 20px 40px #10b9814d;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.1"/><circle cx="10" cy="60" r="0.5" fill="white" opacity="0.1"/><circle cx="90" cy="40" r="0.5" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.hero-btn{padding:1rem 2rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-btn.primary{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3)}.hero-btn.primary:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:0 10px 25px #0003}.hero-btn.secondary{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.2)}.hero-btn.secondary:hover{background:#fff3;transform:translateY(-2px)}.hero-btn.debug{background:#ef444433;color:#fff;border:2px solid rgba(239,68,68,.3)}.hero-btn.debug:hover{background:#ef44444d;transform:translateY(-2px);box-shadow:0 10px 25px #ef444433}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fffffff2;border-radius:20px;padding:2rem;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-color),var(--accent-color-light))}.stat-card.primary:before{--accent-color: #667eea;--accent-color-light: #764ba2}.stat-card.success:before{--accent-color: #10B981;--accent-color-light: #059669}.stat-card.info:before{--accent-color: #3B82F6;--accent-color-light: #1D4ED8}.stat-card.warning:before{--accent-color: #F59E0B;--accent-color-light: #D97706}.stat-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000026}.stat-icon-wrapper{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.stat-icon{font-size:2.5rem;width:70px;height:70px;background:linear-gradient(135deg,var(--accent-color),var(--accent-color-light));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.stat-trend{padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:700;text-transform:uppercase}.stat-trend.positive{background:#10b9811a;color:#10b981}.stat-trend.negative{background:#ef44441a;color:#ef4444}.stat-trend.neutral{background:#6b72801a;color:#6b7280}.stat-content h3{margin:0 0 .5rem;font-size:1rem;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-number{margin:0 0 .5rem;font-size:2.5rem;font-weight:800;color:#1f2937;line-height:1}.stat-description{margin:0;font-size:.9rem;color:#9ca3af;font-weight:500}.main-content-section{background:#fffffff2;border-radius:20px;padding:2rem;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.content-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #f0f0f0}.content-header h2{margin:0 0 .5rem;font-size:1.8rem;font-weight:700;color:#1f2937}.content-header p{margin:0;color:#6b7280;font-size:1rem}.employees-layout{display:grid;grid-template-columns:1fr 2fr;gap:2rem;min-height:600px}.employees-list-section{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #0000001a;border:1px solid #e5e7eb}.employees-list-section h3{margin:0 0 1.5rem;font-size:1.3rem;font-weight:700;color:#1f2937;text-align:center}.employees-list{display:flex;flex-direction:column;gap:1rem;max-height:500px;overflow-y:auto}.employee-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:12px;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.employee-item:hover{background:#667eea0d;border-color:#667eea33;transform:translate(5px)}.employee-item.selected{background:#667eea1a;border-color:#667eea;box-shadow:0 4px 15px #667eea33}.employee-avatar{width:50px;height:50px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;flex-shrink:0}.employee-info{flex:1;min-width:0}.employee-name{font-weight:600;color:#1f2937;margin-bottom:.25rem;font-size:1rem}.employee-email{font-size:.85rem;color:#6b7280;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-id{font-size:.8rem;color:#9ca3af;font-weight:500}.employee-status{flex-shrink:0}.status-badge{padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.active{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.3)}.status-badge.inactive{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.course-assignment-section{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #0000001a;border:1px solid #e5e7eb;min-height:500px}.selected-employee-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #f0f0f0}.selected-employee-header h3{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;color:#1f2937}.selected-employee-header p{margin:0;color:#6b7280;font-size:1rem}.no-employee-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center;color:#9ca3af}.no-selection-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.no-employee-selected h3{margin:0 0 .5rem;font-size:1.5rem;font-weight:600;color:#6b7280}.no-employee-selected p{margin:0;font-size:1rem;color:#9ca3af}.courses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;max-height:400px;overflow-y:auto}.course-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 15px #0000001a;border:2px solid #e5e7eb;transition:all .3s ease}.course-card.assigned{border-color:#10b981;background:#10b98105}.course-card.unassigned{border-color:#e5e7eb;background:#fff}.course-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.course-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.course-info{flex:1;min-width:0}.course-title{margin:0 0 .5rem;font-size:1.1rem;font-weight:700;color:#1f2937}.course-description{margin:0;color:#6b7280;font-size:.9rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-status{flex-shrink:0;margin-left:1rem}.status-indicator{padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.status-indicator.assigned{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.3)}.status-indicator.unassigned{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.course-actions{display:flex;justify-content:center}.toggle-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;width:100%;justify-content:center}.toggle-btn.assign{background:#10b9811a;color:#10b981;border:2px solid rgba(16,185,129,.3)}.toggle-btn.assign:hover{background:#10b98133;transform:translateY(-1px);box-shadow:0 4px 15px #10b9814d}.toggle-btn.unassign{background:#ef44441a;color:#ef4444;border:2px solid rgba(239,68,68,.3)}.toggle-btn.unassign:hover{background:#ef444433;transform:translateY(-1px);box-shadow:0 4px 15px #ef44444d}.overview-content{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #0000001a;border:1px solid #e5e7eb}.overview-table-container{border:2px solid #e5e7eb;border-radius:16px;overflow:hidden;background:#fff}.overview-table{width:100%;border-collapse:collapse}.overview-table th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:1rem;text-align:left;font-weight:700;color:#374151;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e5e7eb}.overview-table td{padding:1rem;border-bottom:1px solid #f3f4f6;vertical-align:middle}.overview-table tr:hover{background:#667eea05}.employee-info-compact{display:flex;align-items:center;gap:.75rem}.employee-avatar-small{width:35px;height:35px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.employee-name-compact{font-weight:600;color:#1f2937;margin-bottom:.25rem;font-size:.9rem}.employee-email-compact{font-size:.8rem;color:#6b7280}.course-count{padding:.5rem 1rem;background:#667eea1a;color:#667eea;border-radius:20px;font-size:.8rem;font-weight:600}.total-courses{padding:.5rem 1rem;background:#6b72801a;color:#6b7280;border-radius:20px;font-size:.8rem;font-weight:600}.access-level{padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.access-level.has-access{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.3)}.access-level.no-access{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}@media (max-width: 1200px){.hero-section{flex-direction:column;text-align:center;gap:2rem}.hero-content{flex-direction:column;text-align:center}.employees-layout{grid-template-columns:1fr;gap:1.5rem}.employees-list-section{order:2}.course-assignment-section{order:1}}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.hero-section{padding:2rem 1.5rem}.hero-text h1{font-size:2rem}.courses-grid{grid-template-columns:1fr}.overview-table{font-size:.8rem}.overview-table th,.overview-table td{padding:.75rem .5rem}.employee-item{flex-direction:column;text-align:center;gap:.75rem}.employee-info{text-align:center}.course-header{flex-direction:column;gap:1rem}.course-status{margin-left:0;text-align:center}}.toast{position:fixed;top:20px;right:20px;min-width:350px;max-width:500px;z-index:9999;border-radius:12px;box-shadow:0 8px 32px #0003;animation:slideInRight .4s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bulk-controls{margin-top:1.5rem;padding:1rem;background:#667eea0d;border-radius:12px;border:1px solid rgba(102,126,234,.2)}.bulk-mode-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.bulk-mode-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.bulk-mode-btn.active{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 15px #ef44444d}.bulk-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(102,126,234,.2)}.bulk-action-btn{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.bulk-action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.bulk-action-btn.select-all{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.bulk-action-btn.select-all:hover:not(:disabled){background:#3b82f633;transform:translateY(-1px)}.bulk-action-btn.deselect-all{background:#6b72801a;color:#6b7280;border:1px solid rgba(107,114,128,.3)}.bulk-action-btn.deselect-all:hover:not(:disabled){background:#6b728033;transform:translateY(-1px)}.bulk-action-btn.assign{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.3)}.bulk-action-btn.assign:hover:not(:disabled){background:#10b98133;transform:translateY(-1px);box-shadow:0 4px 15px #10b9814d}.bulk-action-btn.unassign{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.bulk-action-btn.unassign:hover:not(:disabled){background:#ef444433;transform:translateY(-1px);box-shadow:0 4px 15px #ef44444d}.course-card{position:relative}.course-card.selected{border-color:#667eea;background:#667eea0d;box-shadow:0 8px 25px #667eea33}.course-checkbox{position:absolute;top:1rem;right:1rem;z-index:10}.course-select-checkbox{width:20px;height:20px;cursor:pointer;accent-color:#667eea;transform:scale(1.2)}.bulk-selection-info{display:flex;justify-content:center;align-items:center;padding:.75rem;background:#667eea1a;border-radius:8px;border:1px solid rgba(102,126,234,.3)}.selection-status{font-size:.9rem;font-weight:600;color:#667eea}@media (max-width: 768px){.bulk-actions{flex-direction:column;gap:.5rem}.bulk-action-btn{justify-content:center}.course-checkbox{top:.5rem;right:.5rem}}.report-management{min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(29,78,216,.2) 0%,transparent 50%),linear-gradient(135deg,#0f172a,#1e293b 30%,#334155 70%,#1e40af);padding:0;margin-top:80px;position:relative;overflow:hidden;font-size:.85rem}.report-management:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 15%,rgba(59,130,246,.08) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(29,78,216,.1) 0%,transparent 40%);opacity:.6;pointer-events:none;z-index:0}.report-content-wrapper{display:flex;min-height:calc(100vh - 80px);position:relative;z-index:2}.report-main{flex:1;padding:2rem;margin-left:280px;background:transparent;margin-top:0}.stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2.5rem}.stat-card{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:2rem;border-radius:20px;box-shadow:0 10px 30px #10b9814d;display:flex;align-items:center;gap:1.5rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.stat-card: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 .6s}.stat-card:hover:before{left:100%}.stat-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #10b98166}.stat-icon{font-size:2.5rem;background:#fff3;width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);transition:all .3s ease}.stat-card:hover .stat-icon{transform:rotate(360deg) scale(1.1);background:#ffffff4d}.stat-number{font-size:2.5rem;font-weight:800;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.1);line-height:1}.stat-label{font-size:1rem;opacity:.95;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.report-type-selector{display:flex;gap:1rem;margin-bottom:2.5rem;background:#fff;padding:1.5rem;border-radius:20px;box-shadow:0 8px 25px #0000001a;border:1px solid rgba(255,255,255,.8)}.type-btn{flex:1;padding:1rem 2rem;border:2px solid #e2e8f0;background:#fff;color:#64748b;border-radius:15px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.type-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.1),transparent);transition:left .6s}.type-btn:hover:before{left:100%}.type-btn:hover{border-color:#667eea;color:#667eea;transform:translateY(-2px);box-shadow:0 8px 20px #667eea33}.type-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.tracking-section{background:#fff;border-radius:25px;padding:2rem;box-shadow:0 15px 35px #0000001a;border:1px solid rgba(255,255,255,.8);margin-bottom:2rem;transition:all .3s ease}.tracking-section:hover{transform:translateY(-2px);box-shadow:0 20px 40px #00000026}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:3px solid #f1f5f9}.header-actions{display:flex;gap:1rem;align-items:center}.course-select,.employee-select{padding:.75rem 1.5rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;min-width:250px;background:#fff;transition:all .3s ease;box-shadow:0 2px 10px #0000000d}.course-select:focus,.employee-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;transform:translateY(-1px)}.course-select:hover,.employee-select:hover{border-color:#cbd5e1;transform:translateY(-1px)}.export-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 15px #10b9814d}.export-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px #10b98166}.export-btn:active{transform:translateY(-1px) scale(1.02)}.course-details,.employee-details{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:20px;padding:2rem;box-shadow:0 8px 25px #00000014;margin-bottom:2rem;border:1px solid rgba(255,255,255,.8)}.course-info,.employee-info{margin-bottom:2rem}.course-info h3,.employee-info h3{margin:0 0 1rem;color:#1e293b;font-size:1.6rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.course-info p,.employee-info p{margin:0 0 1.5rem;color:#64748b;font-size:1.1rem;line-height:1.6}.course-meta,.employee-meta{display:flex;gap:1.5rem;flex-wrap:wrap}.course-meta span,.employee-meta span{background:#fff;padding:.75rem 1.5rem;border-radius:12px;font-size:.95rem;color:#475569;font-weight:500;box-shadow:0 4px 15px #0000000d;border:1px solid #e2e8f0;transition:all .3s ease}.course-meta span:hover,.employee-meta span:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a;border-color:#667eea}.progress-table{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 8px 25px #00000014;border:1px solid #e2e8f0}.progress-table table{width:100%;border-collapse:collapse}.progress-table th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:1.5rem 1rem;text-align:left;font-weight:700;color:#374151;border-bottom:2px solid #e2e8f0;font-size:1rem;text-transform:uppercase;letter-spacing:.5px}.progress-table td{padding:1.5rem 1rem;border-bottom:1px solid #f1f5f9;color:#374151;font-size:1rem}.progress-table tr{transition:all .3s ease}.progress-table tr:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);transform:scale(1.01)}.progress-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.course-progress-card{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 8px 25px #00000014;border:1px solid #e2e8f0;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.course-progress-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#667eea,#764ba2)}.course-progress-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 15px 35px #00000026}.course-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.course-header h4{margin:0;color:#1e293b;font-size:1.3rem;font-weight:700}.progress-container{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.progress-bar{flex:1;height:12px;background:#e2e8f0;border-radius:8px;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a}.progress-fill{height:100%;border-radius:8px;transition:all .6s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.progress-text{font-weight:700;color:#374151;min-width:60px;text-align:right;font-size:1.1rem}.status-badge{padding:.5rem 1rem;border-radius:25px;font-size:.85rem;font-weight:700;text-transform:capitalize;box-shadow:0 4px 15px #0000001a;transition:all .3s ease}.status-badge:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.status-badge.not_started{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #fbbf24}.status-badge.in_progress{background:linear-gradient(135deg,#dbeafe,#93c5fd);color:#1e40af;border:1px solid #3b82f6}.status-badge.completed{background:linear-gradient(135deg,#d1fae5,#6ee7b7);color:#065f46;border:1px solid #10b981}.status-badge.paused{background:linear-gradient(135deg,#fecaca,#fca5a5);color:#991b1b;border:1px solid #ef4444}.no-data{text-align:center;padding:3rem 2rem;background:#f8f9fa;border-radius:12px;border:2px dashed #dee2e6;margin:2rem 0}.no-data-icon{font-size:4rem;margin-bottom:1rem;opacity:.6}.no-data h4{margin:0 0 .5rem;font-size:1.5rem;color:#495057;font-weight:600}.no-data p{margin:0 0 1.5rem;color:#6c757d;font-size:1rem}.no-data-actions{text-align:left;max-width:500px;margin:0 auto;background:#fff;padding:1.5rem;border-radius:8px;border:1px solid #e9ecef}.no-data-actions p{margin:0 0 1rem;color:#495057;font-weight:500}.no-data-actions ul{margin:0 0 1.5rem;padding-left:1.5rem;color:#6c757d}.no-data-actions li{margin-bottom:.5rem;line-height:1.4}.no-data-note{background:#e3f2fd;border-left:4px solid #2196f3;padding:1rem;border-radius:4px;font-size:.9rem;color:#1976d2;margin:0!important}@media (max-width: 1024px){.report-main{margin-left:0;padding:1.5rem}.stats-overview{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.stat-card{padding:1.5rem}.stat-icon{width:60px;height:60px;font-size:2rem}.stat-number{font-size:2rem}}@media (max-width: 768px){.report-main{padding:1rem}.stats-overview{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.stat-card{padding:1rem;flex-direction:column;text-align:center}.stat-icon{width:50px;height:50px;font-size:1.5rem}.stat-number{font-size:1.5rem}.report-type-selector{flex-direction:column;padding:1rem}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.header-actions{width:100%;flex-direction:column}.course-select,.employee-select{min-width:100%}.progress-grid{grid-template-columns:1fr}.tracking-section,.course-details,.employee-details{padding:1.5rem}}@media (max-width: 480px){.stat-card{padding:.75rem}.stat-icon{width:40px;height:40px;font-size:1.2rem}.stat-number{font-size:1.2rem}.stat-label{font-size:.8rem}.tracking-section,.course-details,.employee-details{padding:1rem}}.import-employees-page{min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(29,78,216,.2) 0%,transparent 50%),linear-gradient(135deg,#0f172a,#1e293b 30%,#334155 70%,#1e40af);color:#333;display:flex;flex-direction:column;position:relative;overflow:hidden}.import-employees-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 15%,rgba(59,130,246,.08) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(29,78,216,.1) 0%,transparent 40%);opacity:.6;pointer-events:none;z-index:0}.import-employees-content-wrapper{display:flex;flex:1;padding:2rem;gap:2rem;margin-top:0;position:relative;z-index:2;min-height:calc(100vh - 180px)}.import-employees-main{width:100%;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;box-shadow:0 20px 40px #0000001a,0 0 0 1px #3b82f61a;overflow:hidden;position:relative;z-index:2;border:1px solid rgba(59,130,246,.2)}.import-employees-content{padding:2rem}.hero-section{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:24px;padding:3rem;margin-bottom:2rem;color:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:0 20px 40px #10b9814d;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.1"/><circle cx="10" cy="60" r="0.5" fill="white" opacity="0.1"/><circle cx="90" cy="40" r="0.5" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.hero-btn.primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 15px #10b98166}.import-section{background:#fff;border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 20px #00000014}.import-form{max-width:600px;margin:0 auto}.file-upload-area{position:relative;margin-bottom:2rem}.file-input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.file-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;border:3px dashed #d1d5db;border-radius:16px;background:#f9fafb;cursor:pointer;transition:all .3s ease;text-align:center}.file-upload-label:hover{border-color:#667eea;background:#f0f4ff}.upload-icon{font-size:3rem;margin-bottom:1rem;color:#6b7280}.upload-text strong{display:block;font-size:1.2rem;color:#374151;margin-bottom:.5rem}.upload-text span{color:#6b7280;font-size:1rem}.file-info{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#f0f9ff;border:1px solid #0ea5e9;border-radius:12px;margin-bottom:2rem}.file-details{display:flex;align-items:center;gap:1rem}.file-name{font-weight:600;color:#0c4a6e}.file-size{color:#0369a1;font-size:.9rem}.remove-file-btn{background:#ef4444;color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.9rem;transition:background .3s ease}.remove-file-btn:hover{background:#dc2626}.preview-section{margin-bottom:2rem}.preview-section h3{margin:0 0 1rem;color:#1f2937;font-size:1.3rem}.preview-table-container{overflow-x:auto;border-radius:12px;border:1px solid #e5e7eb}.preview-table{width:100%;border-collapse:collapse;background:#fff}.preview-table th,.preview-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #e5e7eb}.preview-table th{background:#f9fafb;font-weight:600;color:#374151;font-size:.9rem}.preview-table td{color:#6b7280;font-size:.9rem}.preview-table tr:last-child td{border-bottom:none}.import-actions{text-align:center}.import-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 3rem;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 4px 15px #667eea66}.import-btn:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eea99}.import-btn.disabled{opacity:.6;cursor:not-allowed;transform:none}.result-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem}.detail-value{color:#1d4ed8;font-weight:600}.instructions-section{background:#fff;border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 20px #00000014}.format-requirements{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 20px #00000014}.format-requirements h3{margin:0 0 1.5rem;color:#1f2937;font-size:1.5rem;text-align:center}.requirements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.requirement-item{padding:1.5rem;background:#f8fafc;border-radius:12px;border:1px solid #e5e7eb}.requirement-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.requirement-icon{font-size:1.5rem}.requirement-header strong{color:#1f2937;font-size:1.1rem}.requirement-item p{margin:0;color:#6b7280;line-height:1.5}@media (max-width: 768px){.hero-section{flex-direction:column;text-align:center;gap:2rem}.hero-actions{flex-direction:column;width:100%}.hero-btn{width:100%;justify-content:center}.requirements-grid,.result-details{grid-template-columns:1fr}}.billing-dashboard{min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(29,78,216,.2) 0%,transparent 50%),linear-gradient(135deg,#0f172a,#1e293b 30%,#334155 70%,#1e40af);color:#333;display:flex;flex-direction:column;position:relative;overflow:hidden;font-size:.85rem;padding:30px}.billing-dashboard:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 15%,rgba(59,130,246,.08) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(29,78,216,.1) 0%,transparent 40%);opacity:.6;pointer-events:none;z-index:0}.dashboard-header{margin-bottom:50px;background:#ffffff1a;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.2);padding:40px;border-radius:24px;box-shadow:0 8px 32px #0000001a,inset 0 1px #fff3;position:relative;z-index:1}.back-to-dashboard-btn{background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);color:#fff;padding:12px 24px;border-radius:16px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:600;box-shadow:0 4px 20px #0000001a,inset 0 1px #fff3}.back-to-dashboard-btn:hover{background:#ffffff40;border-color:#fff6;transform:translateY(-2px);box-shadow:0 8px 30px #00000026,inset 0 1px #ffffff4d}.back-to-dashboard-btn:active{transform:translateY(0)}.dashboard-header h1{color:#fff;font-size:3.5rem;font-weight:700;margin:0 0 15px;letter-spacing:-.5px;text-shadow:0 2px 20px rgba(0,0,0,.3)}.dashboard-header p{color:#fffc;font-size:1.3rem;margin:0;font-weight:500;text-shadow:0 1px 10px rgba(0,0,0,.2)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;max-width:1400px;margin:0 auto;position:relative;z-index:1}.billing-card{background:#ffffff1a;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.2);border-radius:24px;padding:30px;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001a,inset 0 1px #fff3}.billing-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(135deg,var(--card-color),var(--card-color));border-radius:20px 20px 0 0}.billing-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);transition:all .6s;opacity:0}.billing-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 20px 40px #00000026,inset 0 1px #ffffff4d;border-color:#fff6;background:#ffffff26;backdrop-filter:blur(35px);-webkit-backdrop-filter:blur(35px)}.billing-card:hover:after{opacity:1;animation:shimmer .8s ease-in-out}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.card-icon{font-size:3.5rem;margin-bottom:25px;text-align:center;filter:drop-shadow(0 4px 20px rgba(0,0,0,.3));text-shadow:0 2px 10px rgba(0,0,0,.2)}.card-content{text-align:center}.card-title{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 15px;letter-spacing:-.5px;text-shadow:0 2px 20px rgba(0,0,0,.3)}.card-description{color:#fffc;font-size:1rem;margin:0;line-height:1.6;font-weight:400;text-shadow:0 1px 10px rgba(0,0,0,.2)}@media (max-width: 1200px){.cards-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px}}@media (max-width: 768px){.billing-dashboard{padding:20px}.dashboard-header{padding:30px 20px;margin-bottom:40px}.header-content{flex-direction:column;text-align:center;gap:25px}.header-text{text-align:center}.dashboard-header h1{font-size:2.8rem}.dashboard-header p{font-size:1.1rem}.back-to-dashboard-btn{padding:10px 20px;font-size:.9rem}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.billing-card{padding:25px}.card-icon{font-size:3rem;margin-bottom:20px}.card-title{font-size:1.3rem}.card-description{font-size:.95rem}}@media (max-width: 480px){.billing-dashboard{padding:15px}.dashboard-header{padding:25px 15px;margin-bottom:30px}.header-content{gap:20px}.dashboard-header h1{font-size:2.2rem}.dashboard-header p{font-size:1rem}.back-to-dashboard-btn{padding:8px 16px;font-size:.85rem}.btn-icon{font-size:1rem}.cards-grid{grid-template-columns:1fr;gap:18px}.billing-card{padding:20px}.card-icon{font-size:2.5rem;margin-bottom:15px}.card-title{font-size:1.2rem}.card-description{font-size:.9rem}}.user-management{min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(29,78,216,.2) 0%,transparent 50%),linear-gradient(135deg,#0f172a,#1e293b 30%,#334155 70%,#1e40af);color:#333;display:flex;flex-direction:column;position:relative;overflow:hidden;font-size:.85rem;padding:30px}.user-management:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 15%,rgba(59,130,246,.08) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(29,78,216,.1) 0%,transparent 40%);opacity:.6;pointer-events:none;z-index:0}.user-management:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 80%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(29,78,216,.08) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(99,102,241,.06) 0%,transparent 50%);pointer-events:none;z-index:0;animation:bubbleFloat 20s ease-in-out infinite}.user-management{position:relative}.user-management .floating-bubble{position:absolute;border-radius:50%;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);pointer-events:none;z-index:0;animation:floatUp 15s linear infinite}.user-management .floating-bubble:nth-child(1){width:60px;height:60px;left:10%;animation-delay:0s;animation-duration:18s}.user-management .floating-bubble:nth-child(2){width:40px;height:40px;left:20%;animation-delay:2s;animation-duration:20s}.user-management .floating-bubble:nth-child(3){width:80px;height:80px;left:30%;animation-delay:4s;animation-duration:16s}.user-management .floating-bubble:nth-child(4){width:50px;height:50px;left:50%;animation-delay:6s;animation-duration:22s}.user-management .floating-bubble:nth-child(5){width:70px;height:70px;left:70%;animation-delay:8s;animation-duration:19s}.user-management .floating-bubble:nth-child(6){width:35px;height:35px;left:80%;animation-delay:10s;animation-duration:17s}.user-management .floating-bubble:nth-child(7){width:55px;height:55px;left:90%;animation-delay:12s;animation-duration:21s}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;color:#fff;text-align:center}.loading-spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.3);border-top:3px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.error-container{display:flex;align-items:center;justify-content:center;min-height:50vh;padding:40px}.error-message{background:#ffffff1a;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.2);border-radius:24px;padding:40px;text-align:center;color:#fff;max-width:500px}.error-message h3{color:#ff6b6b;font-size:1.5rem;margin:0 0 15px;text-shadow:0 2px 20px rgba(0,0,0,.3)}.error-message p{color:#fffc;font-size:1rem;margin:0 0 25px;line-height:1.6}.retry-btn{background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);color:#fff;padding:12px 24px;border-radius:16px;cursor:pointer;transition:all .3s ease;font-size:1rem;font-weight:600;text-shadow:0 1px 5px rgba(0,0,0,.2);box-shadow:0 4px 15px #0000001a}.retry-btn:hover{background:#ffffff40;border-color:#fff6;transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.page-header{margin-bottom:20px;background:#ffffff1a;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.2);padding:25px;border-radius:20px;box-shadow:0 8px 32px #0000001a,inset 0 1px #fff3;position:relative;z-index:1}.page-header h1{color:#fff;font-size:2.5rem;font-weight:700;margin:0 0 10px;letter-spacing:-.5px;text-shadow:0 2px 20px rgba(0,0,0,.3)}.page-header p{color:#fffc;font-size:1.1rem;margin:0;font-weight:500;text-shadow:0 1px 10px rgba(0,0,0,.2)}.employees-container{background:transparent;padding:15px 30px 30px;position:relative;z-index:1}.employees-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap;gap:15px;background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:12px 18px;box-shadow:0 4px 20px #0000001a,inset 0 1px #fff3}.employees-header h2{color:#fff;font-size:1.5rem;font-weight:700;margin:0;text-shadow:0 2px 20px rgba(0,0,0,.3)}.header-actions{display:flex;align-items:center;gap:15px}.refresh-btn{background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px;border-radius:10px;cursor:pointer;transition:all .3s ease;font-size:1.1rem;text-shadow:0 1px 5px rgba(0,0,0,.2);box-shadow:0 4px 15px #0000001a;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.refresh-btn:hover{background:#ffffff40;border-color:#fff6;transform:translateY(-2px) rotate(180deg);box-shadow:0 8px 25px #00000026}.search-bar{position:relative;display:flex;align-items:center}.search-bar input{background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 12px 8px 35px;border-radius:10px;font-size:.85rem;width:220px;transition:all .3s ease}.search-bar input::placeholder{color:#fff9}.search-bar input:focus{outline:none;border-color:#fff6;background:#ffffff26}.search-icon{position:absolute;left:12px;color:#fff9;font-size:1rem}.user-management .employees-container .employees-list{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:20px!important;max-width:1600px;margin:0 auto;position:relative;z-index:1}@media (max-width: 1400px){.user-management .employees-container .employees-list{grid-template-columns:repeat(4,1fr)!important}}@media (max-width: 1100px){.user-management .employees-container .employees-list{grid-template-columns:repeat(3,1fr)!important}}@media (max-width: 800px){.user-management .employees-container .employees-list{grid-template-columns:repeat(2,1fr)!important;gap:15px!important}}@media (max-width: 500px){.user-management .employees-container .employees-list{grid-template-columns:1fr!important}}.user-management .employee-card{background:#ffffff26!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:16px!important;padding:24px 20px!important;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 6px 24px #0000001a,inset 0 1px #fff3;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:12px!important;min-height:180px!important;width:100%!important;justify-content:space-between!important}.user-management .employee-card:hover{background:#ffffff40!important;border-color:#ffffff4d!important;transform:translateY(-8px) scale(1.02);box-shadow:0 12px 40px #00000026,inset 0 1px #ffffff4d;backdrop-filter:blur(25px)!important;-webkit-backdrop-filter:blur(25px)!important}.user-management .card-icon{font-size:3.5rem!important;margin-bottom:20px!important;text-align:center!important;filter:drop-shadow(0 4px 20px rgba(0,0,0,.3));text-shadow:0 2px 10px rgba(0,0,0,.2);flex-shrink:0}.user-management .card-content{text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important;width:100%!important;background:transparent!important;background-color:transparent!important;flex:1;justify-content:center}.user-management .card-title{color:#fff!important;font-size:1.2rem!important;font-weight:700!important;margin:0!important;letter-spacing:-.5px!important;text-shadow:0 2px 20px rgba(0,0,0,.3);background:transparent!important;background-color:transparent!important}.user-management .card-email{color:#ffffffe6!important;font-size:.8rem!important;margin:0!important;font-weight:500!important;text-shadow:0 1px 10px rgba(0,0,0,.2);background:transparent!important;background-color:transparent!important}.user-management .card-phone{color:#fffc!important;font-size:.8rem!important;margin:0!important;font-weight:400!important;text-shadow:0 1px 10px rgba(0,0,0,.2);background:transparent!important;background-color:transparent!important}.user-management .card-status{display:flex;justify-content:center;align-items:center;margin-top:0;background:transparent!important;background-color:transparent!important}.user-management .status-badge{color:#fff!important;padding:6px 12px!important;border-radius:15px!important;font-size:.7rem!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.5px!important;box-shadow:0 2px 8px #00000026!important}.user-management .employee-card *,.user-management .employee-card h3,.user-management .employee-card p,.user-management .employee-card span,.user-management .employee-card div{background:transparent!important;background-color:transparent!important}.no-results{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#fff}.no-results-icon{font-size:4rem;margin-bottom:20px;opacity:.6}.no-results h3{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 10px;text-shadow:0 2px 20px rgba(0,0,0,.3)}.no-results p{color:#fffc;font-size:1rem;margin:0;text-shadow:0 1px 10px rgba(0,0,0,.2)}@media (max-width: 768px){.user-management{padding:20px}.page-header{padding:20px;margin-bottom:30px}.header-content{flex-direction:column;text-align:center;gap:15px}.page-header h1{font-size:2rem}.employees-container{padding:20px}.employees-header{flex-direction:column;align-items:stretch;gap:15px}.search-bar input{width:100%}.user-management .employees-container .employees-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;gap:25px!important}.user-management .employee-card{padding:25px!important;min-height:200px!important}}@media (max-width: 480px){.user-management,.page-header,.employees-container{padding:15px}.user-management .employees-container .employees-list{grid-template-columns:1fr!important;gap:20px!important}.user-management .employee-card{padding:20px!important;min-height:200px!important}.user-management .card-icon{font-size:3rem!important;margin-bottom:20px!important}.user-management .card-title{font-size:1.3rem!important}}.employee-orders{min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(29,78,216,.2) 0%,transparent 50%),linear-gradient(135deg,#0f172a,#1e293b 30%,#334155 70%,#1e40af);color:#333;display:flex;flex-direction:column;position:relative;overflow:hidden;font-size:.85rem;padding:30px}.employee-orders:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 15%,rgba(59,130,246,.08) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(29,78,216,.1) 0%,transparent 40%);opacity:.6;pointer-events:none;z-index:0}.employee-orders:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 80%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(29,78,216,.08) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(99,102,241,.06) 0%,transparent 50%);pointer-events:none;z-index:0;animation:bubbleFloat 20s ease-in-out infinite}@keyframes bubbleFloat{0%,to{transform:translateY(0) scale(1);opacity:.7}25%{transform:translateY(-20px) scale(1.05);opacity:.8}50%{transform:translateY(-40px) scale(1.1);opacity:.9}75%{transform:translateY(-20px) scale(1.05);opacity:.8}}.employee-orders{position:relative}.employee-orders .floating-bubble{position:absolute;border-radius:50%;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);pointer-events:none;z-index:0;animation:floatUp 15s linear infinite}.employee-orders .floating-bubble:nth-child(1){width:60px;height:60px;left:10%;animation-delay:0s;animation-duration:18s}.employee-orders .floating-bubble:nth-child(2){width:40px;height:40px;left:20%;animation-delay:2s;animation-duration:20s}.employee-orders .floating-bubble:nth-child(3){width:80px;height:80px;left:30%;animation-delay:4s;animation-duration:16s}.employee-orders .floating-bubble:nth-child(4){width:50px;height:50px;left:50%;animation-delay:6s;animation-duration:22s}.employee-orders .floating-bubble:nth-child(5){width:70px;height:70px;left:70%;animation-delay:8s;animation-duration:19s}.employee-orders .floating-bubble:nth-child(6){width:35px;height:35px;left:80%;animation-delay:10s;animation-duration:17s}.employee-orders .floating-bubble:nth-child(7){width:55px;height:55px;left:90%;animation-delay:12s;animation-duration:21s}@keyframes floatUp{0%{transform:translateY(100vh) translate(0) scale(.8);opacity:0}10%{opacity:.6}90%{opacity:.8}to{transform:translateY(-100px) translate(20px) scale(1.2);opacity:0}}.page-header{margin-bottom:20px;background:#ffffff1a;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.2);padding:25px;border-radius:20px;position:relative;z-index:1;box-shadow:0 8px 32px #0000001a,inset 0 1px #fff3}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.header-buttons{display:flex;gap:15px;align-items:center}.header-text{text-align:left;flex:1}.page-header h1{color:#fff!important;font-size:2.5rem;font-weight:900!important;margin:0 0 10px;letter-spacing:1px!important;text-shadow:4px 4px 12px rgba(0,0,0,1),0 0 20px rgba(0,0,0,.9),2px 2px 4px rgba(0,0,0,1)!important;opacity:1!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;filter:contrast(1.4) brightness(1.3)!important;-webkit-text-stroke:.5px rgba(0,0,0,.5)!important}.page-header p{color:#fff!important;font-size:1.1rem;margin:0;font-weight:700!important;text-shadow:3px 3px 8px rgba(0,0,0,1),0 0 15px rgba(0,0,0,.8)!important;opacity:1!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;filter:contrast(1.3) brightness(1.2)!important;-webkit-text-stroke:.3px rgba(0,0,0,.4)!important}.back-btn{background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);color:#fff;padding:12px 24px;border-radius:16px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:600;box-shadow:0 4px 20px #0000001a,inset 0 1px #fff3}.enrolled-courses-btn{background:#3b82f633;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(59,130,246,.3);color:#fff;padding:12px 24px;border-radius:16px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px;font-size:.9rem;font-weight:600;text-decoration:none}.enrolled-courses-btn:hover{background:#3b82f64d;border-color:#3b82f680;transform:translateY(-2px);box-shadow:0 8px 30px #3b82f633,inset 0 1px #ffffff4d}.available-courses-btn{background:#22c55e33;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(34,197,94,.3);color:#fff;padding:12px 24px;border-radius:16px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px;font-size:.9rem;font-weight:600;text-decoration:none}.available-courses-btn:hover{background:#22c55e4d;border-color:#22c55e80;transform:translateY(-2px);box-shadow:0 8px 30px #22c55e33,inset 0 1px #ffffff4d}.btn-icon{font-size:1.2rem;font-weight:700}.btn-text{font-size:.95rem}.employee-info{margin-bottom:30px;position:relative;z-index:1}.info-card{background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:24px;box-shadow:0 6px 24px #0000001a,inset 0 1px #fff3}.info-card h3{color:#fff!important;font-size:1.5rem;font-weight:800!important;margin:0 0 15px;text-shadow:3px 3px 8px rgba(0,0,0,1)!important;opacity:1!important;letter-spacing:.5px!important;-webkit-font-smoothing:antialiased!important}.info-details{display:flex;flex-wrap:wrap;gap:20px;align-items:center}.info-details p{color:#fff!important;margin:0;display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600!important;text-shadow:2px 2px 6px rgba(0,0,0,.9)!important;opacity:1!important;-webkit-font-smoothing:antialiased!important}.status-badge{color:#fff;padding:6px 12px;border-radius:15px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #00000026}.content-grid{display:grid;grid-template-columns:1fr;gap:30px;position:relative;z-index:1}.section{background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:24px;box-shadow:0 6px 24px #0000001a,inset 0 1px #fff3}.section.full-width{grid-column:1 / -1}.section-header{margin-bottom:20px}.section-header h2{color:#fff!important;font-size:1.3rem;font-weight:900!important;margin:0 0 8px;text-shadow:4px 4px 10px rgba(0,0,0,1),0 0 18px rgba(0,0,0,.9)!important;opacity:1!important;letter-spacing:1px!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;filter:contrast(1.4) brightness(1.3)!important;-webkit-text-stroke:.4px rgba(0,0,0,.5)!important}.section-header p{color:#fff!important;margin:0;font-size:.9rem;font-weight:700!important;text-shadow:3px 3px 8px rgba(0,0,0,1),0 0 12px rgba(0,0,0,.8)!important;opacity:1!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;filter:contrast(1.3) brightness(1.2)!important;-webkit-text-stroke:.3px rgba(0,0,0,.4)!important}.available-courses{display:flex;flex-direction:column;gap:15px}.available-course{background:#ffffff1a;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:20px;display:flex;justify-content:space-between;align-items:center;gap:20px;transition:all .3s ease}.available-course:hover{background:#ffffff26;transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.available-course .course-info{flex:1}.available-course .course-info h4{color:#fff!important;font-size:1.1rem;font-weight:800!important;margin:0 0 8px;text-shadow:3px 3px 10px rgba(0,0,0,1),0 0 15px rgba(0,0,0,.9)!important;opacity:1!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;filter:contrast(1.3) brightness(1.2)!important;-webkit-text-stroke:.3px rgba(0,0,0,.4)!important}.available-course .course-info p{color:#fff!important;font-size:.8rem;margin:0 0 5px;font-weight:600!important;text-shadow:2px 2px 8px rgba(0,0,0,1),0 0 10px rgba(0,0,0,.8)!important;opacity:1!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;filter:contrast(1.2) brightness(1.1)!important}.course-actions{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.course-price{color:#4ade80!important;font-size:1.2rem;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.8);opacity:1!important}.assign-btn{background:#3b82f6cc;border:1px solid rgba(59,130,246,.6);color:#fff!important;padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;text-shadow:0 1px 3px rgba(0,0,0,.5);opacity:1!important;font-size:.9rem;white-space:nowrap}.assign-btn:hover{background:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 15px #3b82f64d}.enrolled-courses{display:flex;flex-direction:column;gap:15px}.enrolled-course{background:#ffffff1a;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:20px;display:flex;justify-content:space-between;align-items:center;gap:20px}.course-info h4{color:#fff!important;font-size:1.1rem;font-weight:600;margin:0 0 8px;text-shadow:0 2px 8px rgba(0,0,0,.8);opacity:1!important}.course-info p{color:#ffffffd9!important;font-size:.8rem;margin:0 0 10px;font-weight:500;text-shadow:0 1px 5px rgba(0,0,0,.6);opacity:1!important}.progress-bar{width:100%;height:8px;background:#fff3;border-radius:4px;overflow:hidden;margin:10px 0}.progress-fill{height:100%;background:linear-gradient(90deg,#4ade80,#22c55e);transition:width .3s ease}.course-status{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.orders-table{overflow-x:auto}.orders-table table{width:100%;border-collapse:collapse;background:#ffffff0d;border-radius:12px;overflow:hidden}.orders-table th,.orders-table td{padding:15px;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.orders-table th{background:#ffffff1a;color:#fff!important;font-weight:600;text-transform:uppercase;font-size:.8rem;letter-spacing:.5px;text-shadow:0 1px 5px rgba(0,0,0,.6);opacity:1!important}.orders-table td{color:#fffffff2!important;font-size:.9rem;font-weight:500;text-shadow:0 1px 3px rgba(0,0,0,.4);opacity:1!important}.orders-table tr:hover{background:#ffffff0d}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.modal{background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:0;max-width:500px;width:90%;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0000004d}.modal-header{padding:24px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.modal-header h3{color:#fff;font-size:1.3rem;font-weight:700;margin:0;text-shadow:0 2px 20px rgba(0,0,0,.3)}.close-btn{background:none;border:none;color:#ffffffb3;font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.close-btn:hover{background:#ffffff1a;color:#fff}.modal-body{padding:24px}.modal-body h4{color:#fff;font-size:1.2rem;font-weight:600;margin:0 0 15px;text-shadow:0 1px 10px rgba(0,0,0,.2)}.modal-body p{color:#fffc;margin:0 0 10px;font-size:.9rem}.price-input{margin-top:20px}.price-input label{color:#fff;font-weight:600;display:block;margin-bottom:8px;font-size:.9rem}.price-input input{width:100%;padding:12px;border:1px solid rgba(255,255,255,.3);border-radius:8px;background:#ffffff1a;color:#fff;font-size:1rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.price-input input:focus{outline:none;border-color:#3b82f699;box-shadow:0 0 0 3px #3b82f61a}.price-input input::placeholder{color:#ffffff80}.modal-footer{padding:24px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:flex-end;gap:15px}.cancel-btn,.confirm-btn{padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;border:1px solid transparent}.cancel-btn{background:#ffffff1a;color:#fffc;border-color:#fff3}.cancel-btn:hover{background:#fff3;color:#fff}.confirm-btn{background:#3b82f6cc;color:#fff;border-color:#3b82f699}.confirm-btn:hover{background:#3b82f6;box-shadow:0 4px 15px #3b82f64d}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;color:#fff;position:relative;z-index:1}.loading-spinner,.error-icon{font-size:3rem;margin-bottom:20px}.no-data{text-align:center;color:#ffffffb3;padding:40px 20px;font-size:.9rem}@media (max-width: 1200px){.content-grid{grid-template-columns:1fr}}@media (max-width: 768px){.employee-orders{padding:20px}.header-content{flex-direction:column;text-align:center}.info-details{justify-content:center}.courses-grid{grid-template-columns:1fr}.enrolled-course{flex-direction:column;text-align:center}.course-status{align-items:center}.orders-table{font-size:.8rem}.orders-table th,.orders-table td{padding:10px 8px}}.employee-orders *{background:transparent!important;background-color:transparent!important}.employee-orders h1,.employee-orders h2,.employee-orders h3,.employee-orders h4,.employee-orders p,.employee-orders span,.employee-orders td,.employee-orders th,.employee-orders label{color:#fff!important;text-shadow:2px 2px 8px rgba(0,0,0,1),0 0 10px rgba(0,0,0,.8)!important;opacity:1!important;font-weight:700!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;filter:contrast(1.2) brightness(1.1)!important}.employee-orders h1,.employee-orders h2,.employee-orders h3,.employee-orders h4{color:#fff!important;font-weight:900!important;text-shadow:3px 3px 10px rgba(0,0,0,1),0 0 15px rgba(0,0,0,.9)!important;letter-spacing:.8px!important;filter:contrast(1.3) brightness(1.2)!important}.employee-orders *{text-rendering:optimizeLegibility!important;-webkit-text-stroke:.3px rgba(0,0,0,.3)!important}.popup-overlay{position:fixed;inset:0;background:#000c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:5px}.popup-content{background:#0f172af2;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.2);border-radius:20px;width:95%;max-width:1200px;height:98vh;max-height:98vh;overflow:hidden;box-shadow:0 20px 60px #0006,inset 0 1px #ffffff1a}.popup-header{display:flex;justify-content:space-between;align-items:center;padding:25px 30px;border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff0d}.popup-header h2{color:#fff!important;font-size:1.5rem;font-weight:800!important;margin:0;text-shadow:2px 2px 8px rgba(0,0,0,1)!important;-webkit-font-smoothing:antialiased!important}.popup-close-btn{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;transition:all .3s ease}.popup-close-btn:hover{background:#fff3;transform:scale(1.1)}.popup-body{padding:40px;height:calc(98vh - 120px);max-height:calc(98vh - 120px);overflow-y:auto}.no-courses{text-align:center;padding:40px 20px}.no-courses p{color:#ffffffb3!important;font-size:1.1rem;font-weight:500!important}.enrolled-courses-list{display:flex;flex-direction:column;gap:20px}.enrolled-course-popup{background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:25px;transition:all .3s ease}.enrolled-course-popup:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-2px);box-shadow:0 10px 30px #0003}.course-info-popup h4{color:#fff!important;font-size:1.3rem;font-weight:700!important;margin:0 0 15px;text-shadow:2px 2px 8px rgba(0,0,0,1)!important;-webkit-font-smoothing:antialiased!important}.course-details-popup{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:15px}.course-details-popup p{color:#fff!important;margin:0;font-size:.9rem;font-weight:500!important;text-shadow:1px 1px 4px rgba(0,0,0,.8)!important}.course-details-popup strong{color:#fffc!important;font-weight:600!important}.progress-bar-popup{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-top:10px}.progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:4px;transition:width .3s ease}.status-not-started{color:#94a3b8!important}.status-in-progress{color:#3b82f6!important}.status-completed{color:#10b981!important}.status-assigned{color:#f59e0b!important}.available-courses-list{display:flex;flex-direction:column;gap:20px}.available-course-popup{background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:25px;transition:all .3s ease;display:flex;justify-content:space-between;align-items:center;gap:20px}.available-course-popup:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-2px);box-shadow:0 10px 30px #0003}.course-actions-popup{display:flex;flex-direction:column;align-items:flex-end;gap:10px;min-width:150px}.course-price-popup{color:#10b981!important;font-size:.9rem;font-weight:600!important;text-shadow:1px 1px 4px rgba(0,0,0,.8)!important}.assign-btn-popup{background:#22c55e33;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(34,197,94,.3);color:#fff!important;padding:10px 20px;border-radius:12px;cursor:pointer;font-size:.9rem;font-weight:600!important;transition:all .3s ease;text-shadow:1px 1px 4px rgba(0,0,0,.8)!important}.assign-btn-popup:hover{background:#22c55e4d;border-color:#22c55e80;transform:translateY(-1px);box-shadow:0 5px 15px #22c55e4d}.toast-notification{position:fixed;top:20px;right:20px;z-index:2000;min-width:300px;max-width:500px;border-radius:12px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000004d;animation:slideInRight .3s ease-out}.toast-content{display:flex;align-items:center;padding:16px 20px;gap:12px}.toast-message{flex:1;color:#fff!important;font-weight:500!important;font-size:.9rem;line-height:1.4;text-shadow:1px 1px 3px rgba(0,0,0,.8)!important}.toast-close{background:none;border:none;color:#ffffffb3;cursor:pointer;font-size:1.1rem;padding:4px;border-radius:4px;transition:all .2s ease;flex-shrink:0}.toast-close:hover{color:#fff;background:#ffffff1a}.toast-success{background:#10b98133;border-color:#10b9814d}.toast-warning{background:#f59e0b33;border-color:#f59e0b4d}.toast-error{background:#ef444433;border-color:#ef44444d}.toast-info{background:#3b82f633;border-color:#3b82f64d}@media (max-width: 768px){.popup-content{width:98%;height:99vh;max-height:99vh}.popup-header{padding:25px}.popup-body{padding:30px;height:calc(99vh - 120px);max-height:calc(99vh - 120px)}.course-details-popup{grid-template-columns:1fr}.toast-notification{top:10px;right:10px;left:10px;min-width:auto;max-width:none}}.employee-orders .section,.employee-orders .course-card,.employee-orders .enrolled-course,.employee-orders .info-card,.employee-orders .page-header,.employee-orders .modal{background:#ffffff26!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#e2e8f0;font-size:14px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#0f172a99;color:#e2e8f0;font-size:14px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:#0f172acc}.form-group input::placeholder,.form-group textarea::placeholder{color:#e2e8f080}.form-group select option{background:#1e293b;color:#e2e8f0}.delete-confirmation{text-align:center;padding:20px 0}.warning-icon{font-size:48px;margin-bottom:16px}.delete-confirmation h4{color:#ef4444;margin-bottom:20px;font-size:18px}.order-details{background:#0f172a66;border-radius:8px;padding:16px;margin:16px 0;text-align:left}.order-details p{margin:8px 0;color:#e2e8f0}.order-details strong{color:#3b82f6}.warning-text{color:#fbbf24;font-size:14px;font-style:italic;margin-top:16px}.action-buttons{display:flex;gap:8px;justify-content:center}.edit-btn:hover{background:#0056b3!important;transform:translateY(-1px);box-shadow:0 4px 8px #007bff4d}.delete-btn:hover{background:#c82333!important;transform:translateY(-1px);box-shadow:0 4px 8px #dc35454d}.view-receipt-btn:hover{background:#218838!important;transform:translateY(-1px);box-shadow:0 4px 8px #28a7454d}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-header h2{margin:0;font-size:24px;font-weight:700;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-header p{margin:4px 0 0;color:#e2e8f0b3;font-size:14px}.create-order-btn:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)!important;transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.success-banner{animation:slideIn .3s ease-out}.modal{max-height:90vh;overflow-y:auto}.modal-body{max-height:60vh;overflow-y:auto;padding:24px}.form-group label:after{content:""}.form-group label:has(+input[required]):after,.form-group label:has(+select[required]):after{content:" *";color:#ef4444}@media (max-width: 768px){.section-header{flex-direction:column;align-items:flex-start;gap:16px}.create-order-btn{width:100%;text-align:center}.action-buttons{flex-direction:column;gap:4px}.edit-btn,.delete-btn,.view-receipt-btn{padding:4px 8px!important;font-size:11px!important}.orders-table{overflow-x:auto}.orders-table table{min-width:900px}}.payment-tracking{min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.12) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(99,102,241,.15) 0%,transparent 50%),linear-gradient(135deg,#0f172a,#1e293b 30%,#334155 70%,#1e40af);color:#333;display:flex;flex-direction:column;position:relative;overflow:hidden;font-size:.85rem;padding:30px}.payment-tracking:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 15%,rgba(59,130,246,.06) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(99,102,241,.08) 0%,transparent 40%);opacity:.6;pointer-events:none;z-index:0}.payment-tracking:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 80%,rgba(34,197,94,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(16,185,129,.08) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(5,150,105,.06) 0%,transparent 50%);pointer-events:none;z-index:0;animation:bubbleFloat 20s ease-in-out infinite}.floating-bubble{position:absolute;border-radius:50%;background:linear-gradient(135deg,#3b82f61a,#6366f133);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(59,130,246,.2);animation:float 15s infinite ease-in-out;z-index:0}.back-btn{background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:16px 24px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:10px;text-decoration:none;box-shadow:0 4px 20px #0000001a,inset 0 1px #fff3}.back-btn:hover{background:#ffffff40;border-color:#fff6;transform:translateY(-2px);box-shadow:0 8px 30px #00000026,inset 0 1px #ffffff4d}.search-container{margin-bottom:40px;position:relative;z-index:1}.search-bar{background:#ffffff1a;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:20px 24px;display:flex;align-items:center;gap:16px;max-width:600px;margin:0 auto;box-shadow:0 8px 32px #0000001a,inset 0 1px #fff3;transition:all .3s ease}.search-bar:focus-within{border-color:#22c55e80;box-shadow:0 8px 32px #0000001a,0 0 0 4px #22c55e1a,inset 0 1px #fff3}.search-icon{font-size:1.2rem;color:#fff9}.search-bar input{flex:1;background:transparent;border:none;outline:none;color:#fff;font-size:1rem;font-weight:400;placeholder-color:rgba(255,255,255,.5)}.clear-search{background:#fff3;border:none;border-radius:50%;width:24px;height:24px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s ease}.employees-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:24px;position:relative;z-index:1}.employee-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #00000026,inset 0 1px #ffffff4d;border-color:#3b82f666;background:#ffffff26}.employee-avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#3b82f6cc,#6366f1e6);display:flex;align-items:center;justify-content:center;margin-bottom:16px;box-shadow:0 4px 20px #3b82f64d}.employee-info{margin-bottom:16px}.payment-summary{background:#0003;border-radius:12px;padding:16px;margin-top:auto}.payment-stat{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.stat-label{color:#ffffffb3;font-size:.85rem}.stat-amount{color:#60a5fa;font-weight:700;font-size:1rem}.stat-count{color:#fff;font-weight:600}.payment-status{display:flex;gap:16px;margin:12px 0}.status-item{display:flex;align-items:center;gap:6px;font-size:.8rem}.status-dot{width:8px;height:8px;border-radius:50%}.status-item.pending .status-dot{background:#f59e0b;box-shadow:0 0 8px #f59e0b80}.status-item.completed .status-dot{background:#22c55e;box-shadow:0 0 8px #22c55e80}.status-item.pending{color:#fbbf24}.status-item.completed{color:#34d399}.last-payment{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.last-payment-label{color:#ffffffb3;font-size:.85rem}.last-payment-date{color:#fff;font-weight:600;font-size:.85rem}.card-arrow{position:absolute;top:24px;right:24px;color:#ffffff80;font-size:1.2rem;transition:all .3s ease}.employee-card:hover .card-arrow{color:#60a5fa;transform:translate(4px)}@media (max-width: 768px){.payment-tracking{padding:20px}.page-header{padding:30px 20px}.header-content{flex-direction:column;gap:20px;text-align:center}.header-text h1{font-size:2.5rem}.stats-grid,.employees-grid{grid-template-columns:1fr;gap:16px}.floating-bubble{display:none}}.billing-reports{min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(139,92,246,.12) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(168,85,247,.15) 0%,transparent 50%),linear-gradient(135deg,#0f172a,#1e293b 30%,#334155 70%,#7c3aed);color:#333;display:flex;flex-direction:column;position:relative;overflow:hidden;font-size:.85rem;padding:30px}.billing-reports:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 15%,rgba(220,53,69,.08) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(239,68,68,.1) 0%,transparent 40%);opacity:.6;pointer-events:none;z-index:0}.billing-reports:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 80%,rgba(220,53,69,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(239,68,68,.08) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(185,28,28,.06) 0%,transparent 50%);pointer-events:none;z-index:0;animation:bubbleFloat 20s ease-in-out infinite}.floating-bubble{position:absolute;border-radius:50%;background:linear-gradient(135deg,#8b5cf61a,#a855f733);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(139,92,246,.2);animation:float 15s infinite ease-in-out;z-index:0}.export-btn,.back-btn{background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:16px 24px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:10px;text-decoration:none;box-shadow:0 4px 20px #0000001a,inset 0 1px #fff3}.export-btn:hover,.back-btn:hover{background:#ffffff40;border-color:#fff6;transform:translateY(-2px);box-shadow:0 8px 30px #00000026,inset 0 1px #ffffff4d}.export-btn{background:#8b5cf633;border-color:#8b5cf64d}.export-btn:hover{background:#8b5cf64d;border-color:#8b5cf680}.search-bar:focus-within{border-color:#dc354580;box-shadow:0 8px 32px #0000001a,0 0 0 4px #dc35451a,inset 0 1px #fff3}.filter-controls{display:flex;gap:20px;align-items:center}.sort-control{display:flex;align-items:center;gap:12px;color:#fffc;font-size:.9rem;font-weight:500}.sort-control select{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:10px 16px;color:#fff;font-size:.9rem;cursor:pointer;outline:none;transition:all .3s ease}.sort-control select:focus{border-color:#dc354580;box-shadow:0 0 0 3px #dc35451a}.sort-control select option{background:#1e293b;color:#fff}.sort-order{display:flex;gap:8px}.sort-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:8px 16px;color:#fffc;font-size:.85rem;cursor:pointer;transition:all .3s ease}.sort-btn:hover{background:#fff3;color:#fff}.sort-btn.active{background:#dc35454d;border-color:#dc354580;color:#fff}.report-table-container{background:#ffffff1a;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.2);border-radius:20px;overflow:hidden;position:relative;z-index:1;box-shadow:0 8px 32px #0000001a,inset 0 1px #fff3}.report-table{overflow-x:auto}.report-table table{width:100%;border-collapse:collapse}.report-table th{background:#0003;color:#ffffffe6;font-weight:600;font-size:.85rem;padding:20px 24px;text-align:left;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.1)}.report-table td{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.05);color:#ffffffe6}.report-table tr:hover{background:#ffffff0d}.top-performer{position:relative}.top-performer:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:0 4px 4px 0}.top-performer.rank-1:before{background:linear-gradient(135deg,gold,#ffed4a);box-shadow:0 0 10px #ffd70080}.top-performer.rank-2:before{background:linear-gradient(135deg,silver,#e5e7eb);box-shadow:0 0 10px #c0c0c080}.top-performer.rank-3:before{background:linear-gradient(135deg,#cd7f32,#d97706);box-shadow:0 0 10px #cd7f3280}.employee-cell{display:flex;align-items:center;gap:16px}.employee-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6cc,#a855f7e6);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 4px 15px #8b5cf64d}.avatar-text{color:#fff;font-weight:700;font-size:1rem;text-shadow:0 1px 3px rgba(0,0,0,.3)}.rank-badge{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.rank-1 .rank-badge{background:linear-gradient(135deg,gold,#ffed4a);box-shadow:0 2px 8px #ffd70066}.rank-2 .rank-badge{background:linear-gradient(135deg,silver,#e5e7eb);box-shadow:0 2px 8px #c0c0c066}.rank-3 .rank-badge{background:linear-gradient(135deg,#cd7f32,#d97706);box-shadow:0 2px 8px #cd7f3266}.employee-info{display:flex;flex-direction:column;gap:4px}.employee-name{color:#fff;font-weight:600;font-size:.95rem}.employee-email{color:#ffffffb3;font-size:.8rem}.department-badge{background:#8b5cf633;border:1px solid rgba(139,92,246,.3);border-radius:20px;padding:6px 12px;font-size:.8rem;font-weight:500;color:#fff}.amount-value{color:#34d399;font-weight:700;font-size:.95rem}.count-value{color:#fff;font-weight:600;font-size:.95rem}.date-value{color:#fffc;font-size:.85rem}.view-details-btn{background:#8b5cf633;border:1px solid rgba(139,92,246,.3);border-radius:12px;padding:8px 16px;color:#fff;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease}.view-details-btn:hover{background:#8b5cf64d;border-color:#8b5cf680;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf633}.no-data{text-align:center;padding:60px 20px;color:#fffc}.no-data-icon{font-size:4rem;margin-bottom:20px;opacity:.6}.no-data h3{color:#fff;font-size:1.5rem;margin:0 0 12px}.no-data p{color:#ffffffb3;font-size:1rem;margin:0}@media (max-width: 1200px){.controls-section{flex-direction:column;align-items:stretch;gap:16px}.filter-controls{justify-content:space-between}}@media (max-width: 768px){.billing-reports{padding:20px}.page-header{padding:30px 20px}.header-content{flex-direction:column;gap:20px;text-align:center}.header-text h1{font-size:2.5rem}.header-actions{flex-direction:column;width:100%}.export-btn,.back-btn{width:100%;justify-content:center}.stats-grid{grid-template-columns:1fr;gap:16px}.controls-section{gap:12px}.filter-controls{flex-direction:column;gap:12px}.report-table{font-size:.8rem}.report-table th,.report-table td{padding:12px 16px}.floating-bubble{display:none}}.payment-reminders{min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(16,185,129,.12) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(5,150,105,.15) 0%,transparent 50%),linear-gradient(135deg,#0f172a,#1e293b 30%,#334155 70%,#059669);color:#333;display:flex;flex-direction:column;position:relative;overflow:hidden;font-size:.85rem;padding:30px}.payment-reminders:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 15%,rgba(255,193,7,.08) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(245,158,11,.1) 0%,transparent 40%);opacity:.6;pointer-events:none;z-index:0}.payment-reminders:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 80%,rgba(255,193,7,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(245,158,11,.08) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(217,119,6,.06) 0%,transparent 50%);pointer-events:none;z-index:0;animation:bubbleFloat 20s ease-in-out infinite}@keyframes bubbleFloat{0%,to{transform:translateY(0) rotate(0);opacity:.6}50%{transform:translateY(-20px) rotate(180deg);opacity:.8}}.floating-bubble{position:absolute;border-radius:50%;background:linear-gradient(135deg,#10b9811a,#05966933);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(16,185,129,.2);animation:float 15s infinite ease-in-out;z-index:0}.floating-bubble:nth-child(1){width:80px;height:80px;top:10%;left:10%;animation-delay:0s;animation-duration:20s}.floating-bubble:nth-child(2){width:120px;height:120px;top:20%;right:15%;animation-delay:5s;animation-duration:25s}.floating-bubble:nth-child(3){width:60px;height:60px;bottom:30%;left:20%;animation-delay:10s;animation-duration:18s}.floating-bubble:nth-child(4){width:100px;height:100px;bottom:10%;right:25%;animation-delay:15s;animation-duration:22s}.floating-bubble:nth-child(5){width:90px;height:90px;top:50%;left:50%;animation-delay:8s;animation-duration:30s}@keyframes float{0%,to{transform:translateY(0) translate(0) rotate(0);opacity:.3}33%{transform:translateY(-30px) translate(20px) rotate(120deg);opacity:.6}66%{transform:translateY(20px) translate(-20px) rotate(240deg);opacity:.4}}.page-header{background:#ffffff1a;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.2);border-radius:24px;padding:40px 50px;margin-bottom:40px;position:relative;z-index:1;box-shadow:0 8px 32px #0000001a,inset 0 1px #fff3}.header-content{display:flex;justify-content:space-between;align-items:center}.header-text h1{color:#fff;font-size:3rem;font-weight:700;margin:0 0 10px;letter-spacing:-1px;text-shadow:0 2px 20px rgba(0,0,0,.3)}.header-text p{color:#fffc;font-size:1.1rem;margin:0;font-weight:400;text-shadow:0 1px 10px rgba(0,0,0,.2)}.header-actions{display:flex;gap:16px;align-items:center}.send-reminders-btn,.back-btn{background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:16px 24px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:10px;text-decoration:none;box-shadow:0 4px 20px #0000001a,inset 0 1px #fff3}.send-reminders-btn:hover,.back-btn:hover{background:#ffffff40;border-color:#fff6;transform:translateY(-2px);box-shadow:0 8px 30px #00000026,inset 0 1px #ffffff4d}.send-reminders-btn{background:#10b98133;border-color:#10b9814d;animation:pulse 2s infinite}.send-reminders-btn:hover{background:#10b9814d;border-color:#10b98180}@keyframes pulse{0%,to{box-shadow:0 4px 20px #0000001a,inset 0 1px #fff3,0 0 #10b98166}50%{box-shadow:0 4px 20px #0000001a,inset 0 1px #fff3,0 0 0 10px #10b98100}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:40px;position:relative;z-index:1}.stat-card{background:#ffffff1a;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:30px;display:flex;align-items:center;gap:20px;transition:all .3s ease;box-shadow:0 8px 32px #0000001a,inset 0 1px #fff3}.stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026,inset 0 1px #ffffff4d;border-color:#fff6}.stat-icon{font-size:2.5rem;filter:drop-shadow(0 2px 10px rgba(0,0,0,.3))}.stat-content h3{color:#ffffffe6;font-size:.9rem;font-weight:600;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.stat-value{color:#fff;font-size:2rem;font-weight:700;margin:0;text-shadow:0 2px 10px rgba(0,0,0,.3)}.controls-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;gap:24px;position:relative;z-index:1}.search-container{flex:1;max-width:400px}.search-bar{background:#ffffff1a;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:16px 20px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 32px #0000001a,inset 0 1px #fff3;transition:all .3s ease}.search-bar:focus-within{border-color:#ffc10780;box-shadow:0 8px 32px #0000001a,0 0 0 4px #ffc1071a,inset 0 1px #fff3}.search-icon{font-size:1.1rem;color:#fff9}.search-bar input{flex:1;background:transparent;border:none;outline:none;color:#fff;font-size:.95rem;font-weight:400}.search-bar input::placeholder{color:#ffffff80}.clear-search{background:#fff3;border:none;border-radius:50%;width:20px;height:20px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease}.clear-search:hover{background:#ffffff4d;transform:scale(1.1)}.select-controls{display:flex;gap:12px;align-items:center}.select-all-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:12px 20px;color:#fffc;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.select-all-btn:hover{background:#fff3;color:#fff}.select-all-btn.active{background:#10b9814d;border-color:#10b98180;color:#fff}.employees-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px;position:relative;z-index:1}.employee-card{background:#ffffff1a;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:24px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 8px 32px #0000001a,inset 0 1px #fff3;display:flex;flex-direction:column;gap:16px}.employee-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #00000026,inset 0 1px #ffffff4d;border-color:#10b98166;background:#ffffff26}.employee-card.selected{border-color:#10b98199;background:#10b9811a;box-shadow:0 8px 32px #0000001a,0 0 0 2px #10b9814d,inset 0 1px #fff3}.employee-card.overdue{border-color:#ef444466}.employee-card.overdue:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:20px 20px 0 0}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.select-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#fbbf24}.employee-avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#10b981cc,#059669e6);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #10b9814d;flex-shrink:0}.avatar-text{color:#fff;font-weight:700;font-size:1.2rem;text-shadow:0 1px 3px rgba(0,0,0,.3)}.status-indicator{font-size:1.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.employee-info{text-align:left}.employee-name{color:#fff;font-size:1.3rem;font-weight:700;margin:0 0 8px;text-shadow:0 2px 10px rgba(0,0,0,.3)}.employee-email{color:#fffc;font-size:.9rem;margin:0 0 4px}.employee-department{color:#ffffffb3;font-size:.85rem;margin:0;font-weight:500}.reminder-details{background:#0003;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:8px}.detail-item{display:flex;justify-content:space-between;align-items:center}.detail-label{color:#ffffffb3;font-size:.85rem}.detail-value{color:#fff;font-weight:600;font-size:.9rem}.detail-value.overdue{color:#ef4444;font-weight:700}.detail-value.amount{color:#34d399;font-weight:700}.detail-value.days{color:#fbbf24;font-weight:700}.card-actions{display:flex;gap:12px;margin-top:auto}.view-orders-btn,.send-individual-reminder-btn{flex:1;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:10px 16px;color:#fff;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-align:center}.view-orders-btn:hover{background:#fff3;border-color:#fff6}.send-individual-reminder-btn{background:#10b98133;border-color:#10b9814d}.send-individual-reminder-btn:hover{background:#10b9814d;border-color:#10b98180}.no-employees{grid-column:1 / -1;text-align:center;padding:60px 20px;background:#ffffff0d;border-radius:20px;border:1px solid rgba(255,255,255,.1)}.no-employees-icon{font-size:4rem;margin-bottom:20px;opacity:.6}.no-employees h3{color:#fff;font-size:1.5rem;margin:0 0 12px}.no-employees p{color:#ffffffb3;font-size:1rem;margin:0}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.loading-spinner{font-size:3rem;margin-bottom:20px;animation:spin 2s linear infinite}.loading-container p,.error-container p{color:#fffc;font-size:1.1rem;margin:0}.error-container h3{color:#fff;font-size:1.5rem;margin:0 0 12px}@media (max-width: 1200px){.controls-section{flex-direction:column;align-items:stretch;gap:16px}.select-controls{justify-content:center}}@media (max-width: 768px){.payment-reminders{padding:20px}.page-header{padding:30px 20px}.header-content{flex-direction:column;gap:20px;text-align:center}.header-text h1{font-size:2.5rem}.header-actions{flex-direction:column;width:100%}.send-reminders-btn,.back-btn{width:100%;justify-content:center}.stats-grid,.employees-grid{grid-template-columns:1fr;gap:16px}.card-actions{flex-direction:column}.floating-bubble{display:none}}.hrms-integration-page{min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(29,78,216,.2) 0%,transparent 50%),linear-gradient(135deg,#0f172a,#1e293b 30%,#334155 70%,#1e40af);color:#333;display:flex;flex-direction:column;position:relative;overflow:hidden;font-size:.85rem}.hrms-integration-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 15%,rgba(59,130,246,.08) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(29,78,216,.1) 0%,transparent 40%);opacity:.6;pointer-events:none;z-index:0}.hrms-integration-content-wrapper{display:flex;flex:1;padding:2rem;gap:2rem;margin-top:0;position:relative;z-index:2;min-height:calc(100vh - 180px)}.hrms-integration-main{width:100%;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;box-shadow:0 20px 40px #0000001a,0 0 0 1px #3b82f61a;overflow:hidden;position:relative;z-index:2;border:1px solid rgba(59,130,246,.2)}.hrms-integration-content{padding:2rem}.hero-section{background:linear-gradient(135deg,#10b981,#059669);border-radius:24px;padding:3rem;margin-bottom:2rem;color:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:0 20px 40px #10b9814d;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.1"/><circle cx="10" cy="60" r="0.5" fill="white" opacity="0.1"/><circle cx="90" cy="40" r="0.5" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.hero-content{display:flex;align-items:center;gap:2rem;z-index:1;position:relative}.hero-icon{font-size:4rem;width:100px;height:100px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3)}.hero-text h1{margin:0 0 1rem;font-size:2.5rem;font-weight:800;text-shadow:0 2px 4px rgba(0,0,0,.3)}.hero-text p{margin:0;font-size:1.1rem;opacity:.9;line-height:1.6;max-width:500px}.hero-actions{display:flex;gap:1rem;z-index:1;position:relative}.hero-btn{padding:1rem 2rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;text-decoration:none;color:#fff}.hero-btn.primary{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b98166}.hero-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b98199}.hero-btn.secondary{background:#fff3;border:2px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-btn.secondary:hover{background:#ffffff4d;transform:translateY(-2px)}.hero-btn.success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b98166}.hero-btn.success:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b98199}.btn-icon{font-size:1.2rem}.connection-section{background:#fff;border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 20px #00000014}.section-header{text-align:center;margin-bottom:2rem}.section-header h2{margin:0 0 .5rem;font-size:2rem;color:#1f2937}.section-header p{margin:0;color:#6b7280;font-size:1.1rem}.connection-form{max-width:800px;margin:0 auto}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.form-row:first-child{grid-template-columns:1fr}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:600;color:#374151;margin-bottom:.5rem;font-size:.95rem}.form-input{padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:border-color .3s ease;background:#f9fafb}.form-input::placeholder{color:#9ca3af}.form-input:focus{outline:none;border-color:#667eea;background:#fff}.form-input[type=select],.form-input select{cursor:pointer}.form-input option{padding:.5rem}.connection-actions{text-align:center;margin-top:2rem}.connect-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 3rem;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 4px 15px #667eea66}.connect-btn:hover:not(.connecting){transform:translateY(-2px);box-shadow:0 8px 25px #667eea99}.connect-btn.connecting{opacity:.7;cursor:not-allowed}.test-connection-btn{background:#f59e0b;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;margin-left:1rem}.test-connection-btn:hover{background:#d97706;transform:translateY(-1px);box-shadow:0 4px 15px #f59e0b66}.debug-btn{background:#8b5cf6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;margin-left:1rem}.debug-btn:hover{background:#7c3aed;transform:translateY(-1px);box-shadow:0 4px 15px #8b5cf666}.test-import-btn{background:#06b6d4;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;margin-left:1rem}.test-import-btn:hover{background:#0891b2;transform:translateY(-1px);box-shadow:0 4px 15px #06b6d466}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.connection-status{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-radius:12px;margin-top:1.5rem;max-width:600px;margin-left:auto;margin-right:auto}.connection-status.success{background:#f0fdf4;border:1px solid #22c55e}.connection-status.error{background:#fef2f2;border:1px solid #ef4444}.status-icon{font-size:1.5rem;flex-shrink:0}.status-message{color:#1f2937;font-weight:500}.troubleshooting-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;margin-top:1.5rem;max-width:800px;margin-left:auto;margin-right:auto}.troubleshooting-section h4{margin:0 0 1rem;color:#1f2937;font-size:1.1rem}.troubleshooting-section ul{margin:0 0 1rem;padding-left:1.5rem}.troubleshooting-section li{margin:.5rem 0;color:#4b5563;line-height:1.5}.test-connection-info{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:1rem;margin-top:1rem}.test-connection-info p{margin:0;color:#1e40af;font-size:.9rem}.employees-section{background:#fff;border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 20px #00000014}.employees-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:16px;border:1px solid #e2e8f0}.selection-info .selected-count{font-weight:700;color:#1f2937;font-size:1.2rem;padding:.5rem 1rem;background:#fff;border-radius:8px;border:2px solid #d1d5db}.selection-actions{display:flex;gap:1rem}.select-all-btn{background:#f3f4f6;color:#374151;border:2px solid #d1d5db;padding:.75rem 1.5rem;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.select-all-btn:hover{background:#e5e7eb;border-color:#9ca3af;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.import-selected-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 15px #10b9814d}.import-selected-btn:hover:not(.disabled){transform:translateY(-1px);box-shadow:0 6px 20px #10b98166}.import-selected-btn.disabled{opacity:.6;cursor:not-allowed;transform:none}.employees-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;padding:1rem 0}.employee-card{border:2px solid #e5e7eb;border-radius:16px;padding:1.5rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;background:#fff;position:relative;box-shadow:0 2px 8px #00000014}.employee-card:before,.employee-card:after{display:none!important}.employee-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001f;border-color:#e5e7eb!important;background:#fff!important}.employee-card.selected{border-color:#10b981;background:#f9fafb;box-shadow:0 4px 20px #0000001a;transform:translateY(-2px)}.employee-card.selected:before,.employee-card.selected:after{display:none!important}.employee-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.employee-avatar{width:60px;height:60px;background:#f3f4f6!important;color:#6b7280!important;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;box-shadow:0 2px 8px #0000001a;border:3px solid #e5e7eb!important}.selection-checkbox{position:relative}.selection-checkbox input[type=checkbox]{width:24px;height:24px;accent-color:#10b981;cursor:pointer;border-radius:6px;border:2px solid #d1d5db;transition:all .2s ease}.selection-checkbox input[type=checkbox]:checked{border-color:#10b981;background-color:#10b981}.employee-info h4{margin:0 0 .75rem;color:#1f2937;font-size:1.3rem;font-weight:700;line-height:1.3}.employee-info p{margin:.5rem 0;color:#6b7280;font-size:.95rem;line-height:1.4;display:flex;align-items:center;gap:.5rem}.employee-email{font-weight:600;color:#374151!important;background:#f9fafb;padding:.5rem .75rem;border-radius:8px;border:1px solid #e5e7eb;font-size:.9rem}.employee-phone,.employee-joining{font-size:.9rem!important;color:#374151;font-weight:500;background:#f9fafb;padding:.4rem .75rem;border-radius:6px;border:1px solid #e5e7eb}.import-result{padding:1.5rem;border-radius:12px;margin-bottom:2rem}.import-result.success{background:#f0fdf4;border:1px solid #22c55e}.import-result.error{background:#fef2f2;border:1px solid #ef4444}.result-header{display:flex;align-items:flex-start;gap:1rem}.result-icon{font-size:2rem;flex-shrink:0}.result-content h3{margin:0 0 1rem;color:#1f2937}.result-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-top:1rem}.detail-item{display:flex;justify-content:space-between;padding:.5rem;background:#ffffff80;border-radius:8px}.detail-label{font-weight:600;color:#374151}.detail-value{color:#059669;font-weight:600}.instructions-section{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 20px #00000014}.instructions-section h3{margin:0 0 1.5rem;color:#1f2937;font-size:1.5rem;text-align:center}.instructions-content{display:grid;gap:1rem}.instruction-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8fafc;border-radius:12px;border-left:4px solid #667eea}.instruction-number{width:32px;height:32px;background:#667eea;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.instruction-text{color:#374151;line-height:1.5}@media (max-width: 768px){.hero-section{flex-direction:column;text-align:center;gap:2rem}.hero-actions{flex-direction:column;width:100%}.hero-btn{width:100%;justify-content:center}.form-row{grid-template-columns:1fr}.employees-controls{flex-direction:column;gap:1rem;align-items:stretch}.selection-actions{justify-content:center}.employees-grid,.result-details{grid-template-columns:1fr}}.employee-card *{background:inherit!important}.employee-card:hover *{background:inherit!important;color:inherit!important}.employee-card:hover .employee-avatar{background:#f3f4f6!important;color:#6b7280!important;border-color:#e5e7eb!important}.employee-card:hover .employee-info h4{color:#1f2937!important}.employee-card:hover .employee-info p{color:#6b7280!important}.employee-card:hover .employee-email,.employee-card:hover .employee-phone,.employee-card:hover .employee-joining{background:#f9fafb!important;color:#374151!important;border-color:#e5e7eb!important}.settings-page{min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(29,78,216,.2) 0%,transparent 50%),linear-gradient(135deg,#0f172a,#1e293b 30%,#334155 70%,#1e40af);color:#333;display:flex;flex-direction:column;position:relative;overflow:hidden;font-size:.85rem}.settings-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 15%,rgba(59,130,246,.08) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(29,78,216,.1) 0%,transparent 40%);opacity:.6;pointer-events:none;z-index:0}.settings-content-wrapper{display:flex;flex:1;padding:1.2rem;gap:1.2rem;margin-top:0;position:relative;z-index:2;min-height:calc(100vh - 120px)}.settings-main{width:100%;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;box-shadow:0 20px 40px #0000001a,0 0 0 1px #3b82f61a;overflow:hidden;position:relative;z-index:2;border:1px solid rgba(59,130,246,.2)}.settings-content{padding:1.5rem}.settings-nav{display:flex;gap:.5rem;margin-bottom:2rem;padding:.5rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.nav-tab{padding:.75rem 1.5rem;border:none;background:transparent;color:#64748b;font-weight:600;font-size:.9rem;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.nav-tab:hover{background:#3b82f61a;color:#3b82f6}.nav-tab.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 15px #3b82f64d}.settings-forms{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 20px #00000014;border:1px solid #e5e7eb}.settings-section{margin-bottom:2.5rem}.settings-section:last-child{margin-bottom:0}.settings-section h2{margin:0 0 1.5rem;font-size:1.5rem;font-weight:700;color:#1e293b;padding-bottom:.75rem;border-bottom:2px solid #f1f5f9}.settings-form{display:flex;flex-direction:column;gap:2rem}.brand-section,.company-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem;margin-bottom:1rem}.brand-section h3,.company-section h3{margin:0 0 1.5rem;font-size:1.25rem;font-weight:700;color:#1e293b;padding-bottom:.75rem;border-bottom:2px solid #e2e8f0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}@media (max-width: 768px){.form-row{grid-template-columns:1fr;gap:1.5rem}.brand-section,.company-section{padding:1rem}}.form-group{display:flex;flex-direction:column;gap:.75rem}.brand-name-input{padding:1rem 1.25rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;font-weight:500;color:#1f2937;background:#fff;transition:all .3s ease}.brand-name-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.brand-name-input:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed;border-color:#e5e7eb}.company-name-input{padding:1rem 1.25rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;font-weight:500;color:#1f2937;background:#fff;transition:all .3s ease}.company-name-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.company-name-input:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed;border-color:#e5e7eb}.logo-upload-section{display:flex;flex-direction:column;gap:1rem}.upload-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.upload-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea4d}.upload-btn.disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}.upload-btn.disabled:hover{transform:none;box-shadow:none}.logo-preview{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;margin-top:1rem}.logo-preview img{max-width:150px;max-height:150px;object-fit:contain;border-radius:8px;box-shadow:0 4px 12px #0000001a}.logo-preview span{font-size:.9rem;color:#64748b;font-weight:500}.settings-actions{display:flex;justify-content:center;margin-top:2rem;padding-top:2rem;border-top:2px solid #f1f5f9}.edit-actions{display:flex;gap:1rem}.edit-btn{padding:1rem 2rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.edit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b9814d}.save-btn{padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.save-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.cancel-btn{padding:1rem 2rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.cancel-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ef44444d}.edit-btn:disabled,.save-btn:disabled,.cancel-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.message{padding:1rem 1.5rem;border-radius:12px;margin-bottom:1.5rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.message.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:1px solid #059669}.message.error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:1px solid #dc2626}.current-settings-display{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #cbd5e1;border-radius:16px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 12px #0000000d}.current-settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.current-settings-display h3{margin:0;font-size:1.25rem;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:.5rem}.refresh-settings-btn{padding:.5rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.refresh-settings-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.refresh-settings-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.current-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.current-setting-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#fff;border-radius:8px;border:1px solid #e2e8f0;box-shadow:0 2px 4px #0000000d}.setting-label{font-weight:600;color:#374151;font-size:.9rem}.setting-value{font-weight:500;color:#1f293b;font-size:.9rem;text-align:right;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.current-settings-grid{grid-template-columns:1fr}.current-setting-item{flex-direction:column;align-items:flex-start;gap:.5rem}.setting-value{text-align:left;max-width:none}}.toast{position:fixed;top:20px;right:20px;z-index:9999;min-width:300px;max-width:500px;border-radius:12px;box-shadow:0 10px 30px #0003;animation:slideInRight .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toast-content{display:flex;align-items:center;padding:1rem 1.5rem;gap:.75rem}.toast-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:1px solid #059669}.toast-error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:1px solid #dc2626}.toast-message{flex:1;font-weight:600;font-size:.95rem;line-height:1.4}.toast-close{background:none;border:none;color:inherit;font-size:1.5rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease;flex-shrink:0}.toast-close:hover{background-color:#fff3}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@media (max-width: 768px){.toast{top:10px;right:10px;left:10px;min-width:auto;max-width:none}.toast-content{padding:.875rem 1rem}.toast-message{font-size:.9rem}}.form-group input[type=text],.form-group input[type=number],.form-group input[type=email],.form-group select,.form-group textarea{padding:1rem 1.25rem;border:2px solid #e5e7eb;border-radius:12px;font-size:.95rem;transition:all .3s ease;background:#fff;color:#374151;font-family:inherit}.form-group input[type=text]:focus,.form-group input[type=number]:focus,.form-group input[type=email]:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;transform:translateY(-1px)}.form-group input[type=text]:hover,.form-group input[type=number]:hover,.form-group input[type=email]:hover,.form-group select:hover,.form-group textarea:hover{border-color:#d1d5db}.form-group textarea{resize:vertical;min-height:100px;line-height:1.6}.form-group select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;appearance:none}.form-group input[type=color]{width:60px;height:40px;border:none;border-radius:8px;cursor:pointer}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:500;color:#374151;padding:.5rem;border-radius:8px;transition:all .2s ease}.checkbox-label:hover{background:#667eea0d}.checkbox-label input[type=checkbox]{display:none}.checkmark{width:22px;height:22px;border:2px solid #d1d5db;border-radius:6px;position:relative;transition:all .3s ease;background:#fff;flex-shrink:0}.checkbox-label input[type=checkbox]:checked+.checkmark{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;transform:scale(1.05)}.checkbox-label input[type=checkbox]:checked+.checkmark:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:.9rem;font-weight:700}.file-upload{display:flex;align-items:center;gap:1rem}.file-upload input[type=file]{display:none}.upload-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;cursor:pointer;font-weight:600;transition:all .3s ease}.upload-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea4d}.settings-actions{display:flex;gap:1rem;margin-top:2.5rem;padding-top:2rem;border-top:2px solid #f1f5f9}.save-btn,.reset-btn{padding:1rem 2rem;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem;display:flex;align-items:center;gap:.5rem}.save-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 15px #10b98133}.save-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b9814d}.reset-btn{background:#ef44441a;color:#ef4444;border:2px solid rgba(239,68,68,.3)}.reset-btn:hover{background:#ef444426;transform:translateY(-2px);border-color:#ef444480}@media (max-width: 768px){.settings-content-wrapper{flex-direction:column}.settings-main{margin-left:0}.settings-header{flex-direction:column;gap:.75rem;text-align:center;margin:0 .5rem 1rem;padding:.75rem;width:calc(100% - 1rem)}.header-left{flex-direction:column;gap:1rem}.header-right{justify-content:center}.settings-content{padding:0 1rem 1rem}.settings-nav{padding:0 .5rem .5rem;margin-bottom:1rem}.settings-forms{padding:1.5rem}.settings-actions{flex-direction:column}}@media (max-width: 480px){.settings-header{margin:0 .25rem .5rem;padding:.75rem}.logo-text h1{font-size:1.5rem}.settings-forms{padding:1rem}.form-group input[type=text],.form-group input[type=number],.form-group input[type=email],.form-group select,.form-group textarea{padding:.625rem .875rem}}.admin-exams{min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(29,78,216,.2) 0%,transparent 50%),linear-gradient(135deg,#0f172a,#1e293b 30%,#334155 70%,#1e40af);margin-top:80px;position:relative;overflow:hidden;font-size:.85rem}.admin-exams:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 15%,rgba(59,130,246,.08) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(29,78,216,.1) 0%,transparent 40%);opacity:.6;pointer-events:none;z-index:0}.admin-exams-content{display:flex;min-height:calc(100vh - 80px);position:relative;z-index:2}.exams-header{background:#fff;border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 20px #0000001a;display:flex;justify-content:space-between;align-items:center}.create-exam-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:1rem 2rem;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3b82f64d}.create-exam-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666}.stat-icon{font-size:2.5rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.exams-table-container{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #0000001a;overflow-x:auto}.exams-table{width:100%;border-collapse:collapse}.exams-table th{background:#f8fafc;padding:1rem;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e2e8f0}.exams-table td{padding:1rem;border-bottom:1px solid #f1f5f9;vertical-align:top}.exams-table tr:hover{background:#f8fafc}.exam-title-cell h4{margin:0 0 .5rem;color:#1e293b;font-size:1.1rem}.exam-title-cell p{margin:0;color:#64748b;font-size:.9rem;line-height:1.4}.category-badge,.difficulty-badge,.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;color:#fff}.category-badge{background:#e2e8f0;color:#475569}.action-buttons{display:flex;gap:.25rem;align-items:center;justify-content:center;flex-wrap:nowrap;flex-direction:row}.action-btn{min-width:80px;height:32px;padding:.25rem .5rem;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;white-space:nowrap;font-weight:500;gap:.25rem;text-decoration:none;outline:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.action-btn span{pointer-events:none;color:inherit}.start-btn{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:1px solid #22c55e;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 2px 4px #22c55e33}.start-btn:hover{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;transform:translateY(-2px);box-shadow:0 6px 12px #22c55e66}.live-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:1px solid #dc2626;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 2px 4px #dc262633;cursor:not-allowed;opacity:.9}.live-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;transform:none;box-shadow:0 2px 4px #dc262633}.results-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:1px solid #3b82f6;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 2px 4px #3b82f633}.results-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;transform:translateY(-2px);box-shadow:0 6px 12px #3b82f666}.edit-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:1px solid #f59e0b;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 2px 4px #f59e0b33}.edit-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);color:#fff;transform:translateY(-2px);box-shadow:0 6px 12px #f59e0b66}.delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:1px solid #ef4444;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 2px 4px #ef444433}.delete-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;transform:translateY(-2px);box-shadow:0 6px 12px #ef444466}.live-btn:disabled{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;cursor:not-allowed;opacity:.9}.edit-btn{background:#3b82f6;color:#fff;border:1px solid #3b82f6;text-shadow:0 1px 2px rgba(0,0,0,.2)}.edit-btn:hover{background:#2563eb;color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #3b82f64d}.toggle-btn{background:#f59e0b;color:#fff}.toggle-btn:hover{background:#d97706;transform:translateY(-2px)}.delete-btn{background:#ef4444;color:#fff;border:1px solid #ef4444;text-shadow:0 1px 2px rgba(0,0,0,.2)}.delete-btn:hover{background:#dc2626;color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #ef44444d}.modal-overlay:before{content:"Click outside to close";position:absolute;top:20px;left:50%;transform:translate(-50%);color:#fff;background:#000000b3;padding:8px 16px;border-radius:20px;font-size:.8rem;opacity:.8}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 4px #667eea1a,0 8px 25px #667eea26;transform:translateY(-2px)}.form-group input:hover,.form-group select:hover{border-color:#cbd5e1;background:#fff;box-shadow:0 4px 15px #00000014;transform:translateY(-1px)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1rem}.form-group input:valid,.form-group select:valid{border-color:#10b981}.form-group input:invalid:not(:placeholder-shown),.form-group select:invalid:not(:placeholder-shown){border-color:#ef4444}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem 3rem;border:none;border-radius:20px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%;margin-top:2.5rem;text-transform:uppercase;letter-spacing:1.5px;box-shadow:0 8px 30px #667eea4d,0 4px 15px #0000001a;position:relative;overflow:hidden}.submit-btn:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-3px) scale(1.02);box-shadow:0 12px 40px #667eea66,0 6px 20px #00000026}.submit-btn:active{transform:translateY(-1px) scale(.98);box-shadow:0 5px 20px #667eea4d,0 2px 10px #0000001a}.cancel-btn{background:#f1f5f9;color:#475569;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;flex:1}.exam-modal{background:#fff;border-radius:24px;max-width:700px;width:95%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 80px #00000040;border:1px solid #e2e8f0;cursor:default}.close-btn{background:#ef4444;color:#fff;border:none;font-size:1.5rem;cursor:pointer;padding:.75rem;border-radius:50%;transition:all .3s ease;width:45px;height:45px;display:flex;align-items:center;justify-content:center;position:absolute;top:1.5rem;right:1.5rem;z-index:2;box-shadow:0 4px 15px #ef44444d}.close-btn:hover{background:#dc2626;transform:rotate(90deg) scale(1.1);box-shadow:0 6px 20px #ef444466}.modal-content ul{margin:1rem 0;padding-left:1.5rem;color:#475569}.modal-content li{margin-bottom:.5rem}.close-btn{background:#ef4444;color:#fff;border:none;font-size:1.2rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .3s ease;width:35px;height:35px;display:flex;align-items:center;justify-content:center;position:absolute;top:1rem;right:1rem}.close-btn:hover{background:#dc2626;transform:scale(1.1)}@media (max-width: 768px){.main-content{padding:1rem;margin-left:0}.exams-header{flex-direction:column;gap:1rem;text-align:center}.stats-grid{grid-template-columns:1fr}.exams-table{font-size:.9rem}.exams-table th,.exams-table td{padding:.75rem .5rem}.action-buttons{flex-direction:row;gap:.15rem;justify-content:center;flex-wrap:nowrap}.action-btn{min-width:60px;height:28px;padding:.15rem .25rem;font-size:.7rem}.form-row{grid-template-columns:1fr;gap:0}}.toast{position:fixed;top:20px;right:20px;min-width:300px;max-width:500px;z-index:9999;border-radius:8px;box-shadow:0 4px 12px #00000026;animation:slideInRight .3s ease-out}.toast-content{display:flex;align-items:center;justify-content:space-between;padding:1rem}.toast-message{flex:1;font-size:.9rem;font-weight:500;line-height:1.4}.toast-close{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:0;margin-left:1rem;opacity:.8;transition:opacity .2s ease}.toast-close:hover{opacity:1}@media (max-width: 768px){.toast{right:10px;left:10px;min-width:auto}}.modal-header{padding:1.5rem 1.5rem 1rem}.modal-header h2{font-size:1.5rem}} .no-exams-message{text-align:center;padding:3rem 2rem}.empty-state h3{color:#1e293b;margin:0 0 1rem;font-size:1.5rem;font-weight:700}.empty-state p{color:#64748b;margin:0 0 2rem;font-size:1.1rem}.create-first-exam-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem 2rem;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.create-first-exam-btn:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.no-question-banks-message{color:#64748b;font-size:.9rem;margin-top:.5rem;font-style:italic}select:disabled{background:#f1f5f9;color:#64748b;cursor:not-allowed;opacity:.7;border-color:#cbd5e1;box-shadow:inset 0 2px 4px #0000000d}.no-question-banks-message{color:#f59e0b;font-size:.9rem;margin-top:.75rem;font-style:italic;font-weight:500;padding:.75rem 1rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;border-left:4px solid #f59e0b;box-shadow:0 2px 8px #f59e0b1a}.admin-exam-results-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);margin-top:80px}.admin-exam-results-content{display:flex;min-height:calc(100vh - 80px)}.results-header{background:#fff;border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 20px #0000001a}.course-name{margin:.5rem 0;color:#64748b;font-size:1rem;font-weight:500}.exam-details{margin:.5rem 0 0;color:#64748b;font-size:.9rem}.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:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 12px #00000014;transition:transform .3s ease}.stat-card.total{border-left:4px solid #64748b}.stat-card.attempted{border-left:4px solid #3b82f6}.stat-card.passed{border-left:4px solid #10b981}.stat-card.failed{border-left:4px solid #ef4444}.stat-card.not-attempted{border-left:4px solid #f59e0b}.stat-card.average{border-left:4px solid #8b5cf6}.stat-icon{font-size:2rem}.stat-number{font-size:1.8rem;font-weight:700;color:#1e293b;line-height:1}.controls-section{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 12px #00000014;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.filter-controls{display:flex;align-items:center;gap:1rem}.export-controls{display:flex;align-items:center}.filter-controls label{font-weight:600;color:#374151}.filter-select{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;font-size:.9rem;min-width:180px;cursor:pointer}.filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.export-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 2px 8px #10b98133}.export-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.export-btn:active{transform:translateY(0)}.results-table-container{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000001a}.results-table{width:100%;border-collapse:collapse}.results-table th{background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#374151;font-weight:600;padding:1rem;text-align:left;border-bottom:2px solid #e2e8f0;font-size:.9rem;letter-spacing:.5px}.results-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;transition:background-color .3s ease}.results-table th.sortable:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1)}.sort-indicator{margin-left:.5rem;font-size:.8rem;color:#3b82f6}.results-table td{padding:1rem;border-bottom:1px solid #f1f5f9;vertical-align:middle}.results-table tr.attempted{background:#fff}.results-table tr.not-attempted{background:#f9fafb80}.results-table tr:hover{background:#3b82f60d}.employee-info{display:flex;flex-direction:column;gap:.25rem}.employee-name{font-weight:600;color:#1e293b;font-size:.95rem}.employee-email{color:#64748b;font-size:.85rem}.status-badge{padding:.375rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.passed{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.2)}.status-badge.failed{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.status-badge.not-attempted{background:#f59e0b1a;color:#d97706;border:1px solid rgba(245,158,11,.2)}.score.passed{color:#059669;font-weight:600;background:#10b9811a;padding:.25rem .5rem;border-radius:6px}.score.failed{color:#dc2626;font-weight:600;background:#ef44441a;padding:.25rem .5rem;border-radius:6px}.score.not-attempted{color:#64748b;font-style:italic}.attempts{background:#3b82f61a;color:#2563eb;padding:.25rem .5rem;border-radius:6px;font-weight:600;font-size:.9rem}.time-taken{color:#64748b;font-size:.9rem;font-family:Monaco,Menlo,monospace}.last-attempt{color:#64748b;font-size:.85rem}.no-results{text-align:center;padding:3rem;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;margin-top:2rem}.no-results h3{color:#374151;margin-bottom:1rem}.no-results p{color:#6b7280}.error-message{text-align:center;padding:3rem;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.main-content{padding:1rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.results-table-container{overflow-x:auto}.results-table{min-width:800px}.controls-section{flex-direction:column;align-items:stretch;gap:1rem}.filter-controls{flex-direction:column;align-items:flex-start;gap:.5rem}.export-controls{justify-content:center}.filter-select,.export-btn{width:100%;justify-content:center}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}.stat-card{flex-direction:column;text-align:center;gap:.5rem}.results-header{padding:1.5rem}.exam-info h1{font-size:1.5rem}}.question-bank{min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(29,78,216,.2) 0%,transparent 50%),linear-gradient(135deg,#0f172a,#1e293b 30%,#334155 70%,#1e40af);margin-top:80px;position:relative;overflow:hidden}.question-bank:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 15%,rgba(59,130,246,.08) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(29,78,216,.1) 0%,transparent 40%);opacity:.6;pointer-events:none;z-index:0}.question-bank-content{display:flex;min-height:calc(100vh - 80px);position:relative;z-index:2}.question-bank-header{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 20px 40px #0000001a,0 0 0 1px #3b82f61a;display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(59,130,246,.2)}.create-qbank-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:1rem 2rem;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3b82f64d}.create-qbank-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666}.stat-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #0000001a;display:flex;align-items:center;gap:1rem}.stat-icon{font-size:2.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-content{display:flex;flex-direction:column}.stat-number{font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:.25rem}.stat-label{color:#64748b;font-size:.9rem}.qbank-table-container{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #0000001a;overflow-x:auto}.qbank-table{width:100%;border-collapse:collapse}.qbank-table th{background:#f8fafc;padding:1rem;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e2e8f0}.qbank-table td{padding:1rem;border-bottom:1px solid #f1f5f9;vertical-align:top}.qbank-table tr:hover{background:#f8fafc}.qbank-title-cell h4{margin:0 0 .5rem;color:#1e293b;font-size:1.1rem}.qbank-title-cell p{margin:0;color:#64748b;font-size:.9rem;line-height:1.4}.course-badge,.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;color:#fff}.course-badge{background:#e2e8f0;color:#475569}.action-buttons{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:nowrap;min-width:120px}.action-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:8px;border-radius:8px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;flex-shrink:0}.action-btn:hover{transform:scale(1.1);background:#0000001a}.edit-btn:hover,.toggle-btn:hover{background:#3b82f61a;color:#3b82f6}.delete-btn:hover{background:#ef44441a;color:#ef4444}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;cursor:pointer}.qbank-modal{background:#fff;border-radius:24px;max-width:650px;width:95%;max-height:90vh;overflow-y:auto;box-shadow:0 30px 100px #0000004d;border:1px solid #e2e8f0;position:relative}.modal-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:24px 24px 0 0;padding:2.5rem 2rem 2rem;border-bottom:2px solid #e2e8f0;position:relative;text-align:center}.form-group input,.form-group select{width:100%;padding:1.25rem 1rem;border:3px solid #e2e8f0;border-radius:16px;font-size:1.1rem;transition:all .3s ease;background:#f8fafc;color:#1e293b;font-weight:500;box-shadow:0 2px 10px #0000000d}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 6px #667eea1a;transform:translateY(-2px)}.form-group input:hover,.form-group select:hover{border-color:#cbd5e1;background:#fff;transform:translateY(-1px)}.form-group select:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed;transform:none}.error-message,.course-error{color:#ef4444;font-size:.9rem;margin-top:.75rem;font-style:italic;background:#fef2f2;padding:.75rem;border-radius:8px;border-left:4px solid #ef4444}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem 2.5rem;border:none;border-radius:20px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease;width:100%;margin-top:2.5rem;text-transform:uppercase;letter-spacing:1.5px;box-shadow:0 8px 30px #667eea66;position:relative;overflow:hidden}@media (max-width: 768px){.main-content{padding:1rem;margin-left:0}.question-bank-header{flex-direction:column;gap:1rem;text-align:center}.stats-grid{grid-template-columns:1fr}.qbank-table{font-size:.9rem}.qbank-table th,.qbank-table td{padding:.75rem .5rem}.action-buttons{flex-direction:column;gap:.25rem}.action-btn{width:30px;height:30px;font-size:.9rem}}.add-question{min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(29,78,216,.2) 0%,transparent 50%),linear-gradient(135deg,#0f172a,#1e293b 30%,#334155 70%,#1e40af);margin-top:80px;position:relative;overflow:hidden}.add-question:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 15%,rgba(59,130,246,.08) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(29,78,216,.1) 0%,transparent 40%);opacity:.6;pointer-events:none;z-index:0}.add-question-content{display:flex;min-height:calc(100vh - 80px);position:relative;z-index:2}.add-question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2rem;border-radius:16px;box-shadow:0 20px 40px #0000001a,0 0 0 1px #3b82f61a;border:1px solid rgba(59,130,246,.2)}.header-content h1{margin:0 0 .5rem;color:#1e293b;font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-content p{margin:0;color:#64748b;font-size:1.1rem;font-weight:500}.create-question-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:1rem 2rem;border:none;border-radius:15px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #667eea4d}.create-question-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #667eea66}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;padding:2rem;border-radius:20px;box-shadow:0 8px 30px #0000001a;display:flex;align-items:center;gap:1.5rem;transition:all .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #00000026}.stat-icon{font-size:3rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-number{font-size:2.5rem;font-weight:800;color:#1e293b;margin-bottom:.5rem}.stat-label{color:#64748b;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.question-banks-section{background:#fff;padding:2rem;border-radius:20px;box-shadow:0 8px 30px #0000001a}.question-banks-section h2{margin:0 0 1.5rem;color:#1e293b;font-size:1.8rem;font-weight:700}.qbank-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.qbank-card{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:1.5rem;border-radius:16px;border:2px solid #e2e8f0;transition:all .3s ease}.qbank-card:hover{transform:translateY(-3px);border-color:#667eea;box-shadow:0 8px 25px #667eea33}.qbank-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.qbank-header h3{margin:0;color:#1e293b;font-size:1.3rem;font-weight:700}.status-badge{padding:.5rem 1rem;border-radius:25px;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.status-badge.inactive{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.qbank-course{color:#667eea;font-weight:600;margin:.5rem 0;font-size:1rem}.qbank-description{color:#64748b;margin:.5rem 0 1rem;line-height:1.6}.qbank-actions{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap}.view-questions-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:.75rem 1rem;border:none;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;letter-spacing:.5px;box-shadow:0 4px 15px #3b82f64d;flex:1}.view-questions-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.add-question-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #10b9814d;flex:1}.add-question-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-overlay:before{content:"Press ESC to close";position:absolute;top:20px;left:50%;transform:translate(-50%);color:#fff;background:#000c;padding:10px 20px;border-radius:25px;font-size:.9rem;opacity:.9;font-weight:500;letter-spacing:.5px;box-shadow:0 4px 15px #0000004d}.question-modal{background:#fff;border-radius:24px;max-width:700px;width:95%;max-height:90vh;overflow-y:auto;box-shadow:0 30px 100px #0000004d;border:1px solid #e2e8f0;position:relative}.modal-header{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:24px 24px 0 0;padding:2.5rem 2rem 2rem;border-bottom:2px solid #e2e8f0;position:relative;text-align:center}.modal-header h2{margin:0;color:#fff;font-size:2rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.modal-content{padding:2.5rem;background:linear-gradient(135deg,#fff,#f8fafc)}.close-btn{background:#ef4444;color:#fff;border:none;font-size:1.5rem;cursor:pointer;padding:.75rem;border-radius:50%;transition:all .3s ease;width:45px;height:45px;display:flex;align-items:center;justify-content:center;position:absolute;top:1.5rem;right:1.5rem;box-shadow:0 4px 15px #ef44444d}.close-btn:hover{background:#dc2626;transform:scale(1.1);box-shadow:0 6px 20px #ef444466}.form-group label:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:4px;height:20px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:2px}.submit-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:1.5rem 2.5rem;border:none;border-radius:20px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease;width:100%;margin-top:2.5rem;text-transform:uppercase;letter-spacing:1.5px;box-shadow:0 8px 30px #667eea66;position:relative;overflow:hidden}.submit-btn:hover{transform:translateY(-4px);box-shadow:0 12px 40px #667eea99;background:linear-gradient(135deg,#5a67d8,#6b46c1)}.submit-btn:active{transform:translateY(-2px)}@media (max-width: 768px){.form-row,.qbank-cards{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.add-question-header{flex-direction:column;gap:1rem;text-align:center}}.selected-qbank-display{background:#f8fafc;border:3px solid #e2e8f0;border-radius:16px;padding:1.25rem 1rem;min-height:60px;display:flex;align-items:center;border-color:#667eea;background:#f0f4ff}.qbank-name{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0}.create-question{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.create-question-content{display:flex;min-height:calc(100vh - 80px)}.create-question-header{background:#fff;padding:2rem;border-radius:20px;box-shadow:0 8px 30px #0000001a;margin-bottom:2rem}.header-content h1{margin:0 0 1rem;color:#1e293b;font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-content p{margin:.5rem 0;color:#64748b;font-size:1.1rem;font-weight:500}.course-info{color:#10b981!important;font-weight:600}.view-questions-btn,.create-exam-btn{padding:.75rem 1.5rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.view-questions-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 15px #10b9814d}.view-questions-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.question-form-container{background:#fff;padding:2.5rem;border-radius:20px;box-shadow:0 8px 30px #0000001a}.form-group{margin-bottom:2rem;position:relative}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-group label{display:block;margin-bottom:.75rem;font-weight:700;color:#1e293b;font-size:1rem;text-transform:uppercase;letter-spacing:.8px;position:relative}.form-group label:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:4px;height:20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:1.25rem 1rem;border:3px solid #e2e8f0;border-radius:16px;font-size:1.1rem;transition:all .3s ease;background:#f8fafc;color:#1e293b;font-weight:500;box-shadow:0 2px 10px #0000000d;font-family:inherit}.form-group textarea{resize:vertical;min-height:100px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 6px #667eea1a;transform:translateY(-2px)}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#cbd5e1;background:#fff;transform:translateY(-1px)}.option-input{margin-bottom:1rem}.option-input input{padding:1rem;border:2px solid #e2e8f0;border-radius:12px;background:#f8fafc}.option-input input:focus{border-color:#667eea;background:#fff;transform:none}.form-actions{display:flex;gap:1rem;margin-top:2.5rem}.cancel-btn{background:#6b7280;color:#fff;padding:1.25rem 2rem;border:none;border-radius:16px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;flex:1}.cancel-btn:hover{background:#4b5563;transform:translateY(-2px)}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.25rem 2rem;border:none;border-radius:16px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;flex:2;text-transform:uppercase;letter-spacing:1px;box-shadow:0 6px 20px #667eea4d;position:relative;overflow:hidden}.submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.submit-btn:hover:before{left:100%}.submit-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #667eea66;background:linear-gradient(135deg,#5a67d8,#6b46c1)}.submit-btn:active{transform:translateY(-1px)}.submit-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.message{padding:1.25rem;border-radius:16px;margin-top:2rem;text-align:center;font-weight:600;animation:slideIn .4s ease;border:2px solid}.message.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border-color:#10b981;box-shadow:0 4px 20px #10b98133}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.loading-message{text-align:center;padding:4rem 2rem}.loading-message h2{color:#1e293b;margin-bottom:1rem}.loading-message p{color:#64748b}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.form-actions,.header-actions{flex-direction:column}.create-question-header,.question-form-container{padding:1.5rem}.header-content h1{font-size:2rem}.workflow-steps{gap:1rem}.step{padding:1rem}.step-number{width:35px;height:35px;font-size:1rem}}.view-questions{min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(29,78,216,.2) 0%,transparent 50%),linear-gradient(135deg,#0f172a,#1e293b 30%,#334155 70%,#1e40af);margin-top:80px;position:relative;overflow:hidden}.view-questions:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 15%,rgba(59,130,246,.08) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(29,78,216,.1) 0%,transparent 40%);opacity:.6;pointer-events:none;z-index:0}.view-questions-content{display:flex;min-height:calc(100vh - 80px);position:relative;z-index:2}.view-questions-header{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1.5rem;border-radius:16px;box-shadow:0 20px 40px #0000001a,0 0 0 1px #3b82f61a;margin-bottom:1.5rem;border:1px solid rgba(59,130,246,.2)}.back-btn{background:#6b7280;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:1rem}.back-btn:hover{background:#4b5563;transform:translateY(-2px)}.header-content h1{margin:0 0 .75rem;color:#1e293b;font-size:2rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-content p{margin:.25rem 0;color:#64748b;font-size:1rem;font-weight:500}.header-content p strong{color:#667eea;font-weight:700}.course-info{color:#3b82f6!important;font-weight:600}.header-actions{display:flex;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}.add-question-btn,.create-exam-btn{padding:.75rem 1.5rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.add-question-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.add-question-btn:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.create-exam-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 15px #f59e0b4d}.create-exam-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b66}.questions-container{background:#fff;padding:2rem;border-radius:20px;box-shadow:0 8px 30px #0000001a}.questions-header h2{margin:0 0 2rem;color:#1e293b;font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.questions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.question-card{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:3px solid #e2e8f0;border-radius:16px;padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.question-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(135deg,#667eea,#764ba2)}.question-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #667eea33;border-color:#667eea}.question-number{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem 1rem;border-radius:20px;font-weight:700;font-size:.9rem}.question-status{padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:600}.question-status.active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.question-status.inactive{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.question-content{margin-bottom:1.5rem}.question-text{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0 0 1rem;line-height:1.5}.question-meta{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.question-meta span{background:#fff;padding:.25rem .75rem;border-radius:8px;font-size:.85rem;font-weight:600;border:2px solid #e2e8f0}.question-type{color:#667eea;border-color:#667eea!important}.question-difficulty{color:#f59e0b;border-color:#f59e0b!important}.question-marks{color:#3b82f6;border-color:#3b82f6!important}.question-dates{display:flex;justify-content:space-between;color:#64748b;font-size:.8rem}.question-actions{display:flex;gap:.5rem;flex-wrap:wrap}.question-actions button{flex:1;padding:.5rem 1rem;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:80px}.edit-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.edit-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px)}.toggle-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.toggle-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px)}.delete-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px)}.loading-message,.no-questions{text-align:center;padding:4rem 2rem}.loading-message h2,.no-questions h2{color:#1e293b;margin-bottom:1rem}.loading-message p,.no-questions p{color:#64748b;margin-bottom:2rem}.add-first-question-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem 2rem;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.add-first-question-btn:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-2px)}.message{padding:1.25rem;border-radius:16px;margin-top:2rem;text-align:center;font-weight:600;animation:slideIn .4s ease;border:2px solid;position:fixed;top:90px;right:20px;z-index:1000;max-width:400px}.message.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border-color:#3b82f6;box-shadow:0 4px 20px #3b82f633}.message.error{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border-color:#ef4444;box-shadow:0 4px 20px #ef444433}@keyframes slideIn{0%{opacity:0;transform:translate(100%) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.question-modal,.delete-modal{background:#fff;border-radius:20px;padding:0;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem 2rem;border-radius:20px 20px 0 0;display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:1.5rem;font-weight:700}.close-btn{background:#fff3;color:#fff;border:none;width:40px;height:40px;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.question-modal form,.modal-content{padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#1e293b}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .3s ease}.option-input{margin-bottom:.5rem}.form-actions{display:flex;gap:1rem;margin-top:2rem}.cancel-btn{background:#6b7280;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;flex:1}.cancel-btn:hover{background:#4b5563}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;flex:2}.submit-btn:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)}.submit-btn:disabled,.delete-confirm-btn:disabled{background:#9ca3af;cursor:not-allowed}.delete-confirm-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;flex:2}.delete-confirm-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.question-preview{background:#f8fafc;padding:1rem;border-radius:8px;margin:1rem 0;border-left:4px solid #ef4444}.warning-text{color:#ef4444;font-weight:600;text-align:center}@media (max-width: 768px){.questions-grid,.form-row{grid-template-columns:1fr}.form-actions,.header-actions{flex-direction:column}.view-questions-header,.questions-container{padding:1.5rem}.header-content h1{font-size:2rem}.question-actions{flex-direction:column}.question-actions button{flex:none;width:100%}}.employee-sidebar{width:280px;height:calc(100vh - 80px);background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(29,78,216,.2) 0%,transparent 50%),linear-gradient(180deg,#0f172a,#1e293b 30%,#334155 70%,#1e40af);color:#fff;display:flex;flex-direction:column;transition:all .3s ease;position:fixed;left:0;top:80px;z-index:100;box-shadow:4px 0 20px #3b82f633;overflow:hidden;flex-shrink:0;border-right:1px solid rgba(59,130,246,.2)}.employee-sidebar.collapsed{width:80px}.employee-sidebar.mobile{transform:translate(-100%);transition:transform .3s ease}.employee-sidebar.mobile.mobile-open{transform:translate(0)}.mobile-overlay{position:fixed;inset:0;background:#00000080;z-index:99}.sidebar-header{padding:1.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.sidebar-brand{display:flex;align-items:center;gap:.75rem}.brand-icon{width:40px;height:40px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.brand-text h3{margin:0;font-size:1.25rem;font-weight:700;color:#fff}.brand-text span{font-size:.75rem;opacity:.8;font-weight:500}.collapse-btn{background:#ffffff1a;border:none;color:#fff;width:32px;height:32px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .3s ease;flex-shrink:0}.collapse-btn:hover{background:#fff3;transform:scale(1.05)}.mobile-close-btn{background:#ffffff1a;border:none;color:#fff;width:32px;height:32px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .3s ease;flex-shrink:0;position:absolute;top:1rem;right:1rem}.mobile-close-btn:hover{background:#fff3;transform:scale(1.05)}.sidebar-nav{flex:1;overflow-y:auto;padding:1rem 0}.nav-menu{list-style:none;margin:0;padding:0}.nav-item{margin:.25rem 0}.nav-link{width:100%;background:none;border:none;color:#fff;padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .3s ease;text-align:left;border-radius:0;position:relative}.nav-link:hover{background:#ffffff1a;transform:translate(5px)}.nav-link.active{background:#fff3;border-right:3px solid white}.nav-link.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#fff}.nav-icon{font-size:1.25rem;width:24px;text-align:center;flex-shrink:0}.nav-label{font-weight:600;font-size:.95rem}.nav-description{font-size:.75rem;opacity:.8;margin-top:.25rem;display:block}.employee-sidebar.collapsed .nav-label,.employee-sidebar.collapsed .nav-description{display:none}.employee-sidebar.collapsed .nav-link{justify-content:center;padding:.75rem .5rem}.employee-sidebar.collapsed .nav-icon{font-size:1.5rem}.sidebar-footer{padding:1rem;border-top:1px solid rgba(255,255,255,.1)}.logout-btn{width:100%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.75rem 1rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:.75rem;justify-content:center;transition:all .3s ease;font-weight:600}.logout-btn:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.logout-icon{font-size:1.25rem}.employee-sidebar.collapsed .logout-btn{padding:.75rem .5rem}.employee-sidebar.collapsed .logout-btn span:not(.logout-icon){display:none}@media (max-width: 767px){.employee-sidebar{width:280px;transform:translate(-100%)}.employee-sidebar.mobile-open{transform:translate(0)}.collapse-btn{display:none}}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:#ffffff1a}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff80}.nav-item{animation:slideInLeft .3s ease forwards;opacity:0;transform:translate(-20px)}.nav-item:nth-child(1){animation-delay:.1s}.nav-item:nth-child(2){animation-delay:.2s}.nav-item:nth-child(3){animation-delay:.3s}.nav-item:nth-child(4){animation-delay:.4s}.nav-item:nth-child(5){animation-delay:.5s}.nav-item:nth-child(6){animation-delay:.6s}.nav-item:nth-child(7){animation-delay:.7s}.nav-item:nth-child(8){animation-delay:.8s}@keyframes slideInLeft{to{opacity:1;transform:translate(0)}}.employee-header{background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(29,78,216,.2) 0%,transparent 50%),linear-gradient(135deg,#0f172a,#1e293b 30%,#334155 70%,#1e40af);color:#fff;padding:1rem 2rem;box-shadow:0 4px 20px #3b82f633;position:fixed;top:0;left:0;right:0;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:80px;display:flex;align-items:center;width:100%;box-sizing:border-box;overflow:visible;border-bottom:1px solid rgba(59,130,246,.2)}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;width:100%;position:relative;padding:0 2rem}.header-left{display:flex;align-items:center;gap:1.5rem;flex:0 0 auto;justify-content:flex-start}.header-title-section{display:flex;flex-direction:column;gap:.25rem;align-items:flex-start}.header-title{margin:0;font-size:1.6rem;font-weight:800;color:#fff;text-align:left}.header-subtitle{margin:0;font-size:.9rem;color:#fff;font-weight:600;text-align:left}.header-right{display:flex;align-items:center;gap:1rem;position:relative;flex-shrink:0;margin-left:auto}.user-profile{display:flex;align-items:center;gap:1rem;background:#fff3;border:2px solid rgba(255,255,255,.3);border-radius:12px;padding:.75rem 1rem;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:200px}.user-profile:hover{background:#ffffff40;transform:translateY(-1px);box-shadow:0 8px 25px #3b82f666;border-color:#ffffff80}.user-avatar{width:40px;height:40px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.1rem;box-shadow:0 3px 12px #3b82f666;flex-shrink:0}.user-details{display:flex;flex-direction:column;gap:.1rem;min-width:0;flex:1}.user-name{font-weight:700;color:#fff;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;margin:0}.user-role{font-size:.8rem;color:#fff;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;margin:0}.dropdown-arrow{color:#fff;transition:transform .2s ease;flex-shrink:0}.user-profile:hover .dropdown-arrow{transform:rotate(180deg)}.user-dropdown{position:absolute;top:calc(100% + 1rem);right:0;background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;border-radius:16px;box-shadow:0 20px 60px #0009!important;border:1px solid rgba(59,130,246,.3)!important;min-width:280px;max-width:320px;overflow:hidden;z-index:1001;animation:dropdownSlideIn .3s ease-out}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-header{padding:1.5rem;background:linear-gradient(135deg,#0f172acc,#1e293be6)!important;border-bottom:1px solid rgba(59,130,246,.3)!important}.dropdown-user-info{display:flex;align-items:center;gap:1rem}.dropdown-avatar{width:48px;height:48px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.2rem;flex-shrink:0}.dropdown-details{display:flex;flex-direction:column;gap:.25rem;min-width:0;flex:1}.dropdown-name{font-weight:600;color:#ffffffe6!important;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dropdown-email{font-size:.85rem;color:#ffffffb3!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dropdown-role{font-size:.75rem;color:#60a5fa!important;font-weight:600;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dropdown-menu{padding:.75rem 0}.dropdown-item{width:100%;padding:.75rem 1.5rem;background:none;border:none;text-align:left;cursor:pointer;display:flex;align-items:center;gap:.75rem;color:#ffffffe6!important;font-size:.9rem;font-weight:500;transition:all .2s ease;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dropdown-item:hover{background:#3b82f633!important;color:#60a5fa!important}.dropdown-item svg{color:#ffffffb3!important;transition:color .2s ease}.dropdown-item:hover svg{color:#60a5fa!important}.dropdown-divider{height:1px;background:#3b82f64d!important;margin:.5rem 0}.logout-item{color:#ef4444!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.logout-item:hover{background:#ef444433!important;color:#dc2626!important}.logout-item:hover svg{color:#dc2626!important}@media (max-width: 768px){.employee-header{padding:1rem 1.5rem;height:70px}.header-title{font-size:1.4rem}.header-subtitle{font-size:.8rem}.user-profile{min-width:160px;padding:.5rem .75rem}.user-details,.dropdown-arrow{display:none}.user-dropdown{right:-.5rem;min-width:260px;max-width:calc(100vw - 2rem)}}@media (max-width: 480px){.employee-header{padding:1rem;height:65px}.header-title{font-size:1.2rem}.header-subtitle{font-size:.75rem}.user-profile{min-width:120px;padding:.4rem .6rem}.user-avatar{width:36px;height:36px;font-size:1rem}.user-dropdown{right:-.75rem;min-width:240px;max-width:calc(100vw - 1.5rem)}}.notification-popup-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.notification-popup{background:#fff;border-radius:8px;box-shadow:0 20px 40px #0000004d;max-width:1100px;width:98%;max-height:80vh;overflow:hidden;animation:slideIn .3s ease-out;position:relative}.notification-popup.samagra-style{border:3px solid #dc3545;border-radius:12px;box-shadow:0 25px 50px #dc354533}.notification-popup.samagra-style .popup-header{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;padding:8px 15px;border-bottom:2px solid #dc3545}.notification-popup.samagra-style .popup-header h3{margin:0 0 2px;font-size:18px;font-weight:700;text-align:center;color:#fff}.notification-popup.samagra-style .subtitle{display:block;text-align:center;font-size:11px;color:#ffeb3b;font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.notification-popup.samagra-style .popup-content,.notification-popup.samagra-style .notification-item{background:#fff!important;color:#000!important}.notification-popup.samagra-style .notification-message{color:#000!important}.popup-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e9ecef;background:#f8f9fa}.header-left{display:flex;flex-direction:column;align-items:center;flex:1}.close-btn{background:none;border:none;font-size:28px;cursor:pointer;color:#fff;padding:5px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.close-btn:hover{background-color:#fff3}.popup-content{padding:25px;max-height:400px;overflow-y:auto;background:#fff!important;color:#000!important}.notifications-list{display:flex;flex-direction:column;gap:20px;background:#fff!important}.notification-item{display:flex;gap:15px;padding:20px;border:2px solid #e9ecef;border-radius:10px;background:#fff;transition:all .3s ease;position:relative}.notification-item:hover{border-color:#dc3545;box-shadow:0 5px 15px #dc35451a;transform:translateY(-2px)}.notification-number{background:#dc3545;color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0;box-shadow:0 2px 5px #dc35454d}.notification-content{flex:1}.notification-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.notification-type{font-size:20px}.notification-priority{padding:4px 12px;border-radius:20px;color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.notification-title{margin:0 0 8px;font-size:18px;font-weight:600;color:#2c3e50;line-height:1.3}.notification-message{margin:0 0 15px;color:#6c757d;line-height:1.5;font-size:14px}.notification-meta{display:flex;gap:15px;font-size:12px;color:#868e96}.notification-meta span{display:flex;align-items:center;gap:5px}.popup-actions{padding:20px 25px;border-top:1px solid #e9ecef;background:#f8f9fa}.action-buttons{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.btn{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:14px;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.btn-primary{background:#dc3545;color:#fff}.btn-primary:hover{background:#c82333;transform:translateY(-1px);box-shadow:0 5px 15px #dc35454d}.btn-outline-primary{background:transparent;color:#007bff;border:2px solid #007bff}.btn-outline-primary:hover{background:#007bff;color:#fff;transform:translateY(-1px)}.btn-outline-secondary{background:transparent;color:#6c757d;border:2px solid #6c757d}.btn-outline-secondary:hover{background:#6c757d;color:#fff;transform:translateY(-1px)}.progress-indicator{padding:8px 20px;background:#e9ecef;text-align:center;border-top:1px solid #dee2e6;font-size:12px;color:#6c757d;font-weight:500}.notification-popup.loading{text-align:center;padding:40px}.loading-spinner{font-size:40px;margin-bottom:20px;animation:spin 1s linear infinite}.notification-popup.no-notifications{text-align:center;padding:40px}.no-notifications-icon{font-size:60px;margin-bottom:20px}.no-notifications h4{margin:0 0 15px;color:#2c3e50;font-size:24px}.no-notifications p{margin:0 0 10px;color:#6c757d;font-size:16px}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.notification-popup{width:95%;margin:20px}.popup-header{padding:15px}.popup-content{padding:20px}.popup-actions{padding:15px 20px}.action-buttons{flex-direction:column}.btn{width:100%;justify-content:center}.notification-item{padding:15px}.notification-meta{flex-direction:column;gap:8px}}@media (max-width: 480px){.notification-popup.samagra-style .popup-header h3{font-size:20px}.notification-popup.samagra-style .subtitle{font-size:12px}.notification-number{width:25px;height:25px;font-size:14px}.notification-title{font-size:16px}.notification-message{font-size:13px}}.employee-dashboard{min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(29,78,216,.12) 0%,transparent 50%),linear-gradient(135deg,#0f172a,#1e293b 40%,#334155);color:#fffffff2;display:flex;flex-direction:column;padding-top:80px;position:relative;overflow:hidden;font-size:.85rem}.employee-dashboard:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 15%,rgba(59,130,246,.05) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(29,78,216,.08) 0%,transparent 40%);opacity:.8;pointer-events:none;z-index:0}.dashboard-content-wrapper{display:flex;flex:1;padding:1.2rem;gap:1.2rem;margin-top:0;margin-left:280px;position:relative;z-index:2;min-height:calc(100vh - 80px - 2.4rem);transition:margin-left .3s ease}.dashboard-content-wrapper.collapsed{margin-left:80px}@media (max-width: 768px){.dashboard-content-wrapper{margin-left:0}}.dashboard-main{width:100%;background:linear-gradient(135deg,#0f172afa,#1e293bf2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;box-shadow:0 20px 40px #0006,0 0 0 1px #3b82f64d;overflow:hidden;position:relative;z-index:2;margin-left:0;padding:1.5rem;border:1px solid rgba(59,130,246,.4);color:#fffffff2}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem}.loading-container p{color:#fffc;font-size:1rem;font-weight:500}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.2);border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.welcome-section{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:16px;color:#fff;flex-wrap:wrap;gap:1rem;border:1px solid rgba(59,130,246,.3);box-shadow:0 20px 40px #0000004d}.welcome-content{flex:1;min-width:300px;display:flex;flex-direction:column;gap:1rem}.welcome-widgets{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-start}.welcome-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem}.welcome-text h1{font-size:2rem;font-weight:700;margin:0 0 .5rem;color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.5)}.welcome-text p{font-size:1.1rem;margin:0;color:#fffffff2!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.time-widget{text-align:right;background:#1e293bcc;padding:1rem;border-radius:12px;border:1px solid rgba(59,130,246,.3);min-width:200px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0;height:fit-content}.current-time{font-size:1.5rem;font-weight:700;font-family:Courier New,monospace;color:#fff!important;margin-bottom:.25rem;text-shadow:0 2px 4px rgba(0,0,0,.5)}.current-date{font-size:.9rem;color:#ffffffe6!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.learning-streak{display:flex;align-items:center;gap:1rem;background:#1e293bcc;padding:1rem;border-radius:12px;border:1px solid rgba(59,130,246,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex:1;min-height:80px;min-width:200px}.streak-icon{font-size:2rem;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.streak-info{display:flex;flex-direction:column}.streak-count{font-size:1.5rem;font-weight:700;color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.5)}.streak-text{font-size:.9rem;color:#ffffffe6!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.motivational-quote{display:flex;align-items:flex-start;gap:1rem;background:#1e293bcc;padding:1rem;border-radius:12px;border:1px solid rgba(59,130,246,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex:1;min-height:80px;min-width:300px}.quote-icon{font-size:1.5rem;flex-shrink:0}.quote-text{font-style:italic;font-size:.95rem;line-height:1.4;margin:0;color:#fffffff2!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.welcome-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem}.welcome-actions .btn{background:#3b82f633;border:1px solid rgba(59,130,246,.4);color:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.welcome-actions .btn:hover{background:#3b82f64d;border-color:#3b82f699;transform:translateY(-2px)}.stats-section{margin-bottom:2rem}.stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.stats-header h2{font-size:1.5rem;font-weight:600;margin:0;color:#ffffffe6!important}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.stats-section .stat-card{background:linear-gradient(135deg,#1e293bcc,#0f172ae6)!important;border:1px solid rgba(59,130,246,.3)!important;color:#ffffffe6!important;cursor:default!important}.stats-section .stat-card *{color:#ffffffe6!important}.dashboard-grid .dashboard-card{background:linear-gradient(135deg,#1e293bcc,#0f172ae6)!important;border:1px solid rgba(59,130,246,.3)!important;color:#ffffffe6!important}.dashboard-grid .dashboard-card .card-header{background:#3b82f61a!important;border-bottom:1px solid rgba(59,130,246,.3)!important}.dashboard-grid .dashboard-card .card-header h2{color:#ffffffe6!important}.dashboard-grid .dashboard-card .card-content,.card-content{background:linear-gradient(135deg,#1e293b99,#0f172acc)!important;color:#ffffffe6!important}.quick-actions .quick-action-btn{background:#3b82f626!important;border:1px solid rgba(59,130,246,.3)!important;color:#ffffffe6!important}.quick-actions .quick-action-btn .action-text{color:#ffffffe6!important}.dashboard-card .card-content .quick-actions .quick-action-btn,.employee-dashboard .dashboard-card .card-content .quick-actions .quick-action-btn,button.quick-action-btn,[class*=quick-action-btn]{background:#3b82f626!important;background-color:#3b82f626!important;border:1px solid rgba(59,130,246,.3)!important}.deadlines-list .deadline-item{background:#3b82f626!important;border:1px solid rgba(59,130,246,.3)!important}.deadlines-list .deadline-item .deadline-info h4{color:#ffffffe6!important}.deadlines-list .deadline-item .deadline-info p{color:#ffffffb3!important}.courses-list .course-item{background:#3b82f626!important;border:1px solid rgba(59,130,246,.3)!important}.courses-list .course-item .course-info h4{color:#ffffffe6!important}.courses-list .course-item .course-info p{color:#ffffffb3!important}.activities-list .activity-item{background:#3b82f626!important;border:1px solid rgba(59,130,246,.3)!important}.activities-list .activity-item .activity-content h4{color:#ffffffe6!important}.activities-list .activity-item .activity-content p{color:#ffffffb3!important}.activities-list .activity-item .activity-date{color:#fff9!important}.empty-state{color:#ffffffb3!important}.empty-state h3{color:#ffffffe6!important}.empty-state p{color:#fff9!important}.dashboard-grid .dashboard-card>.card-content{background:linear-gradient(135deg,#1e293b99,#0f172acc)!important}.dashboard-main .dashboard-grid .dashboard-card .card-content,[class*=card-content]{background:linear-gradient(135deg,#1e293b99,#0f172acc)!important}.dashboard-card .card-content,.dashboard-card>.card-content,div.card-content{background:linear-gradient(135deg,#1e293b99,#0f172acc)!important;color:#ffffffe6!important}body .dashboard-main .dashboard-grid .dashboard-card .card-content,.employee-dashboard .dashboard-main .dashboard-grid .dashboard-card .card-content{background:linear-gradient(135deg,#1e293b99,#0f172acc)!important;background-color:#1e293bcc!important}.stat-card{background:linear-gradient(135deg,#1e293bcc,#0f172ae6)!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:1.5rem;box-shadow:0 20px 40px #0003,0 0 0 1px #3b82f633!important;border:1px solid rgba(59,130,246,.3)!important;display:flex;align-items:center;gap:1rem;cursor:default!important}.stat-icon{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;color:#fff}.stat-content h3{font-size:2rem;font-weight:700;margin:0 0 .25rem;color:#ffffffe6!important}.stat-content p{font-size:.9rem;color:#ffffffb3!important;margin:0;font-weight:500}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.dashboard-card{background:linear-gradient(135deg,#1e293bcc,#0f172ae6)!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;box-shadow:0 20px 40px #0003,0 0 0 1px #3b82f633!important;border:1px solid rgba(59,130,246,.3)!important;overflow:hidden}.card-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(59,130,246,.3)!important;background:#3b82f61a!important}.card-header h2{font-size:1.25rem;font-weight:600;margin:0;color:#ffffffe6!important}.card-content{padding:1.5rem}.courses-list{display:flex;flex-direction:column;gap:1rem}.course-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#3b82f61a;border-radius:12px;border:1px solid rgba(59,130,246,.2);transition:all .3s ease}.course-item:hover{background:#3b82f626;border-color:#3b82f64d}.course-info{flex:1}.course-info h4{font-size:1rem;font-weight:600;margin:0 0 .25rem;color:#ffffffe6}.course-info p{font-size:.875rem;color:#ffffffb3;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-progress{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:80px}.progress-bar{width:60px;height:6px;background:#fff3;border-radius:3px;overflow:hidden}.progress-fill{height:100%;border-radius:3px;transition:width .3s ease}.progress-text{font-size:.75rem;font-weight:600;color:#fffc}.activities-list{display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#3b82f61a;border-radius:12px;border:1px solid rgba(59,130,246,.2);transition:all .3s ease}.activity-item:hover{background:#3b82f626;border-color:#3b82f64d}.activity-item.clickable{cursor:pointer}.activity-item.clickable:hover{background:#3b82f633;border-color:#3b82f64d;transform:translateY(-2px)}.activity-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:8px;color:#fff;flex-shrink:0}.activity-content{flex:1}.activity-content h4{font-size:.9rem;font-weight:600;margin:0 0 .25rem;color:#ffffffe6}.activity-content p{font-size:.8rem;color:#ffffffb3;margin:0 0 .25rem}.activity-date{font-size:.75rem;color:#fff9;font-weight:500}.achievements-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.achievement-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#3b82f61a;border-radius:12px;border:1px solid rgba(59,130,246,.2);transition:all .3s ease}.achievement-item.earned{background:#10b9811a;border-color:#10b9814d}.achievement-item.locked{background:#6b72801a;border-color:#6b728033;opacity:.6}.achievement-icon{font-size:2rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:10px;color:#fff;flex-shrink:0}.achievement-item.earned .achievement-icon{background:linear-gradient(135deg,#10b981,#059669);animation:glow 2s ease-in-out infinite alternate}.achievement-item.locked .achievement-icon{background:linear-gradient(135deg,#6b7280,#4b5563)}@keyframes glow{0%{box-shadow:0 0 5px #10b98180}to{box-shadow:0 0 20px #10b981cc}}.achievement-info{flex:1}.achievement-info h4{font-size:.9rem;font-weight:600;margin:0 0 .25rem;color:#ffffffe6}.achievement-info h4.earned{color:#10b981}.achievement-info h4.locked{color:#6b7280cc}.achievement-info p{font-size:.8rem;margin:0 0 .25rem;color:#ffffffb3}.achievement-info p.earned{color:#fffc}.achievement-info p.locked{color:#6b728099}.achievement-date{font-size:.7rem;color:#10b981cc;font-weight:500}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.quick-action-btn{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:12px;cursor:pointer;transition:all .3s ease;text-decoration:none;color:inherit}.quick-action-btn:hover{background:#3b82f626;border-color:#3b82f64d;transform:translateY(-2px)}.action-icon{font-size:2rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:10px;color:#fff}.action-text{font-size:.9rem;font-weight:600;color:#ffffffe6;text-align:center}.deadlines-list{display:flex;flex-direction:column;gap:1rem}.deadline-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#3b82f61a;border-radius:12px;border:1px solid rgba(59,130,246,.2);transition:all .3s ease}.deadline-item:hover{background:#3b82f626;border-color:#3b82f64d}.deadline-item.clickable{cursor:pointer}.deadline-item.clickable:hover{background:#3b82f633;border-color:#3b82f666;transform:translateY(-2px)}.deadline-info h4{font-size:.9rem;font-weight:600;margin:0 0 .25rem;color:#ffffffe6}.deadline-info p{font-size:.8rem;color:#ffffffb3;margin:0}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.completed{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.status-badge.pending{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.progress-charts{display:flex;flex-direction:column;gap:2rem}.progress-circle-container{display:flex;align-items:center;gap:2rem;padding:1rem;background:#3b82f61a;border-radius:12px;border:1px solid rgba(59,130,246,.2)}.progress-circle{width:120px;height:120px;border-radius:50%;background:conic-gradient(#3b82f6 0deg 270deg,#fff3 270deg);display:flex;align-items:center;justify-content:center;position:relative}.progress-circle:before{content:"";position:absolute;width:80px;height:80px;background:linear-gradient(135deg,#1e293bcc,#0f172ae6);border-radius:50%}.progress-circle-inner{position:relative;z-index:1;text-align:center;color:#fff}.progress-percentage{font-size:1.5rem;font-weight:700;line-height:1}.progress-label{font-size:.8rem;opacity:.8;margin-top:.25rem}.progress-info h4{font-size:1.1rem;font-weight:600;margin:0 0 .5rem;color:#ffffffe6}.progress-info p{font-size:.9rem;margin:0;color:#ffffffb3}.weekly-progress{padding:1rem;background:#3b82f61a;border-radius:12px;border:1px solid rgba(59,130,246,.2)}.weekly-progress h4{font-size:1rem;font-weight:600;margin:0 0 1rem;color:#ffffffe6}.progress-bars{display:flex;gap:.5rem;align-items:end;height:120px}.day-progress{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1}.day-name{font-size:.75rem;font-weight:600;color:#ffffffb3;text-align:center}.day-bar{width:100%;height:80px;background:#ffffff1a;border-radius:4px;position:relative;overflow:hidden}.day-fill{position:absolute;bottom:0;width:100%;border-radius:4px;transition:height .3s ease}.day-percentage{font-size:.7rem;font-weight:600;color:#fffc;text-align:center}.course-progress{padding:1rem;background:#3b82f61a;border-radius:12px;border:1px solid rgba(59,130,246,.2)}.course-progress h4{font-size:1rem;font-weight:600;margin:0 0 1rem;color:#ffffffe6}.course-bars{display:flex;flex-direction:column;gap:1rem}.course-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.course-item:hover{background:#ffffff14;border-color:#fff3}.course-info{display:flex;flex-direction:column;gap:.25rem;min-width:120px}.course-name{font-size:.85rem;font-weight:500;color:#ffffffe6;line-height:1.2}.course-status{font-size:.75rem;color:#fff9}.course-bar{flex:1;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.course-fill{height:100%;border-radius:4px;transition:width .3s ease}.course-percentage{font-size:.8rem;font-weight:600;color:#fffc;min-width:35px;text-align:right}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem;color:#ffffffb3}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state h3{font-size:1.1rem;font-weight:600;margin:0 0 .5rem;color:#ffffffe6}.empty-state p{font-size:.9rem;margin:0;line-height:1.5}.btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:.9rem;border:none;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #3b82f64d}.btn-secondary{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.btn-secondary:hover{background:#3b82f626;transform:translateY(-2px)}.btn-outline{background:transparent;color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.btn-outline:hover{background:#3b82f60d;border-color:#3b82f64d}.btn-sm{padding:.5rem 1rem;font-size:.8rem}@media (max-width: 1200px){.dashboard-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.dashboard-content-wrapper{margin-left:0;padding:1rem;gap:1rem}.dashboard-main{border-radius:16px;padding:1rem}.welcome-section{flex-direction:column;gap:1rem;text-align:center}.welcome-content{align-items:center}.welcome-header{flex-direction:column;text-align:center;align-items:center}.welcome-widgets{flex-direction:column;width:100%;gap:.75rem}.learning-streak,.motivational-quote{min-width:auto;width:100%}.time-widget{text-align:center;min-width:auto;width:100%}.welcome-actions{flex-wrap:wrap;justify-content:center}.welcome-content h1{font-size:1.5rem}.learning-streak,.motivational-quote{flex-direction:column;text-align:center}.stats-grid{grid-template-columns:1fr}.progress-circle-container{flex-direction:column;text-align:center;gap:1rem}.progress-bars{height:100px}.day-bar{height:60px}.achievements-grid{grid-template-columns:1fr}.achievement-item{flex-direction:column;text-align:center;gap:.75rem}.quick-actions{grid-template-columns:repeat(2,1fr)}.course-item{flex-direction:column;align-items:flex-start;gap:.75rem}.course-progress{align-self:stretch;flex-direction:row;justify-content:space-between}.progress-bar{width:100px}}@media (max-width: 480px){.dashboard-content-wrapper,.dashboard-main{padding:.75rem}.welcome-content h1{font-size:1.25rem}.stat-card{padding:1rem}.stat-icon{width:50px;height:50px;font-size:2rem}.stat-content h3{font-size:1.5rem}}.dashboard-content-wrapper.sidebar-collapsed{margin-left:80px}.employee-profile{min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(29,78,216,.2) 0%,transparent 50%),linear-gradient(135deg,#0f172a,#1e293b 30%,#334155 70%,#1e40af);color:#333;display:flex;flex-direction:column;padding-top:80px;position:relative;overflow:hidden;font-size:.85rem}.employee-profile.dark-theme{background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(29,78,216,.15) 0%,transparent 50%),linear-gradient(135deg,#0f172a,#1e293b,#334155)!important;color:#ffffffe6!important}.employee-profile:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 15%,rgba(59,130,246,.08) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(29,78,216,.1) 0%,transparent 40%);opacity:.6;pointer-events:none;z-index:0}.profile-content-wrapper{display:flex;flex:1;padding:.8rem;gap:1.2rem;margin-top:0;margin-left:280px;position:relative;z-index:2;min-height:calc(100vh - 80px - 1.6rem);transition:margin-left .3s ease;width:calc(100% - 280px)}.profile-main{width:100%;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.dark-theme .profile-main{background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;border:1px solid rgba(59,130,246,.4)!important;box-shadow:0 20px 40px #0009!important;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:relative}.dark-theme .profile-main:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0003,#0000004d);border-radius:16px;pointer-events:none;z-index:1}.dark-theme .profile-main>*{position:relative;z-index:2}.dark-theme .profile-header h1{color:#ffffffe6!important;text-shadow:0 2px 4px rgba(0,0,0,.5)}.dark-theme .profile-header p{color:#ffffffb3!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .form-group input,.dark-theme .form-group select{background:#0000004d!important;color:#ffffffe6!important;border:1px solid rgba(59,130,246,.3)!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .form-group input:focus,.dark-theme .form-group select:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important}.dark-theme .btn-secondary{background:#6b728033!important;color:#fffc!important;border:1px solid rgba(107,114,128,.3)!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .btn-secondary:hover{background:#6b72804d!important;transform:translateY(-1px)}.dark-theme .loading-container{background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;border:1px solid rgba(59,130,246,.3)!important;box-shadow:0 10px 30px #0006!important;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .profile-header{background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;border:2px solid rgba(59,130,246,.3)!important;box-shadow:0 8px 25px #0006!important}.dark-theme .profile-header:hover{box-shadow:0 12px 35px #0009!important}.dark-theme .detail-item label,.dark-theme .detail-value{color:#ffffffe6!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .detail-item input{background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;border:2px solid rgba(59,130,246,.3)!important;color:#ffffffe6!important;box-shadow:0 2px 8px #0006!important}.dark-theme .detail-item input:focus{border-color:#667eea!important;box-shadow:0 0 0 4px #667eea26!important}.dark-theme .detail-item input:disabled{background:#0f172a80!important;color:#ffffff80!important}.dark-theme .detail-item input::placeholder{color:#ffffff80!important}.dark-theme .details-section{background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;border:2px solid rgba(59,130,246,.3)!important;box-shadow:0 10px 30px #0006!important}.dark-theme .details-section:hover{box-shadow:0 15px 40px #0009!important}.dark-theme .details-section h2{color:#ffffffe6!important;border-bottom:3px solid rgba(59,130,246,.3)!important;text-shadow:0 2px 4px rgba(0,0,0,.5)}.dark-theme .setting-item{background:linear-gradient(135deg,#0f172acc,#1e293be6)!important;border:2px solid rgba(59,130,246,.3)!important;box-shadow:0 4px 15px #0006!important}.dark-theme .setting-item:hover{background:linear-gradient(135deg,#0f172ae6,#1e293bf2)!important;border-color:#667eea!important;box-shadow:0 8px 25px #0009!important}.dark-theme .setting-info h3{color:#ffffffe6!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .setting-info p{color:#ffffffb3!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}border-radius: 16px; box-shadow: 0 20px 40px rgba(0,0,0,.1),0 0 0 1px rgba(59,130,246,.1); overflow: hidden; position: relative; z-index: 2; transition: all .3s ease; border: 1px solid rgba(59,130,246,.2); } .profile-container{padding:1.5rem;width:100%}.success-message,.error-message{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-radius:12px;margin-bottom:1.5rem;font-weight:500;animation:slideIn .3s ease-out}.success-message{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.3)}.error-message{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.3);position:relative}.success-icon,.error-icon{font-size:1.2rem;flex-shrink:0}.close-error{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#dc2626;font-size:1.5rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease}.close-error:hover{background:#ef44441a}.profile-header{display:flex;align-items:center;gap:2rem;padding:2rem;background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;border-radius:20px;margin-bottom:2rem;border:2px solid rgba(59,130,246,.3)!important;box-shadow:0 8px 25px #0006!important;transition:all .3s ease;width:100%}.profile-header:hover{box-shadow:0 12px 35px #0000001a;transform:translateY(-2px)}.profile-avatar{width:90px;height:90px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:2.2rem;box-shadow:0 8px 25px #667eea4d;flex-shrink:0;transition:all .3s ease;border:4px solid white}.avatar-initial{font-size:2rem;font-weight:800}.profile-info{flex:1}.profile-name{margin:0 0 .5rem;font-size:2.2rem;font-weight:800;color:#1e293b;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 4px rgba(0,0,0,.1)}.profile-role{margin:0 0 .25rem;font-size:1.1rem;color:#64748b;font-weight:600}.profile-id{margin:0;font-size:.9rem;color:#94a3b8;font-weight:500}.profile-actions{display:flex;gap:1rem}.edit-btn,.save-btn,.cancel-btn{padding:.875rem 1.75rem;border:none;border-radius:15px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.95rem;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 15px #0000001a}.edit-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.edit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.save-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 15px #10b9814d}.save-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.cancel-btn{background:#ef44441a;color:#ef4444;border:2px solid rgba(239,68,68,.3)}.cancel-btn:hover{background:#ef444426;transform:translateY(-2px);border-color:#ef444480}.save-btn:disabled,.cancel-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.save-btn:disabled:hover,.cancel-btn:disabled:hover{transform:none!important;box-shadow:none!important}.edit-actions{display:flex;gap:.75rem}.profile-details{display:flex;flex-direction:column;gap:2rem}.details-section{background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;border-radius:20px;padding:2rem;box-shadow:0 10px 30px #0006!important;border:2px solid rgba(59,130,246,.3)!important;margin-bottom:2rem;transition:all .3s ease;width:100%}.details-section:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-3px)}.details-section h2{margin:0 0 2rem;font-size:1.75rem;font-weight:700;color:#ffffffe6!important;padding-bottom:1rem;border-bottom:3px solid rgba(59,130,246,.3)!important;text-shadow:0 2px 4px rgba(0,0,0,.5)}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;width:100%}.detail-item{display:flex;flex-direction:column;gap:.5rem}.detail-item label{font-weight:600;color:#ffffffe6!important;font-size:.9rem;text-shadow:0 1px 2px rgba(0,0,0,.5)}.detail-value{font-size:1rem;color:#ffffffe6!important;font-weight:500;padding:.75rem 0;text-shadow:0 1px 2px rgba(0,0,0,.5)}.detail-item input{padding:1rem 1.25rem;border:2px solid rgba(59,130,246,.3)!important;border-radius:12px;font-size:1rem;transition:all .3s ease;background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;color:#ffffffe6!important;box-shadow:0 2px 8px #0006!important}.detail-item input:focus{outline:none;border-color:#667eea!important;box-shadow:0 0 0 4px #667eea26!important;transform:translateY(-1px)}.detail-item input:disabled{background:#0f172a80!important;color:#ffffff80!important;cursor:not-allowed}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:25px;font-size:.9rem;font-weight:600;width:fit-content;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.status-badge.active{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.3)}.status-badge.inactive{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.3)}.settings-grid{display:flex;flex-direction:column;gap:2rem;width:100%}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:2rem;background:linear-gradient(135deg,#0f172acc,#1e293be6)!important;border-radius:16px;border:2px solid rgba(59,130,246,.3)!important;box-shadow:0 4px 15px #0006!important;transition:all .3s ease;width:100%}.setting-item:hover{background:linear-gradient(135deg,#0f172ae6,#1e293bf2)!important;border-color:#667eea!important;box-shadow:0 8px 25px #0009!important;transform:translateY(-2px)}.setting-info h3{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:#ffffffe6!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.setting-info p{margin:0;font-size:.9rem;color:#ffffffb3!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.setting-btn{padding:.875rem 1.75rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.95rem;box-shadow:0 4px 15px #667eea4d}.setting-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea4d}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;color:#fff;gap:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2)}.loading-spinner{width:60px;height:60px;border:5px solid rgba(255,255,255,.3);border-top:5px solid white;border-radius:50%;animation:spin 1s linear infinite;box-shadow:0 8px 25px #fff3}@media (max-width: 768px){.profile-content-wrapper{margin-left:0;padding:1rem;gap:1rem;max-width:100%}.profile-main{border-radius:16px;max-width:100%}.profile-container{padding:1.5rem;max-width:100%}.profile-header{flex-direction:column;text-align:center;gap:1.5rem;padding:2rem}.profile-actions{justify-content:center}.details-grid{grid-template-columns:1fr;gap:1.5rem}.details-section{padding:2rem}.setting-item{flex-direction:column;gap:1rem;text-align:center;padding:2rem}}.profile-content-wrapper.sidebar-collapsed{margin-left:80px;width:calc(100% - 80px)}@media (max-width: 480px){.profile-content-wrapper{padding:.75rem;gap:.75rem;max-width:100%}.profile-main{border-radius:12px;max-width:100%}.profile-container{padding:1rem;max-width:100%}.profile-header{padding:1.5rem;gap:1rem}.details-section,.setting-item{padding:1.5rem}.profile-avatar{width:60px;height:60px;font-size:1.5rem}.profile-name{font-size:1.5rem}}.change-password{min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(29,78,216,.2) 0%,transparent 50%),linear-gradient(135deg,#0f172a,#1e293b 30%,#334155 70%,#1e40af);padding-top:80px;position:relative;overflow:hidden}.change-password.dark-theme{background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(29,78,216,.15) 0%,transparent 50%),linear-gradient(135deg,#0f172a,#1e293b,#334155)!important;color:#ffffffe6!important}.change-password:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 15%,rgba(59,130,246,.08) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(29,78,216,.1) 0%,transparent 40%);opacity:.6;pointer-events:none;z-index:0}.change-password-content-wrapper{min-height:calc(100vh - 80px);margin-left:280px;padding:1rem;transition:margin-left .3s ease;width:calc(100% - 280px);position:relative;z-index:2}.change-password-main{width:100%;max-width:1400px;margin:0 auto}.change-password-container{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;box-shadow:0 20px 40px #0000001a,0 0 0 1px #3b82f61a}.dark-theme .change-password-container{background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;border:1px solid rgba(59,130,246,.4)!important;box-shadow:0 20px 40px #0009!important;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:relative}.dark-theme .change-password-container:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0003,#0000004d);border-radius:16px;pointer-events:none;z-index:1}.dark-theme .change-password-container>*{position:relative;z-index:2}.dark-theme .form-group label{color:#ffffffe6!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .form-group input{background:#0000004d!important;color:#ffffffe6!important;border:1px solid rgba(59,130,246,.3)!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .form-group input:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important}.dark-theme .form-group input::placeholder{color:#ffffff80!important}.dark-theme .btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;color:#fff!important;border:1px solid rgba(59,130,246,.5)!important;box-shadow:0 4px 15px #3b82f64d!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1e40af)!important;box-shadow:0 6px 20px #3b82f666!important;transform:translateY(-2px)}.dark-theme .btn-primary:disabled{background:#6b72804d!important;color:#ffffff80!important;border-color:#6b72804d!important;box-shadow:none!important;cursor:not-allowed}.dark-theme .error-message{background:linear-gradient(135deg,#ef4444e6,#dc2626f2)!important;border:1px solid rgba(239,68,68,.5)!important;box-shadow:0 10px 30px #ef44444d!important;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .success-message{background:linear-gradient(135deg,#10b981e6,#059669f2)!important;border:1px solid rgba(16,185,129,.5)!important;box-shadow:0 10px 30px #10b9814d!important;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .change-password-header{background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;border-bottom:2px solid rgba(59,130,246,.3)!important}.dark-theme .change-password-header h1{color:#ffffffe6!important;text-shadow:0 2px 4px rgba(0,0,0,.5)}.dark-theme .change-password-header p{color:#ffffffb3!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .password-hint{color:#fff9!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .form-actions{border-top:1px solid rgba(59,130,246,.3)!important}.dark-theme .security-tips{background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;border-top:2px solid rgba(59,130,246,.3)!important}.dark-theme .security-tips h3{color:#ffffffe6!important;text-shadow:0 2px 4px rgba(0,0,0,.5)}.dark-theme .security-tips ul{color:#ffffffb3!important}.dark-theme .security-tips li{text-shadow:0 1px 2px rgba(0,0,0,.5)}overflow: hidden; transition: all .3s ease; border: 1px solid rgba(59,130,246,.2); } .change-password-container:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-3px)}.change-password-header{background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;color:#ffffffe6!important;padding:3rem;text-align:center;border-bottom:2px solid rgba(59,130,246,.3)!important}.change-password-header h1{margin:0 0 .5rem;font-size:2.5rem;font-weight:700;color:#ffffffe6!important;text-shadow:0 2px 4px rgba(0,0,0,.5)}.change-password-header p{margin:0;font-size:1.1rem;color:#ffffffb3!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.success-message,.error-message{margin:1rem 2rem;padding:1rem;border-radius:10px;display:flex;align-items:center;gap:.75rem;animation:slideIn .3s ease-out}.success-message{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.error-message{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.success-icon,.error-icon{font-size:1.2rem}.close-error{background:none;border:none;color:#721c24;font-size:1.5rem;cursor:pointer;margin-left:auto;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.close-error:hover{background-color:#721c241a}.password-form{padding:3rem;background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important}.form-group{margin-bottom:2rem;transition:all .3s ease}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#333;font-size:1rem}.form-group input{width:100%;padding:1.25rem 1.5rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;transition:all .3s ease;box-sizing:border-box;box-shadow:0 2px 8px #0000000d}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea26;transform:translateY(-1px)}.form-group input::placeholder{color:#999}.password-hint{display:block;margin-top:.5rem;font-size:.85rem;color:#fff9!important;font-style:italic;text-shadow:0 1px 2px rgba(0,0,0,.5)}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(59,130,246,.3)!important}.cancel-btn,.submit-btn{padding:.875rem 1.75rem;border:none;border-radius:15px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:140px;box-shadow:0 4px 15px #0000001a}.cancel-btn{background:#f8f9fa;color:#6c757d;border:2px solid #e1e5e9}.cancel-btn:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.cancel-btn:disabled,.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.security-tips{background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;padding:2rem 3rem;border-top:2px solid rgba(59,130,246,.3)!important;border-radius:0 0 20px 20px}.security-tips h3{margin:0 0 1.5rem;color:#ffffffe6!important;font-size:1.3rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.5)}.security-tips ul{margin:0;padding-left:1.5rem;color:#ffffffb3!important}.security-tips li{margin-bottom:.5rem;line-height:1.5;text-shadow:0 1px 2px rgba(0,0,0,.5)}.change-password-content-wrapper.sidebar-collapsed{margin-left:80px;width:calc(100% - 80px)}@media (max-width: 768px){.change-password{padding-top:80px}.change-password-content-wrapper{margin-left:0;padding:.5rem 1rem 1rem;width:100%}.change-password-container{border-radius:15px}.change-password-header{padding:1.5rem}.change-password-header h1{font-size:2rem}.password-form{padding:1.5rem}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}.security-tips{padding:1rem 1.5rem}}@media (max-width: 480px){.change-password-header h1{font-size:1.75rem}.change-password-header p{font-size:1rem}.password-form{padding:1rem}.form-group input{padding:.875rem}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.my-courses{min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(29,78,216,.2) 0%,transparent 50%),linear-gradient(135deg,#0f172a,#1e293b 30%,#334155 70%,#1e40af);padding-top:80px;position:relative;overflow:hidden;font-size:.85rem}.my-courses.dark-theme{background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(29,78,216,.15) 0%,transparent 50%),linear-gradient(135deg,#0f172a,#1e293b,#334155);color:#ffffffe6}.my-courses:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 15%,rgba(59,130,246,.08) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(29,78,216,.1) 0%,transparent 40%);opacity:.6;pointer-events:none;z-index:0}.my-courses-content-wrapper{min-height:calc(100vh - 80px);margin-left:280px;padding:1rem 2rem 2rem;position:relative;z-index:2;width:calc(100% - 280px);box-sizing:border-box}.my-courses-main{max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box}.courses-header{background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;border-radius:20px;padding:2rem;margin-bottom:2rem;box-shadow:0 10px 30px #0000001a;display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box;flex-wrap:wrap}.dark-theme .courses-header{background:linear-gradient(135deg,#0f172a,#1e293bfa)!important;border:1px solid rgba(59,130,246,.4)!important;box-shadow:0 20px 40px #000000b3!important;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:relative}.dark-theme .courses-header:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0000004d,#00000080);border-radius:20px;pointer-events:none;z-index:1}.dark-theme .courses-header>*{position:relative;z-index:2}.header-left h1{margin:0 0 .5rem;font-size:2.5rem;font-weight:700;color:#1e293b}.dark-theme .header-left h1{color:#ffffffe6!important;text-shadow:0 2px 4px rgba(0,0,0,.5)}.header-left p{margin:0;font-size:1.1rem;color:#64748b}.view-toggle{display:flex;gap:.5rem;margin-right:1rem}.view-toggle-btn{background:#0f172acc;border:2px solid rgba(59,130,246,.3);color:#fffc;padding:.5rem;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:1.2rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.view-toggle-btn:hover{background:#3b82f64d;border-color:#3b82f6;color:#3b82f6;transform:translateY(-2px)}.view-toggle-btn.active{background:linear-gradient(135deg,#10b981,#059669);border-color:transparent;color:#fff;box-shadow:0 5px 15px #10b9814d}.refresh-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #3b82f64d;white-space:nowrap;margin-right:1rem}.refresh-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.refresh-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.stat-card{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:1.5rem;border-radius:15px;text-align:center;min-width:120px;box-shadow:0 5px 15px #10b9814d}.stat-number{font-size:2rem;font-weight:700;margin-bottom:.5rem}.filter-section{background:transparent!important;border-radius:0;padding:0;margin-bottom:2rem;box-shadow:none}.dark-theme .filter-section{background:transparent!important;border:none!important;box-shadow:none!important;-webkit-backdrop-filter:none;backdrop-filter:none;position:static}.dark-theme .filter-section:before{display:none}.dark-theme .filter-section>*{position:static;z-index:auto}.filter-tabs{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-start;width:100%}.filter-tab{padding:.75rem 1.5rem;border:2px solid #e2e8f0;background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;color:#64748b;border-radius:25px;cursor:pointer;transition:all .3s ease;font-weight:500;font-size:.9rem;box-shadow:0 4px 15px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.filter-tab:hover{border-color:#10b981;color:#10b981;transform:translateY(-2px)}.filter-tab.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:transparent;box-shadow:0 5px 15px #10b9814d}.dark-theme .filter-tab{background:#1e293bcc;border-color:#3b82f64d;color:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dark-theme .filter-tab:hover{border-color:#10b981;color:#10b981;background:#10b9811a}.dark-theme .filter-tab.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:transparent;box-shadow:0 5px 15px #10b98166}.loading-container{background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;border-radius:20px;padding:4rem 2rem;text-align:center;box-shadow:0 10px 30px #0000001a}.dark-theme .loading-container{background:linear-gradient(135deg,#1e293bf2,#0f172afa)!important;border:1px solid rgba(59,130,246,.3);box-shadow:0 20px 40px #0006!important;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.loading-spinner{width:50px;height:50px;border:4px solid #e2e8f0;border-top:4px solid #10b981;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.loading-container p{color:#64748b;font-size:1.1rem;margin:0}.error-container{background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;border-radius:20px;padding:3rem 2rem;text-align:center;box-shadow:0 10px 30px #0000001a}.dark-theme .error-container{background:linear-gradient(135deg,#1e293bf2,#0f172afa)!important;border:1px solid rgba(59,130,246,.3);box-shadow:0 20px 40px #0006!important;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.error-icon{font-size:3rem;margin-bottom:1rem}.error-container p{color:#64748b;font-size:1.1rem;margin-bottom:1.5rem}.retry-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:10px;cursor:pointer;font-weight:600;transition:all .3s ease}.retry-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #10b9814d}.courses-container{background:transparent!important;border-radius:0;padding:0;box-shadow:none}.dark-theme .courses-container{background:transparent!important;border:none!important;box-shadow:none!important;-webkit-backdrop-filter:none;backdrop-filter:none;position:static}.dark-theme .courses-container:before{display:none}.dark-theme .courses-container>*{position:static;z-index:auto}.empty-state{text-align:center;padding:4rem 2rem;background:transparent;border-radius:0;box-shadow:none}.empty-state h3{color:#1e293b;margin:0 0 .5rem;font-size:1.5rem}.empty-state p{color:#64748b;margin:0 0 1.5rem}.dark-theme .empty-state h3{color:#ffffffe6!important}.dark-theme .empty-state p{color:#ffffffb3!important}.view-all-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:10px;cursor:pointer;font-weight:600;transition:all .3s ease}.view-all-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #10b9814d}.courses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:100%}.courses-list{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:100%;overflow:hidden}.courses-list .course-card{display:flex;flex-direction:row;align-items:center;padding:1.5rem;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden;border-radius:16px;transition:all .3s ease;position:relative;background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;border:1px solid rgba(59,130,246,.2);box-shadow:0 4px 20px #0000001a}.courses-list .course-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #10b98126;border-color:#10b98166}.courses-list .course-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0000001a,#0003);border-radius:16px;pointer-events:none;z-index:1}.courses-list .course-card>*{position:relative;z-index:2}.courses-list .course-header{display:flex;flex-direction:column;gap:.8rem;margin-bottom:0;margin-right:1.5rem;min-width:140px;max-width:140px;flex-shrink:0;align-items:flex-start}.courses-list .course-category{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.4rem .8rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #10b9814d}.courses-list .course-status{padding:.3rem .7rem;border-radius:15px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.courses-list .course-status.active{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.4)}.courses-list .course-status.inactive{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.4)}.courses-list .course-content{flex:1;margin-bottom:0;margin-right:1.5rem;min-width:0;overflow:hidden}.courses-list .course-title{font-size:1.3rem;font-weight:700;margin-bottom:.5rem;color:#fffffff2;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.5)}.courses-list .course-description{font-size:.9rem;line-height:1.5;color:#fffc;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.3)}.courses-list .course-footer{display:flex;flex-direction:column;align-items:flex-end;border-top:none;padding-top:0;min-width:200px;max-width:200px;flex-shrink:0;gap:.8rem}.courses-list .progress-section{margin-bottom:0;width:100%}.courses-list .progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.courses-list .progress-text{font-size:.8rem;font-weight:600;color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.5)}.courses-list .progress-percentage{font-size:.8rem;font-weight:700;color:#10b981;text-shadow:0 1px 2px rgba(0,0,0,.5)}.courses-list .progress-bar{width:100%;height:8px;background:#0000004d;border-radius:4px;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 3px #0000004d}.courses-list .progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:4px;transition:width .3s ease;box-shadow:0 2px 4px #10b9814d}.courses-list .course-meta{text-align:right;width:100%}.courses-list .enrolled-date{font-size:.75rem;color:#ffffffb3;background:#0003;padding:.3rem .6rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);text-shadow:0 1px 2px rgba(0,0,0,.5);transition:all .3s ease}.courses-list .enrolled-date:hover{background:#0000004d;border-color:#fff3}.courses-list .course-card:hover .course-title{color:#fff}.courses-list .course-card:hover .course-description{color:#ffffffe6}.courses-list .course-card:hover .progress-fill{box-shadow:0 4px 8px #10b98166}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.courses-list .course-card{animation:slideInFromLeft .3s ease-out}.courses-list .course-card:nth-child(1){animation-delay:.1s}.courses-list .course-card:nth-child(2){animation-delay:.2s}.courses-list .course-card:nth-child(3){animation-delay:.3s}.courses-list .course-card:nth-child(4){animation-delay:.4s}.courses-list .course-card:nth-child(5){animation-delay:.5s}.my-courses .course-card{background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;border:2px solid #f1f5f9;border-radius:20px;padding:1.2rem;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #0000000d;overflow:visible!important;min-width:280px;max-width:100%}.my-courses.dark-theme .course-card{background:linear-gradient(135deg,#0f172afa,#1e293b)!important;border:1px solid rgba(59,130,246,.4)!important;box-shadow:0 15px 35px #0009!important;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:relative;overflow:visible!important}.my-courses.dark-theme .course-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0003,#0006);border-radius:20px;pointer-events:none;z-index:1}.my-courses.dark-theme .course-card>*{position:relative;z-index:2}.my-courses .course-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #10b98126;border-color:#10b981}.my-courses.dark-theme .course-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px #10b98133;border-color:#10b981}.course-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.course-category{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.25rem .75rem;border-radius:15px;font-size:.8rem;font-weight:600}.course-status{padding:.25rem .75rem;border-radius:15px;font-size:.8rem;font-weight:600}.course-status.active{background:#dcfce7;color:#166534}.course-status.inactive{background:#fef2f2;color:#991b1b}.course-content{margin-bottom:1.5rem}.course-title{margin:0 0 .5rem;font-size:1.25rem;font-weight:700;color:#1e293b;line-height:1.3}.course-description{margin:0;color:#64748b;font-size:.9rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dark-theme .course-title{color:#ffffffe6!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .course-description{color:#ffffffb3!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .course-description,.dark-theme .course-meta,.dark-theme .progress-text,.dark-theme .enrollment-date{color:#ffffffb3!important}.dark-theme .course-title{color:#fff!important;font-weight:700!important;text-shadow:0 2px 4px rgba(0,0,0,.8)!important}.dark-theme .course-description{color:#ffffffe6!important;font-weight:500!important;text-shadow:0 1px 2px rgba(0,0,0,.6)!important}.dark-theme .course-category{color:#fffc!important;font-weight:600!important;text-shadow:0 1px 2px rgba(0,0,0,.6)!important}.dark-theme .course-status{color:#ffffffe6!important;font-weight:600!important;text-shadow:0 1px 2px rgba(0,0,0,.6)!important}.dark-theme .progress-text{color:#fffc!important;font-weight:500!important;text-shadow:0 1px 2px rgba(0,0,0,.6)!important}.dark-theme .progress-percentage{color:#ffffffe6!important;font-weight:700!important;text-shadow:0 1px 2px rgba(0,0,0,.6)!important}.dark-theme .enrolled-date{color:#ffffffb3!important;font-weight:500!important;text-shadow:0 1px 2px rgba(0,0,0,.6)!important}.dark-theme .course-description{color:#ffffffe6!important;text-shadow:0 1px 2px rgba(0,0,0,.6)!important;line-height:1.5!important}.dark-theme .course-category{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;font-weight:600!important;text-shadow:0 1px 2px rgba(0,0,0,.5)!important}.dark-theme .course-status{font-weight:600!important;text-shadow:0 1px 2px rgba(0,0,0,.5)!important}.dark-theme .course-status.active{background:#10b98133!important;color:#10b981!important;border:1px solid rgba(16,185,129,.4)!important}.dark-theme .enrolled-date{color:#fffc!important;text-shadow:0 1px 2px rgba(0,0,0,.6)!important}.dark-theme .filter-tab{background:#0f172ae6!important;border:2px solid rgba(59,130,246,.3)!important;color:#ffffffe6!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:600!important;text-shadow:0 1px 2px rgba(0,0,0,.6)!important;transition:all .3s ease!important}.dark-theme .filter-tab:hover{background:#3b82f64d!important;border-color:#3b82f6!important;color:#3b82f6!important;transform:translateY(-2px)!important;box-shadow:0 5px 15px #3b82f64d!important}.dark-theme .filter-tab.active{background:linear-gradient(135deg,#10b981,#059669)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 8px 20px #10b98180!important;transform:translateY(-2px)!important;font-weight:700!important;text-shadow:0 2px 4px rgba(0,0,0,.8)!important}.dark-theme .retry-btn,.dark-theme .view-all-btn{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;border:none!important;box-shadow:0 5px 15px #10b9814d!important}.dark-theme .retry-btn:hover,.dark-theme .view-all-btn:hover{background:linear-gradient(135deg,#059669,#047857)!important;transform:translateY(-2px)!important;box-shadow:0 10px 20px #10b98166!important}.course-footer{border-top:1px solid #e2e8f0;padding-top:1rem}.dark-theme .course-footer{border-top:1px solid rgba(59,130,246,.3)!important}.progress-section{margin-bottom:1rem}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.progress-text{font-size:.85rem;font-weight:600;color:#374151}.progress-percentage{font-size:.85rem;font-weight:700;color:#10b981}.dark-theme .progress-text{color:#ffffffe6!important;font-weight:600!important;text-shadow:0 1px 2px rgba(0,0,0,.6)!important}.dark-theme .progress-percentage{color:#10b981!important;font-weight:700!important;text-shadow:0 1px 2px rgba(0,0,0,.6)!important}.dark-theme .progress-bar{background:#0000004d!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:inset 0 1px 3px #0000004d!important}.dark-theme .progress-fill{background:linear-gradient(90deg,#10b981,#059669)!important;box-shadow:0 2px 4px #10b9814d!important}.progress-fill{height:100%;border-radius:4px;transition:width .3s ease}.course-meta{text-align:right}.enrolled-date{font-size:.8rem;color:#9ca3af}.dark-theme .enrolled-date{color:#fff9!important}@media (min-width: 1400px){.my-courses-content-wrapper{margin-left:280px;padding:2.5rem}.courses-grid{grid-template-columns:repeat(4,1fr);gap:2rem}.course-card{padding:1.5rem}}@media (max-width: 1399px) and (min-width: 1200px){.my-courses-content-wrapper{margin-left:280px;padding:2rem}.courses-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}.course-card{padding:1.3rem}}@media (max-width: 1199px) and (min-width: 1000px){.my-courses-content-wrapper{margin-left:280px;padding:1.5rem}.courses-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}.course-card{padding:1.2rem}}@media (max-width: 999px) and (min-width: 768px){.my-courses-content-wrapper{margin-left:0;padding:1.5rem}.courses-header{flex-direction:column;gap:1.5rem;text-align:center;padding:1.5rem}.header-right{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem}.view-toggle{margin-right:0;margin-bottom:.5rem}.stats-cards{width:100%;justify-content:center}.courses-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.course-card{padding:1.2rem}.filter-tabs{justify-content:center;flex-wrap:wrap}}@media (max-width: 767px) and (min-width: 600px){.my-courses{padding-top:70px}.my-courses-content-wrapper{margin-left:0;padding:1rem}.courses-header{flex-direction:column;gap:1rem;text-align:center;padding:1.5rem}.header-left h1{font-size:2rem}.header-right{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem}.stats-cards{width:100%;justify-content:center;flex-wrap:wrap}.stat-card{min-width:100px;padding:1rem}.courses-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.courses-list .course-card{flex-direction:column;align-items:flex-start;padding:1rem}.courses-list .course-header{margin-right:0;margin-bottom:1rem;min-width:100%;max-width:100%;flex-direction:row;justify-content:space-between}.courses-list .course-content{margin-right:0;margin-bottom:1rem;width:100%}.courses-list .course-footer{align-items:flex-start;min-width:100%;max-width:100%;width:100%}.courses-list .course-title{white-space:normal;-webkit-line-clamp:2}.course-card{padding:1rem;min-width:250px}.filter-tabs{justify-content:center;flex-wrap:wrap}.filter-tab{padding:.6rem 1.2rem;font-size:.85rem}}@media (max-width: 599px) and (min-width: 480px){.my-courses{padding-top:70px}.my-courses-content-wrapper{margin-left:0;padding:.8rem}.courses-header{flex-direction:column;gap:1rem;text-align:center;padding:1rem}.header-left h1{font-size:1.8rem}.header-left p{font-size:1rem}.header-right{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem}.stats-cards{width:100%;justify-content:center;flex-wrap:wrap;gap:.8rem}.stat-card{min-width:90px;padding:.8rem}.stat-number{font-size:1.5rem}.stat-label{font-size:.8rem}.courses-grid{grid-template-columns:1fr;gap:1rem}.course-card{padding:1rem;min-width:100%}.filter-tabs{justify-content:center;flex-wrap:wrap;gap:.5rem}.filter-tab{padding:.5rem 1rem;font-size:.8rem}}@media (max-width: 479px){.my-courses{padding-top:60px}.my-courses-content-wrapper{margin-left:0;padding:.5rem}.courses-header{flex-direction:column;gap:.8rem;text-align:center;padding:1rem}.header-left h1{font-size:1.6rem}.header-left p{font-size:.9rem}.header-right{width:100%;display:flex;flex-direction:column;align-items:center;gap:.8rem}.refresh-btn{padding:.6rem 1.2rem;font-size:.8rem}.stats-cards{width:100%;justify-content:center;flex-wrap:wrap;gap:.5rem}.stat-card{min-width:80px;padding:.6rem}.stat-number{font-size:1.3rem}.stat-label{font-size:.7rem}.courses-grid{grid-template-columns:1fr;gap:.8rem}.course-card{padding:.8rem;min-width:100%}.courses-list .course-card{padding:.8rem}.courses-list .course-header{flex-direction:column;align-items:flex-start;gap:.5rem}.courses-list .course-title{font-size:1rem;white-space:normal;-webkit-line-clamp:2}.courses-list .course-description{font-size:.8rem;-webkit-line-clamp:1}.course-title{font-size:1.1rem}.course-description{font-size:.85rem}.filter-tabs{justify-content:center;flex-wrap:wrap;gap:.3rem}.filter-tab{padding:.4rem .8rem;font-size:.75rem}}.course-lessons{min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(29,78,216,.2) 0%,transparent 50%),linear-gradient(135deg,#0f172a,#1e293b 30%,#334155 70%,#1e40af);padding-top:80px;position:relative;overflow:hidden}.course-lessons.dark-theme{background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(29,78,216,.15) 0%,transparent 50%),linear-gradient(135deg,#0f172a,#1e293b,#334155);color:#ffffffe6}.course-lessons:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 15%,rgba(59,130,246,.08) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(29,78,216,.1) 0%,transparent 40%);opacity:.6;pointer-events:none;z-index:0}.course-lessons-content-wrapper{margin-left:280px;padding-top:.5rem;padding-right:2rem;padding-bottom:2rem;position:relative;z-index:2;height:calc(100vh - 80px);display:flex;flex-direction:column;overflow:hidden}.course-lessons-header{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 20px 40px #0000001a,0 0 0 1px #3b82f61a;border:1px solid rgba(59,130,246,.2)}.dark-theme .course-lessons-header{background:linear-gradient(135deg,#1e293bf2,#0f172afa)!important;border:1px solid rgba(59,130,246,.4)!important;box-shadow:0 20px 40px #0006!important;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.back-button{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.875rem;transition:all .2s;margin-bottom:1.5rem}.back-button:hover{background:#e2e8f0;color:#334155}.dark-theme .back-button{background:#3b82f633!important;border:1px solid rgba(59,130,246,.4)!important;color:#ffffffe6!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dark-theme .back-button:hover{background:#3b82f64d!important;border-color:#3b82f6!important;color:#3b82f6!important}.course-info h1{color:#1e293b;font-size:2rem;font-weight:700;margin-bottom:0}.dark-theme .course-info h1{color:#ffffffe6!important;text-shadow:0 2px 4px rgba(0,0,0,.5)}.dark-theme .course-info p{color:#ffffffb3!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .sidebar-header h3{color:#fffffff2!important;text-shadow:0 1px 2px rgba(0,0,0,.5);line-height:1.4;white-space:nowrap;overflow:visible;text-overflow:unset}.dark-theme .lesson-title,.dark-theme .lesson-description,.dark-theme .lesson-meta,.dark-theme .progress-text,.dark-theme .completion-status{color:#ffffffe6!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .lesson-item{background:#ffffff0d!important;border:1px solid rgba(59,130,246,.2)!important}.dark-theme .lesson-item:hover{background:#3b82f61a!important;border-color:#3b82f666!important}.dark-theme .lesson-item.active{background:#3b82f633!important;border-color:#3b82f6!important}.dark-theme .lesson-item.completed{background:#10b9811a!important;border-color:#10b9814d!important}.dark-theme .lesson-details h4{color:#fffffff2!important;text-shadow:0 1px 2px rgba(0,0,0,.5);font-size:1rem!important;font-weight:600!important;margin-bottom:.75rem!important;line-height:1.4!important;text-align:left!important;word-wrap:break-word!important;overflow-wrap:break-word!important;display:block!important;visibility:visible!important;opacity:1!important}.dark-theme .lesson-notes-card{background:linear-gradient(135deg,#1e293bf2,#0f172afa)!important;border:1px solid rgba(59,130,246,.3)!important;box-shadow:0 10px 30px #0006!important;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.dark-theme .lesson-notes-header{background:linear-gradient(135deg,#334155e6,#1e293bf2)!important;border:1px solid rgba(59,130,246,.4)!important;color:#ffffffe6!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .completion-card{background:linear-gradient(135deg,#10b9811a,#05966926)!important;border:1px solid rgba(16,185,129,.3)!important;box-shadow:0 10px 30px #0006!important;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.dark-theme .completion-text{color:#ffffffe6!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .lesson-meta-card{background:linear-gradient(135deg,#1e293be6,#0f172af2)!important;border:1px solid rgba(59,130,246,.3)!important;box-shadow:0 5px 15px #0000004d!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.75rem 1rem!important;border-radius:8px!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:.5rem!important;min-width:80px!important;visibility:visible!important;opacity:1!important}.dark-theme .lesson-meta-label{color:#ffffffb3!important;text-shadow:0 1px 2px rgba(0,0,0,.5);font-size:.75rem!important;font-weight:500!important;display:block!important;visibility:visible!important;opacity:1!important}.dark-theme .lesson-meta-value{color:#ffffffe6!important;text-shadow:0 1px 2px rgba(0,0,0,.5);font-size:.875rem!important;font-weight:600!important;display:block!important;visibility:visible!important;opacity:1!important}.dark-theme .content-type-card{background:linear-gradient(135deg,#1e293be6,#0f172af2)!important;border:1px solid rgba(59,130,246,.3)!important;box-shadow:0 5px 15px #0000004d!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.75rem 1rem!important;border-radius:8px!important;display:flex!important;align-items:center!important;gap:.5rem!important;transition:all .3s ease!important}.dark-theme .content-type-card:hover{background:linear-gradient(135deg,#3b82f61a,#1d4ed826)!important;border-color:#3b82f680!important;transform:translateY(-2px)!important;box-shadow:0 8px 25px #0006!important}.dark-theme .content-type-text{color:#ffffffe6!important;text-shadow:0 1px 2px rgba(0,0,0,.5);font-weight:500!important}.dark-theme .progress-card{background:linear-gradient(135deg,#1e293be6,#0f172af2)!important;border:1px solid rgba(59,130,246,.3)!important;box-shadow:0 5px 15px #0000004d!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dark-theme .progress-text{color:#ffffffb3!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .lesson-day-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;color:#ffffffe6!important;border:1px solid rgba(59,130,246,.4)!important;box-shadow:0 4px 15px #3b82f64d!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem 1rem!important;border-radius:20px!important;font-weight:600!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .lesson-type-button{background:linear-gradient(135deg,#1e293be6,#0f172af2)!important;color:#ffffffe6!important;border:1px solid rgba(59,130,246,.3)!important;box-shadow:0 4px 15px #0000004d!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem 1rem!important;border-radius:20px!important;font-weight:500!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .lesson-stat-card{background:linear-gradient(135deg,#1e293be6,#0f172af2)!important;border:1px solid rgba(59,130,246,.3)!important;box-shadow:0 5px 15px #0000004d!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem!important;border-radius:12px!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:.5rem!important;min-width:120px!important}.dark-theme .lesson-stat-card .stat-icon{font-size:1.5rem!important;margin-bottom:.25rem!important}.dark-theme .lesson-stat-card .stat-label{color:#ffffffb3!important;text-shadow:0 1px 2px rgba(0,0,0,.5);font-size:.75rem!important;font-weight:500!important;text-transform:uppercase!important;letter-spacing:.5px!important}.dark-theme .lesson-stat-card .stat-value{color:#ffffffe6!important;text-shadow:0 1px 2px rgba(0,0,0,.5);font-size:1rem!important;font-weight:600!important}.lessons-container{display:grid;grid-template-columns:350px 1fr;gap:2rem;align-items:stretch;flex:1;min-height:0;height:calc(100vh - 180px);max-height:calc(100vh - 180px)}.lessons-sidebar{background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;height:calc(100vh - 160px);display:flex;flex-direction:column;align-self:stretch;overflow:visible;min-height:600px;max-height:calc(100vh - 160px)}.dark-theme .lessons-sidebar{background:linear-gradient(135deg,#1e293bf2,#0f172afa)!important;border:1px solid rgba(59,130,246,.3)!important;box-shadow:0 10px 30px #0006!important;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.75rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0;min-height:60px;flex-shrink:0}.sidebar-header-controls{display:flex;align-items:center;gap:.5rem}.scroll-to-top-btn{background:#3b82f633;border:1px solid rgba(59,130,246,.4);color:#ffffffe6;padding:.25rem .5rem;border-radius:6px;cursor:pointer;font-size:.75rem;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.scroll-to-top-btn:hover{background:#3b82f666;border-color:#3b82f6;transform:translateY(-1px)}.sidebar-header h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0;line-height:1.4;white-space:nowrap;overflow:visible;text-overflow:unset}.lesson-count{background:#3b82f6;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.lessons-list{display:flex;flex-direction:column;gap:1rem;flex:1;overflow-y:auto;padding-right:8px;margin-right:-8px;min-height:0;padding-bottom:3rem;height:calc(100% - 100px);max-height:calc(100vh - 260px)}.lessons-list::-webkit-scrollbar{width:6px}.lessons-list::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.lessons-list::-webkit-scrollbar-thumb{background:#3b82f699;border-radius:3px;transition:background .3s ease}.lessons-list::-webkit-scrollbar-thumb:hover{background:#3b82f6cc}.lessons-list{scrollbar-width:thin;scrollbar-color:rgba(59,130,246,.6) rgba(255,255,255,.1)}.lessons-list:not(.no-scroll):before{content:"";position:sticky;top:0;left:0;right:0;height:10px;background:linear-gradient(to bottom,rgba(30,41,59,.8),transparent);pointer-events:none;z-index:1}.lessons-list:not(.no-scroll):after{content:"";position:sticky;bottom:0;left:0;right:0;height:10px;background:linear-gradient(to top,rgba(30,41,59,.8),transparent);pointer-events:none;z-index:1}.lesson-item{padding:1rem;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;position:relative;overflow:visible;margin-bottom:.75rem;display:flex;flex-direction:column;gap:.75rem;min-height:auto;height:auto;flex-shrink:0}.lesson-item:last-child{margin-bottom:1.5rem}.lesson-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:#e2e8f0;transition:all .3s ease}.lesson-item:hover:before,.lesson-item.active:before{background:#3b82f6;width:6px}.lesson-item.completed{border-color:#10b981;background:#f0fdf4}.lesson-item.completed:before{background:#10b981;width:6px}.lesson-item.completed .lesson-number{background:linear-gradient(135deg,#10b981,#059669)}.lesson-item.completed .lesson-progress{color:#10b981;font-weight:600}.lesson-item:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a;transform:translateY(-1px)}.lesson-item.active{border-color:#3b82f6;background:#eff6ff;box-shadow:0 2px 8px #3b82f626}.lesson-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;min-height:auto}.lesson-number{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:.5rem 1rem;border-radius:25px;font-size:.8rem;font-weight:700;display:inline-block;box-shadow:0 2px 8px #3b82f64d}.lesson-status{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#64748b}.status-dot{width:8px;height:8px;border-radius:50%;background:#10b981;animation:pulse 2s infinite}.lesson-item.active .status-dot{background:#3b82f6;animation:none}.lesson-details h4{color:#1e293b;font-size:1rem;font-weight:600;margin-bottom:.75rem;line-height:1.4;text-align:left;word-wrap:break-word;overflow-wrap:break-word;display:block;visibility:visible;opacity:1}.lesson-details{width:100%;display:block;visibility:visible;opacity:1}.lesson-details p{color:#64748b;font-size:.875rem;line-height:1.4;margin-bottom:.75rem}.lesson-meta{display:flex;justify-content:space-between;align-items:center;gap:1.25rem;margin-top:.5rem;visibility:visible;opacity:1}.lesson-duration,.lesson-progress{display:flex;align-items:center;gap:.25rem;color:#94a3b8;font-size:.75rem;font-weight:500;visibility:visible;opacity:1}.duration-icon,.progress-icon{font-size:.875rem}.no-lessons{color:#94a3b8;text-align:center;padding:2rem;font-style:italic}.no-lessons-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.lesson-content{background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000001a;height:100%;display:flex;flex-direction:column;overflow-y:auto}.dark-theme .lesson-content{background:linear-gradient(135deg,#1e293bf2,#0f172afa)!important;border:1px solid rgba(59,130,246,.3)!important;box-shadow:0 10px 30px #0006!important;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.lesson-content::-webkit-scrollbar{width:6px}.lesson-content::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.lesson-content::-webkit-scrollbar-thumb{background:#3b82f699;border-radius:3px;transition:background .3s ease}.lesson-content::-webkit-scrollbar-thumb:hover{background:#3b82f6cc}.lesson-content{scrollbar-width:thin;scrollbar-color:rgba(59,130,246,.6) rgba(255,255,255,.1)}.lesson-viewer{height:100%;overflow-y:auto;padding-right:8px;margin-right:-8px}.lesson-viewer::-webkit-scrollbar{width:6px}.lesson-viewer::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.lesson-viewer::-webkit-scrollbar-thumb{background:#3b82f699;border-radius:3px;transition:background .3s ease}.lesson-viewer::-webkit-scrollbar-thumb:hover{background:#3b82f6cc}.lesson-viewer{scrollbar-width:thin;scrollbar-color:rgba(59,130,246,.6) rgba(255,255,255,.1)}.lesson-title-section{flex:1}.lesson-badge{display:flex;gap:.5rem;margin-bottom:1rem}.lesson-day{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:.5rem 1rem;border-radius:25px;font-size:.8rem;font-weight:700;box-shadow:0 2px 8px #3b82f64d}.lesson-type{background:#f1f5f9;color:#475569;padding:.5rem 1rem;border-radius:25px;font-size:.8rem;font-weight:600;border:1px solid #e2e8f0}.lesson-header{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e2e8f0}.lesson-header h2{color:#1e293b;font-size:1.75rem;font-weight:700;margin-bottom:1rem;line-height:1.3}.lesson-stats{display:flex;gap:1.5rem;margin-top:1rem}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;min-width:100px}.stat-icon{font-size:1.5rem;margin-bottom:.5rem}.stat-label{color:#64748b;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.stat-value{color:#1e293b;font-size:.9rem;font-weight:700}.video-section{margin-bottom:2rem;flex-shrink:0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0}.video-controls{display:flex;gap:.5rem}.control-btn{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.875rem;transition:all .2s;display:flex;align-items:center;gap:.5rem}.control-btn:hover{background:#e2e8f0;color:#334155;transform:translateY(-1px)}.video-container{margin-bottom:0;border-radius:16px;overflow:hidden;box-shadow:0 8px 25px #00000026;border:1px solid #e2e8f0}.youtube-video{width:100%;height:400px;border:none}.no-video{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #cbd5e1;border-radius:16px;padding:4rem 2rem;text-align:center;color:#64748b}.no-video-icon{font-size:4rem;margin-bottom:1rem;opacity:.6}.no-video h4{color:#475569;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.notes-section{margin-bottom:2rem;background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;border-radius:16px;padding:1.5rem;box-shadow:0 4px 15px #00000014;border:1px solid #e2e8f0;flex-shrink:0}.notes-content{display:flex;flex-direction:column;gap:1rem}.notes-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;transition:all .2s ease}.notes-item:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.notes-icon{font-size:1.5rem;color:#3b82f6;background:#dbeafe;padding:.5rem;border-radius:8px;min-width:40px;text-align:center}.notes-info h4{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 .25rem}.notes-info p{color:#64748b;font-size:.875rem;margin:0 0 .75rem;line-height:1.4}.notes-link-btn,.notes-view-btn{display:inline-flex;align-items:center;gap:.5rem;background:#3b82f6;color:#fff;padding:.5rem 1rem;border-radius:8px;text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s ease;border:none;cursor:pointer;font-family:inherit}.notes-link-btn:hover,.notes-view-btn:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.notes-view-btn{background:#8b5cf6}.notes-view-btn:hover{background:#7c3aed;box-shadow:0 4px 12px #8b5cf64d}.no-notes{text-align:center;padding:2rem;color:#64748b}.no-notes-icon{font-size:3rem;margin-bottom:1rem;opacity:.6}.no-notes p{margin:0;font-size:1rem}.lesson-description-section{margin-bottom:2rem;background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;border-radius:16px;padding:1.5rem;box-shadow:0 4px 15px #00000014;border:1px solid #e2e8f0}.description-content{background:#f8fafc;border-radius:12px;padding:1rem;border:1px solid #e2e8f0}.description-content p{color:#475569;font-size:.95rem;line-height:1.6;margin:0}.lesson-actions{display:flex;flex-direction:column;gap:1.5rem;flex-shrink:0}.action-buttons{display:flex;gap:1rem;flex-wrap:wrap}.action-button{padding:.875rem 1.5rem;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.875rem;display:flex;align-items:center;gap:.5rem;min-width:160px;justify-content:center}.action-button.primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 12px #3b82f64d}.action-button.primary:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.action-button.secondary{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.action-button.secondary:hover{background:#e2e8f0;color:#334155;transform:translateY(-1px)}.action-button.outline{background:transparent;color:#3b82f6;border:2px solid #3b82f6}.action-button.outline:hover{background:#3b82f6;color:#fff;transform:translateY(-1px)}.action-button.completed{background:linear-gradient(135deg,#10b981,#059669);color:#fff;cursor:not-allowed;opacity:.9}.action-button.completed:hover{transform:none;box-shadow:0 4px 12px #10b9814d}.action-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.progress-indicator{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.progress-bar{width:100%;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:4px;transition:width .3s ease}.progress-text{color:#475569;font-size:.875rem;font-weight:600;text-align:center}.no-lesson-selected{text-align:center;padding:4rem 2rem;color:#94a3b8}.welcome-illustration{font-size:5rem;margin-bottom:2rem;opacity:.7}.no-lesson-selected h3{color:#1e293b;font-size:2rem;font-weight:700;margin-bottom:1rem}.no-lesson-selected p{color:#64748b;font-size:1.1rem;margin-bottom:2rem}.welcome-tips{display:flex;flex-direction:column;gap:1rem;max-width:400px;margin:0 auto}.tip{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;text-align:left}.tip-icon{font-size:1.25rem;color:#3b82f6}.tip span:last-child{color:#475569;font-size:.9rem;line-height:1.4}.loading-container,.error-container{text-align:center;padding:4rem 2rem}.loading-spinner{border:4px solid #f3f4f6;border-top:4px solid #3b82f6;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 1rem}.error-container h3{color:#dc2626;margin-bottom:1rem}@media (max-width: 1024px){.lessons-container{grid-template-columns:300px 1fr;gap:1.5rem}.course-lessons-content-wrapper{margin-left:250px;padding-right:1rem}.lessons-sidebar{height:calc(100vh - 100px)}}@media (max-width: 768px){.lessons-container{grid-template-columns:1fr;gap:1rem;height:auto;max-height:none}.lessons-sidebar{order:2;height:600px;min-height:600px;max-height:600px}.lessons-list{max-height:500px;padding-bottom:2rem}.lesson-content{order:1}.course-lessons-content-wrapper{margin-left:0;padding:1rem;height:auto}.course-lessons{padding-top:70px}.lesson-actions{flex-direction:column}.action-button{width:100%}}@media (max-width: 480px){.course-lessons-header{padding:1.5rem}.course-info h1{font-size:1.5rem}.lessons-sidebar,.lesson-content{padding:1rem}.youtube-video{height:250px}}.file-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.file-modal{background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;border-radius:12px;max-width:90vw;max-height:90vh;width:800px;overflow:hidden;box-shadow:0 20px 40px #0000004d}.file-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #e2e8f0;background:#f8fafc}.file-modal-header h3{margin:0;color:#1e293b;font-size:1.25rem;font-weight:600}.file-modal-close{background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s}.file-modal-close:hover{background:#e2e8f0;color:#334155}.file-modal-content{padding:2rem;max-height:calc(90vh - 120px);overflow:auto}.file-modal-content iframe{border:none;border-radius:8px;box-shadow:0 4px 20px #0000001a}.file-modal-content img{border-radius:8px;box-shadow:0 4px 20px #0000001a}.file-modal-content pre{font-family:Courier New,monospace;line-height:1.6;border-radius:8px;box-shadow:0 4px 20px #0000001a}@media (max-width: 768px){.file-modal{width:95vw;max-height:95vh}.file-modal-header{padding:1rem 1.5rem}.file-modal-content{padding:1rem}}.main-content{flex:1;margin-left:280px;padding:20px;min-height:calc(100vh - 80px)}.live-classes{width:100%}.live-classes-header{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:30px;margin-bottom:30px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 8px 32px #0000001a}.header-content h1{margin:0 0 10px;font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.create-form-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.create-form{background:#fff;border-radius:20px;padding:30px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.form-header h2{margin:0;font-size:1.8rem;color:#1f2937;font-weight:700}.close-btn{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:5px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-btn:hover{background:#f3f4f6;color:#374151}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-group input,.form-group textarea{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;transition:all .3s ease;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-help{display:block;margin-top:5px;font-size:.85rem;color:#6c757d;font-style:italic}.live-classes-content{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:30px;box-shadow:0 8px 32px #0000001a}.empty-state{text-align:center;padding:60px 20px}.empty-state h3{margin:0 0 15px;font-size:1.8rem;color:#374151;font-weight:700}.empty-state p{margin:0 0 30px;color:#6b7280;font-size:1.1rem}.create-first-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:15px 30px;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.create-first-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea4d}.live-classes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:25px}.status-badge{padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.scheduled{background:#dbeafe;color:#1e40af}.status-badge.upcoming{background:#fce7f3;color:#be185d}.status-badge.completed{background:#d1fae5;color:#065f46}.card-content{margin-bottom:20px}.description{color:#6b7280;margin-bottom:20px;line-height:1.6}.meeting-info{margin-top:20px;padding-top:20px;border-top:1px solid #f3f4f6}.meeting-link{color:#4285f4;text-decoration:none;font-weight:600;transition:color .2s ease}.meeting-link:hover{color:#1a73e8;text-decoration:underline}.card-actions{display:flex;gap:12px;justify-content:flex-start;padding:15px 20px;border-top:1px solid #e9ecef;background:#f8f9fa;border-radius:0 0 12px 12px}.join-btn,.edit-btn,.delete-btn{padding:8px 16px;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px}.edit-btn{background:#dbeafe;color:#1e40af}.edit-btn:hover{background:#bfdbfe}.delete-btn{background:#fee2e2;color:#dc2626}.delete-btn:hover{background:#fecaca}.loading-spinner{width:50px;height:50px;border:4px solid #f3f4f6;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@media (max-width: 768px){.admin-content{padding-top:70px}.main-content{margin-left:0;padding:15px}.live-classes{padding:15px}.live-classes-header{flex-direction:column;gap:20px;text-align:center}.header-content h1{font-size:2rem}.form-row{grid-template-columns:1fr}.live-classes-list-container{gap:.75rem}.live-class-list-item{padding:1rem}.live-class-list-header{flex-direction:column;gap:.5rem;align-items:flex-start}.live-class-list-actions{justify-content:flex-start}}@media (max-width: 480px){.create-form{padding:20px;margin:10px}.form-actions{flex-direction:column}.submit-btn,.cancel-btn{width:100%}}@media (max-width: 1024px){.main-content{margin-left:0;transition:margin-left .3s ease}.admin-content.sidebar-open .main-content{margin-left:280px}}.assigned-employees-section{margin-top:20px;padding:20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;border:1px solid #dee2e6}.assigned-employees-section h4{margin:0 0 15px;color:#495057;font-size:1.1rem;font-weight:600}.employees-list{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.employee-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border-radius:8px;border:1px solid #e9ecef;box-shadow:0 2px 4px #0000000d}.employee-name{font-weight:600;color:#495057;flex:1}.employee-email{color:#6c757d;font-size:.9rem;flex:1;text-align:center}.employee-progress{color:#28a745;font-weight:500;font-size:.9rem;flex:1;text-align:right}.employees-count{margin:0;color:#6c757d;font-size:.9rem;text-align:center;font-style:italic}@media (max-width: 768px){.employee-item{flex-direction:column;gap:8px;text-align:center}.employee-name,.employee-email,.employee-progress{flex:none;text-align:center}}.join-btn{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:6px;box-shadow:0 2px 4px #28a74533}.join-btn:hover{background:linear-gradient(135deg,#218838,#1ea085);transform:translateY(-1px);box-shadow:0 4px 8px #28a7454d}.join-btn:active{transform:translateY(0);box-shadow:0 2px 4px #28a74533}.join-btn:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.join-btn.join-now{background:linear-gradient(135deg,#dc3545,#fd7e14);animation:pulse 2s infinite}.join-btn.starting-soon{background:linear-gradient(135deg,#ffc107,#fd7e14);color:#212529}.join-btn.in-progress{background:linear-gradient(135deg,#17a2b8,#20c997);animation:pulse 1.5s infinite}.join-btn.ended{background:#6c757d;cursor:not-allowed}.join-btn.past-scheduled{background:linear-gradient(135deg,#ffc107,#fd7e14);color:#212529;cursor:pointer}.join-btn.disabled{background:#adb5bd;cursor:not-allowed}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.card-actions{display:flex;gap:10px;justify-content:flex-start;align-items:center;padding:15px 20px;border-top:1px solid #e9ecef;background:#f8f9fa;border-radius:0 0 12px 12px}@media (max-width: 768px){.card-actions{flex-direction:column;gap:8px}.join-btn,.edit-btn,.delete-btn{width:100%;justify-content:center}}.live-classes-list-container{display:flex;flex-direction:column;gap:1rem}.live-class-list-item{display:flex;align-items:center;gap:1.5rem;background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 12px #00000014;transition:all .3s ease;border-left:4px solid #667eea}.live-class-list-item:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000001f}.live-class-list-icon{width:60px;height:60px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;flex-shrink:0}.live-class-list-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.live-class-list-header{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.live-class-list-title{margin:0;font-size:1.2rem;font-weight:600;color:#333}.live-class-list-description{color:#666;font-size:.95rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.live-class-list-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;color:#666;font-size:.9rem}.live-class-list-datetime,.live-class-list-course,.live-class-list-meeting{display:flex;align-items:center;gap:.25rem}.live-class-list-actions{display:flex;gap:.5rem;flex-shrink:0;flex-wrap:wrap}@media (max-width: 768px){.live-class-list-item{flex-direction:column;align-items:flex-start;gap:1rem}.live-class-list-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.live-class-list-header{flex-direction:column;align-items:flex-start;gap:.5rem}}.admin-layout{min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(29,78,216,.2) 0%,transparent 50%),linear-gradient(135deg,#0f172a,#1e293b 30%,#334155 70%,#1e40af);position:relative;overflow:hidden;font-size:.85rem}.admin-layout:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 15%,rgba(59,130,246,.08) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(29,78,216,.1) 0%,transparent 40%);opacity:.6;pointer-events:none;z-index:0}.admin-content{display:flex;padding-top:80px;position:relative;z-index:2}.header-content p{margin:0;font-size:1.1rem;color:#666;font-weight:500}.create-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:15px 30px;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #10b9814d}.create-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.create-form-overlay{position:fixed;inset:0;background:#000000bf;display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.create-form{background:#fff;border-radius:20px;padding:30px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 80px #0006;border:1px solid rgba(255,255,255,.2);position:relative;z-index:10000;pointer-events:auto;display:flex;flex-direction:column;will-change:auto;animation:slideInUp .4s cubic-bezier(.34,1.56,.64,1);transform:translateZ(0)}@keyframes slideInUp{0%{opacity:0;transform:translateY(40px) scale(.9)}50%{opacity:.8;transform:translateY(-5px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding:20px 0;border-bottom:2px solid #f3f4f6;position:relative;min-height:70px;flex-shrink:0;width:100%;box-sizing:border-box}.header-actions{display:flex;align-items:center;gap:12px}.form-header h2{margin:0;font-size:1.8rem;color:#1f2937;font-weight:700;line-height:1.3;flex:1;text-align:left;padding-right:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.download-report-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:10px 16px;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:6px;transition:all .3s ease;box-shadow:0 2px 8px #3b82f64d}.download-report-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 4px 15px #3b82f666}.download-report-btn:active{transform:translateY(0)}.close-btn{background:#f8f9fa;border:2px solid #e9ecef;font-size:1.2rem;color:#6c757d;cursor:pointer;padding:0;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:all .15s ease;z-index:10001;position:relative;pointer-events:auto;flex-shrink:0;outline:none;box-sizing:border-box;font-weight:700;line-height:1}.close-btn:hover{background:#e9ecef;color:#495057;border-color:#dee2e6;transform:none}.close-btn:active{background:#dee2e6;color:#343a40;border-color:#ced4da;transform:scale(.9)}.close-btn:focus{box-shadow:0 0 0 3px #007bff40}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;contain:layout}.create-form *{box-sizing:border-box}.create-form input,.create-form select,.create-form textarea{contain:layout}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;transition:all .3s ease;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group textarea{resize:vertical;min-height:80px}.form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px;border-top:2px solid #f3f4f6}.cancel-btn{background:#f3f4f6;color:#374151;border:none;padding:12px 24px;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-btn:hover{background:#e5e7eb}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #667eea4d}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.create-first-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:15px 30px;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #10b9814d}.create-first-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.project-list-info{flex:1;min-width:0}.project-list-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px;gap:20px}.project-details-form{max-width:1600px;width:98vw;max-height:90vh;overflow-y:auto;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid rgba(255,255,255,.3);box-shadow:0 25px 80px #0006}.project-details-content{padding:25px 0}.project-info{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px;padding:25px;margin-bottom:25px;border:1px solid #e5e7eb;box-shadow:0 4px 15px #0000000d}.project-info h3{color:#1f2937;margin-bottom:15px;font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.project-description{color:#6b7280;margin-bottom:20px;line-height:1.7;font-size:1.1rem}.project-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:30px}.meta-item{background:linear-gradient(135deg,#fff,#f8fafc);color:#374151;padding:12px 18px;border-radius:25px;font-size:.95rem;font-weight:600;border:2px solid #e5e7eb;box-shadow:0 2px 8px #0000000d;transition:all .3s ease;display:flex;align-items:center;gap:8px}.meta-item:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a;border-color:#d1d5db}.meta-item.clickable{cursor:pointer;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6;color:#1e40af}.meta-item.clickable:hover{background:linear-gradient(135deg,#bfdbfe,#93c5fd);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f64d}.submissions-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px;padding:25px;border:1px solid #e5e7eb;box-shadow:0 4px 15px #0000000d}.submissions-section h4{color:#1f2937;margin-bottom:20px;font-size:1.4rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;gap:10px}.submissions-section h4:before{content:"👥";font-size:1.2rem}.submissions-list{background:transparent;border-radius:0;padding:0 5px 0 0;border:none;max-height:400px;overflow-y:auto}.submissions-list::-webkit-scrollbar{width:6px}.submissions-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.submissions-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:3px}.no-submissions{text-align:center;color:#6b7280;font-style:italic;padding:40px;font-size:1.1rem}.loading-submissions{text-align:center;color:#6b7280;padding:40px;font-size:1.1rem}.submission-item{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e5e7eb;border-radius:16px;padding:20px;margin-bottom:16px;transition:all .3s ease;box-shadow:0 2px 8px #0000000d;position:relative;overflow:hidden}.submission-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg,#667eea,#764ba2)}.submission-item:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000026;border-color:#d1d5db}.submission-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.submission-user{display:flex;align-items:center;gap:12px}.user-avatar{width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:#fff;box-shadow:0 4px 15px #667eea66;border:3px solid #ffffff;position:relative}.user-avatar:after{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;z-index:-1}.user-info h5{margin:0 0 6px;color:#1f2937;font-size:1.1rem;font-weight:700}.submission-date{color:#6b7280;font-size:.9rem;font-weight:500}.submission-status{display:flex;align-items:center;gap:12px}.status-badge{padding:8px 16px;border-radius:25px;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #0000001a;border:2px solid transparent;transition:all .3s ease}.status-badge.submitted{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-color:#10b981;box-shadow:0 4px 15px #10b9814d}.status-badge.not_submitted{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:#ef4444;box-shadow:0 4px 15px #ef44444d}.submission-file{display:flex;align-items:center;gap:12px;margin-top:12px;padding:12px 16px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:12px;border:2px solid #0ea5e9;transition:all .3s ease}.submission-file:hover{background:linear-gradient(135deg,#e0f2fe,#bae6fd);transform:translate(4px);box-shadow:0 4px 15px #0ea5e933}.file-icon{font-size:1.2rem;color:#0ea5e9}.file-name.clickable{color:#0369a1;cursor:pointer;font-weight:600;font-size:.95rem;transition:all .3s ease;position:relative}.file-name.clickable:after{content:"↗";margin-left:6px;font-size:.8rem;opacity:0;transition:all .3s ease}.file-name.clickable:hover{color:#0c4a6e;transform:translate(2px)}.file-name.clickable:hover:after{opacity:1;transform:translate(2px)}.admin-feedback{margin-top:16px;padding:16px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;border-left:5px solid #f59e0b;box-shadow:0 2px 8px #f59e0b33;position:relative}.admin-feedback:before{content:"💬";position:absolute;top:16px;right:16px;font-size:1.2rem}.admin-feedback strong{color:#92400e;font-size:.95rem;font-weight:700;display:block;margin-bottom:8px}.admin-feedback p{margin:0;color:#92400e;font-size:.95rem;line-height:1.5;font-weight:500}.marks-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;padding:8px 16px;border-radius:20px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #f59e0b4d;display:flex;align-items:center;gap:6px}.marks-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-2px);box-shadow:0 4px 15px #f59e0b66}.marks-btn:active{transform:translateY(0)}.marks-btn.has-marks{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 2px 8px #10b9814d}.marks-btn.has-marks:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 15px #10b98166}.resubmit-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-left:8px;box-shadow:0 2px 8px #8b5cf64d;display:inline-block}.submission-status{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.submissions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.download-all-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.download-all-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 4px 15px #10b98166}.submissions-table{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000001a;border:1px solid #e5e7eb}.table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 2fr;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e5e7eb;font-weight:600;color:#374151}.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 2fr;border-bottom:1px solid #e5e7eb;transition:background-color .2s ease}.table-row:hover{background-color:#f9fafb}.table-row:last-child{border-bottom:none}.table-cell{padding:16px 12px;display:flex;align-items:center;font-size:14px}.employee-info{display:flex;align-items:center;gap:8px}.employee-name{font-weight:500;color:#374151}.action-buttons{display:flex;gap:8px;flex-wrap:wrap}.action-btn{padding:6px 12px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px}.view-btn{background:#3b82f6;color:#fff}.view-btn:hover{background:#2563eb}.download-btn:hover{background:#059669}.marks-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.marks-btn:hover{background:linear-gradient(135deg,#d97706,#b45309)}.marks-btn.has-marks{background:linear-gradient(135deg,#10b981,#059669)}.marks-btn.has-marks:hover{background:linear-gradient(135deg,#059669,#047857)}.resubmit-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.resubmit-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}.marks-form{max-width:500px;width:90vw}.marks-content{padding:20px 0}.employee-info{display:flex;align-items:center;gap:15px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:20px;border-radius:12px;margin-bottom:25px;border:1px solid #e5e7eb}.employee-info .user-avatar{width:50px;height:50px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;box-shadow:0 4px 15px #667eea66}.employee-info h3{margin:0 0 5px;color:#1f2937;font-size:1.2rem;font-weight:700}.employee-info p{margin:0;color:#6b7280;font-size:.9rem;font-weight:500}.marks-display{margin-top:12px;padding:12px 16px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:12px;border:2px solid #10b981;display:flex;align-items:center;gap:8px}.marks-display strong{color:#065f46;font-size:.95rem;font-weight:700}.marks-value{color:#047857;font-size:1.1rem;font-weight:800;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.project-list-actions{display:flex;gap:10px;flex-shrink:0}.edit-btn,.delete-btn,.view-pdf-btn,.view-btn{padding:8px 16px;border:none;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.edit-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.edit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #fbbf244d}.delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.delete-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ef44444d}.view-pdf-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.view-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.view-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #8b5cf64d}.file-upload-container{display:flex;align-items:center;gap:15px;margin-bottom:10px}.file-input-hidden{display:none}.file-upload-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 20px;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d;display:inline-flex;align-items:center;gap:8px}.file-upload-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.file-upload-text{color:#6b7280;font-size:.9rem;font-style:italic;flex:1}.form-help{display:block;margin-top:8px;color:#6b7280;font-size:.85rem;line-height:1.4}.file-selected{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding:12px 16px;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #10b981;border-radius:10px;font-size:.9rem}.file-selected span{color:#065f46;font-weight:600}.remove-file-btn{background:#ef4444;color:#fff;border:none;border-radius:6px;padding:6px 10px;font-size:.8rem;cursor:pointer;transition:all .2s ease}.remove-file-btn:hover{background:#dc2626;transform:scale(1.05)}.existing-attachment{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding:12px 16px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:10px;font-size:.9rem}.existing-attachment span{color:#92400e;font-weight:600}.remove-existing-btn{background:#ef4444;color:#fff;border:none;border-radius:6px;padding:6px 12px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px}.remove-existing-btn:hover{background:#dc2626;transform:scale(1.05);box-shadow:0 2px 4px #ef44444d}.loading-spinner{width:50px;height:50px;border:4px solid #f3f4f6;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@media (max-width: 768px){.admin-content{padding-top:70px}.main-content{margin-left:0;padding:15px}.projects{padding:15px}.projects-header{flex-direction:column;gap:20px;text-align:center}.header-content h1{font-size:2rem}.form-row{grid-template-columns:1fr}.project-list-item{flex-direction:column;gap:15px}.project-list-header{flex-direction:column;align-items:flex-start;gap:10px}.project-list-actions{width:100%;justify-content:flex-end}.project-list-meta{flex-direction:column;gap:8px}.create-form{margin:10px;padding:20px}.file-upload-container{flex-direction:column;align-items:stretch;gap:10px}.file-upload-button{width:100%;justify-content:center}.file-upload-text{text-align:center}}@media (max-width: 480px){.form-actions{flex-direction:column}.submit-btn,.cancel-btn{width:100%}}@media (max-width: 1024px){.main-content{margin-left:0;transition:margin-left .3s ease}.admin-content.sidebar-open .main-content{margin-left:280px}.toast{right:10px;left:10px;min-width:auto;max-width:none}}.project-detail-container{min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(29,78,216,.2) 0%,transparent 50%),linear-gradient(135deg,#0f172a,#1e293b 30%,#334155 70%,#1e40af);position:relative;overflow:hidden;padding:20px;max-width:1200px;margin:0 auto}.project-detail-container:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 15%,rgba(59,130,246,.08) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(29,78,216,.1) 0%,transparent 40%);opacity:.6;pointer-events:none;z-index:0}.project-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:30px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 25px 80px #0006;position:relative;z-index:2}.header-left{display:flex;align-items:center;gap:20px}.back-btn{background:#6c757d;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;transition:all .3s ease;display:flex;align-items:center;gap:8px}.back-btn:hover{background:#5a6268;transform:translateY(-2px)}.project-detail-header h1{margin:0;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:2.5rem;font-weight:700}.header-actions{display:flex;gap:15px}.export-btn{background:#28a745;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:8px}.export-btn:hover{background:#218838;transform:translateY(-2px);box-shadow:0 4px 12px #28a7454d}.project-info-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 25px 80px #0006;margin-bottom:30px;overflow:hidden;position:relative;z-index:2}.project-info-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px}.project-info-header h2{margin:0;font-size:1.5rem;font-weight:600}.project-info-content{padding:30px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:20px}.description-item{grid-column:1 / -1}.description-content{position:relative}.description-text{line-height:1.6;margin:0 0 10px;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.expand-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-right:10px}.expand-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 2px 8px #3b82f64d}.info-item{display:flex;flex-direction:column;gap:8px}.info-item label{font-weight:600;color:#495057;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.info-item p{margin:0;color:#6c757d;line-height:1.5}.project-type{background:#e3f2fd;color:#1976d2;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-block;width:fit-content}.due-date{color:#dc3545;font-weight:600}.course-name{color:#28a745;font-weight:600}.created-by{color:#6f42c1;font-weight:600}.created-date{color:#6c757d;font-size:14px}.attachment-section{margin-top:20px;padding-top:20px;border-top:1px solid #e9ecef}.attachment-section label{font-weight:600;color:#495057;font-size:14px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;display:block}.attachment-link{display:inline-flex;align-items:center;gap:8px;color:#007bff;text-decoration:none;padding:8px 16px;background:#f8f9fa;border-radius:8px;transition:all .3s ease;border:1px solid #dee2e6}.attachment-link:hover{background:#e9ecef;color:#0056b3;transform:translateY(-1px)}.submissions-section,.employees-section{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 25px 80px #0006;margin-bottom:30px;overflow:hidden;position:relative;z-index:2}.section-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center}.section-header h2{margin:0;font-size:1.5rem;font-weight:600}.download-all-btn{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3);padding:8px 16px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.download-all-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.submissions-table{overflow-x:auto}.submissions-table table{width:100%;border-collapse:collapse}.submissions-table th,.submissions-table td{padding:15px;text-align:left;border-bottom:1px solid #e9ecef}.submissions-table th{background:#f8f9fa;font-weight:600;color:#495057;text-transform:uppercase;font-size:12px;letter-spacing:.5px}.submissions-table tr:hover{background:#f8f9fa}.status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.submitted{background:#d4edda;color:#155724}.status-badge.reviewed{background:#cce5ff;color:#004085}.status-badge.approved{background:#d1ecf1;color:#0c5460}.status-badge.rejected{background:#f8d7da;color:#721c24}.status-badge.pending_resubmission{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.marks-display{font-weight:600;padding:4px 8px;border-radius:6px;font-size:13px}.marks-display.graded{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.marks-display.not-graded{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.action-buttons{display:flex;gap:8px}.view-btn,.download-btn,.marks-btn{background:none;border:1px solid #dee2e6;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:6px;min-width:80px;justify-content:center}.view-btn{background:#f8f9fa;color:#8b5cf6;border-color:#8b5cf6}.view-btn:hover{background:#8b5cf6;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf64d}.download-btn{background:#f8f9fa;color:#28a745;border-color:#28a745}.download-btn:hover{background:#28a745;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #28a7454d}.marks-btn{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border-color:#007bff;box-shadow:0 2px 4px #007bff33}.marks-btn:hover{background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-2px);box-shadow:0 4px 12px #007bff66}.employees-table-container{padding:15px;overflow-x:auto}.employees-table{width:100%;max-width:600px;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.employees-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.employees-table th{padding:12px 15px;text-align:left;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.employees-table td{padding:12px 15px;border-bottom:1px solid #f1f3f4;font-size:14px}.employee-row:hover{background-color:#f8f9fa}.employee-name{font-weight:600;color:#2c3e50}.employee-email{color:#6c757d;font-size:13px}.employee-status-cell{text-align:center}.submission-status{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;display:flex;align-items:center;gap:4px;min-width:100px;justify-content:center}.submission-status.submitted{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724;border:2px solid #c3e6cb}.submission-status.submitted:before{content:"✅";font-size:12px}.submission-status.not-submitted{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24;border:2px solid #f5c6cb}.submission-status.not-submitted:before{content:"⏳";font-size:12px}.empty-state{text-align:center;padding:40px 20px;color:#6c757d}.empty-state p{font-size:16px;margin:0}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#6c757d}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}.error-container{text-align:center;padding:60px 20px;color:#6c757d}.error-container h2{color:#dc3545;margin-bottom:15px}.error-container p{margin-bottom:30px;font-size:16px}.employee-display{padding:12px 16px;background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;font-weight:600;color:#495057;font-size:16px;margin-top:8px}.form-content{padding:0;margin-bottom:20px}.form-actions{display:flex;justify-content:flex-end;gap:15px;padding-top:20px;border-top:2px solid #f3f4f6;margin-top:20px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#374151;font-size:.95rem}.form-group input{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;transition:all .3s ease;background:#fff}.form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input::placeholder{color:#9ca3af}.btn{padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center;min-width:100px}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.btn-primary:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover{background:#4b5563;transform:translateY(-1px)}.toast{position:fixed;top:100px;right:20px;z-index:99999;min-width:320px;max-width:450px;padding:18px 24px;border-radius:16px;box-shadow:0 12px 40px #0003;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;align-items:center;justify-content:space-between;animation:slideIn .3s ease-out;font-weight:500;font-size:14px;line-height:1.4}.toast.success{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724;border:1px solid #c3e6cb}.toast.error{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24;border:1px solid #f5c6cb}.toast button{background:none;border:none;font-size:18px;cursor:pointer;color:inherit;opacity:.7;margin-left:15px;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.toast button:hover{opacity:1}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.project-detail-container{padding:15px}.project-detail-header{flex-direction:column;align-items:flex-start;gap:15px}.header-left{flex-direction:column;align-items:flex-start;gap:10px}.project-detail-header h1{font-size:2rem}.info-grid{grid-template-columns:1fr}.employees-table-container{padding:10px}.employees-table{max-width:100%;font-size:13px}.employees-table th,.employees-table td{padding:8px 10px}.employee-name{font-size:13px}.employee-email{font-size:12px}.submissions-table{font-size:14px}.submissions-table th,.submissions-table td{padding:10px 8px}}.resubmit-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-left:8px;box-shadow:0 2px 8px #8b5cf64d}.resubmit-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-2px);box-shadow:0 4px 15px #8b5cf666}.resubmit-btn:active{transform:translateY(0)}.dark-theme .employee-layout,.dark-theme .employee-content,.dark-theme .main-content,.dark-theme .live-classes{background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(29,78,216,.15) 0%,transparent 50%),linear-gradient(135deg,#0f172a,#1e293b,#334155)!important}.employee-content{display:flex;min-height:calc(100vh - 70px);margin-top:70px;position:relative;z-index:2}.dark-theme .employee-content{background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(29,78,216,.15) 0%,transparent 50%),linear-gradient(135deg,#0f172a,#1e293b,#334155)!important;border:none!important;box-shadow:none!important;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0;margin:0;position:relative}.main-content{flex:1;margin-left:280px;padding:1rem 1.5rem 1.5rem}.dark-theme .main-content{background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(29,78,216,.15) 0%,transparent 50%),linear-gradient(135deg,#0f172a,#1e293b,#334155)!important;border:none!important;box-shadow:none!important;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0;margin:0 0 0 280px;position:relative}.live-classes{max-width:1400px;margin:0 auto}.dark-theme .live-classes{background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(29,78,216,.15) 0%,transparent 50%),linear-gradient(135deg,#0f172a,#1e293b,#334155)!important;border:none!important;box-shadow:none!important;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0;padding:0;position:relative}.live-classes-header{background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 8px 24px #0000001a;text-align:center}.dark-theme .live-classes-header{background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;border:1px solid rgba(59,130,246,.4)!important;box-shadow:0 20px 40px #0009!important;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:relative}.dark-theme .live-classes-header:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0003,#0000004d);border-radius:16px;pointer-events:none;z-index:1}.dark-theme .live-classes-header>*{position:relative;z-index:2}.header-content h1{color:#1e293b;font-size:2rem;font-weight:700;margin:0 0 .5rem}.header-content p{color:#64748b;font-size:1.1rem;margin:0}.error-message{background:linear-gradient(135deg,#ef4444e6,#dc2626f2)!important;border:1px solid rgba(239,68,68,.5)!important;border-radius:12px;padding:15px 20px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.error-message button{background:#fff3!important;border:1px solid rgba(255,255,255,.3)!important;color:#fff!important;font-size:1.2rem;cursor:pointer;padding:5px;border-radius:4px}.live-classes-content{margin-top:20px}.empty-state{text-align:center;padding:60px 20px;background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;border-radius:20px;box-shadow:0 10px 30px #0006!important;border:1px solid rgba(59,130,246,.3)!important}.empty-icon{font-size:4rem;margin-bottom:20px;color:#94a3b8}.empty-state h3{color:#1e293b;font-size:1.5rem;margin:0 0 10px}.empty-state p{color:#64748b;font-size:1.1rem;margin:0}.live-classes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:25px;margin-top:20px;max-width:100%}.live-class-card{background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;border-radius:20px;overflow:hidden;transition:all .3s ease;box-shadow:0 10px 30px #0000001a;border:1px solid #e2e8f0}.dark-theme .live-class-card{background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;border:1px solid rgba(59,130,246,.3)!important;box-shadow:0 15px 35px #0006!important;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.dark-theme .live-class-card:hover{transform:translateY(-5px)!important;box-shadow:0 20px 50px #0009!important;border-color:#3b82f6!important}.dark-theme .class-title{color:#ffffffe6!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .class-description{color:#ffffffb3!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .class-instructor{color:#fffc!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .class-datetime{color:#fff9!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .error-message{background:linear-gradient(135deg,#ef4444e6,#dc2626f2)!important;border:1px solid rgba(239,68,68,.5)!important;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .error-message button{background:#fff3!important;border:1px solid rgba(255,255,255,.3)!important;color:#fff!important}.dark-theme .empty-state{background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;border:1px solid rgba(59,130,246,.3)!important;box-shadow:0 10px 30px #0006!important}.dark-theme .empty-state h3{color:#ffffffe6!important;text-shadow:0 2px 4px rgba(0,0,0,.5)}.dark-theme .empty-state p{color:#ffffffb3!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .card-header{background:linear-gradient(135deg,#0f172acc,#1e293be6)!important;border-bottom:1px solid rgba(59,130,246,.3)!important}.dark-theme .card-header h3{color:#ffffffe6!important;text-shadow:0 2px 4px rgba(0,0,0,.5)}.dark-theme .card-header .instructor{color:#ffffffb3!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .description{color:#fffc!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .card-actions{background:linear-gradient(135deg,#0f172acc,#1e293be6)!important;border-top:1px solid rgba(59,130,246,.3)!important}.dark-theme .detail-item .label{color:#ffffffb3!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .detail-item .value{color:#ffffffe6!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .meeting-link{color:#60a5fa!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .meeting-link:hover{color:#93c5fd!important}.dark-theme .meeting-id{color:#60a5fa!important;background:#60a5fa1a!important;border:1px solid rgba(96,165,250,.2)!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .join-btn{text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .join-btn.scheduled{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;color:#fff!important}.dark-theme .join-btn.upcoming{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important}.dark-theme .join-btn.join-now{background:linear-gradient(135deg,#f59e0b,#d97706)!important;color:#fff!important}.dark-theme .join-btn.starting-soon{background:linear-gradient(135deg,#ef4444,#dc2626)!important;color:#fff!important}.dark-theme .join-btn.in-progress{background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important;color:#fff!important}.dark-theme .join-btn.direct-join{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important}.dark-theme .join-btn.google-meet-join{background:linear-gradient(135deg,#ea4335,#4285f4)!important;color:#fff!important;border:2px solid #ea4335!important}.dark-theme .join-btn.disabled{background:#6b728080!important;color:#ffffff80!important}.dark-theme .join-btn.completed{background:#6b7280cc!important;color:#060000cc!important}.dark-theme .join-btn.past-scheduled{background:linear-gradient(135deg,#ffc107,#fd7e14)!important;color:#212529!important}.live-class-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00000026;border-color:#667eea}.card-header{background:linear-gradient(135deg,#0f172acc,#1e293be6)!important;padding:20px;border-bottom:1px solid rgba(59,130,246,.3)!important;display:flex;justify-content:space-between;align-items:flex-start}.header-left{flex:1}.card-header h3{color:#1e293b;font-size:1.3rem;font-weight:600;margin:0 0 8px}.card-header .instructor{color:#64748b;font-size:.9rem;margin:0;font-weight:500}.status-badge{padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.pending{background:#f59e0b33;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.status-badge.scheduled{background:#3b82f633;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.status-badge.upcoming{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3)}.status-badge.completed{background:#6b728033;color:#6b7280;border:1px solid rgba(107,114,128,.3)}.card-content{padding:20px}.description{color:#475569;font-size:1rem;line-height:1.6;margin:0 0 20px}.class-details{display:flex;flex-direction:column;gap:12px}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.detail-item .label{font-weight:600;color:#ffffffb3!important;font-size:.9rem;text-shadow:0 1px 2px rgba(0,0,0,.5)}.detail-item .value{color:#ffffffe6!important;font-size:.9rem;text-align:right;text-shadow:0 1px 2px rgba(0,0,0,.5)}.meeting-link{color:#60a5fa!important;text-decoration:none;font-weight:600;transition:color .2s ease;text-shadow:0 1px 2px rgba(0,0,0,.5)}.meeting-link:hover{color:#93c5fd!important;text-decoration:underline}.card-actions{display:flex;gap:12px;justify-content:flex-start;padding:15px 20px;border-top:1px solid rgba(59,130,246,.3)!important;background:linear-gradient(135deg,#0f172acc,#1e293be6)!important}.join-btn{padding:10px 20px;border:none;border-radius:25px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;min-width:120px;justify-content:center}.join-btn.scheduled{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.join-btn.scheduled:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.join-btn.upcoming{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.join-btn.upcoming:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.join-btn.join-now{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;animation:pulse 2s infinite}.join-btn.join-now:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b66}.join-btn.starting-soon{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.join-btn.starting-soon:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.join-btn.in-progress{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.join-btn.in-progress:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}.join-btn.direct-join{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.join-btn.direct-join:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.join-btn.google-meet-join{background:linear-gradient(135deg,#ea4335,#4285f4);color:#fff;font-weight:700;border:2px solid #ea4335}.join-btn.google-meet-join:hover{background:linear-gradient(135deg,#d33d2e,#3367d6);transform:translateY(-1px);box-shadow:0 4px 12px #ea433566;border-color:#d33d2e}.join-btn.disabled{background:#6b728080;color:#ffffff80;cursor:not-allowed}.join-btn.completed{background:#6b7280cc;color:#fffc;cursor:not-allowed}.join-btn.completed:hover{transform:none;box-shadow:none}.meeting-id{font-family:Courier New,monospace;font-weight:600;color:#60a5fa!important;background:#60a5fa1a;padding:4px 8px;border-radius:6px;border:1px solid rgba(96,165,250,.2)}.meeting-link{color:#ea4335;text-decoration:none;font-weight:600;padding:4px 8px;border-radius:6px;background:#ea43351a;border:1px solid rgba(234,67,53,.2);transition:all .3s ease}.meeting-link:hover{background:#ea433533;border-color:#ea433566;transform:translateY(-1px)}.join-btn.past-scheduled{background:linear-gradient(135deg,#ffc107,#fd7e14);color:#212529}.join-btn.past-scheduled:hover{background:linear-gradient(135deg,#e0a800,#e8590c);transform:translateY(-1px);box-shadow:0 4px 8px #ffc1074d}.join-btn.direct-join{background:linear-gradient(135deg,#4285f4,#34a853);color:#fff;font-weight:700}.join-btn.direct-join:hover{background:linear-gradient(135deg,#3367d6,#2d8f47);transform:translateY(-1px);box-shadow:0 4px 12px #4285f466}.join-btn.disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.join-btn.disabled:hover{transform:none;box-shadow:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.loading-container{text-align:center;padding:60px 20px}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.loading-container p{color:#fff;font-size:1.1rem;margin:0}@media (max-width: 768px){.main-content{padding:15px}.live-classes-header{padding:20px;margin-bottom:20px}.header-content h1{font-size:2rem}.live-classes-grid{grid-template-columns:1fr;gap:20px}.live-class-card{margin-bottom:0}.card-header,.card-content{padding:15px}.card-actions{padding:12px 15px}.join-btn{padding:8px 16px;font-size:.8rem;min-width:100px}}.employee-layout{min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(29,78,216,.2) 0%,transparent 50%),linear-gradient(135deg,#0f172a,#1e293b 30%,#334155 70%,#1e40af);position:relative;overflow:hidden;font-size:.85rem}.employee-layout.dark-theme{background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(29,78,216,.15) 0%,transparent 50%),linear-gradient(135deg,#0f172a,#1e293b,#334155)!important;color:#ffffffe6!important}.employee-layout:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 15%,rgba(59,130,246,.08) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(29,78,216,.1) 0%,transparent 40%);opacity:.6;pointer-events:none;z-index:0}.employee-content{display:flex;padding-top:80px;position:relative;z-index:2}.main-content{flex:1;margin-left:280px;padding:15px;min-height:calc(100vh - 80px)}.projects{width:100%}.projects-header{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:20px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 6px 24px #0000001a}.dark-theme .projects-header{background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;border:1px solid rgba(59,130,246,.4)!important;box-shadow:0 20px 40px #0009!important;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:relative}.dark-theme .projects-header:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0003,#0000004d);border-radius:16px;pointer-events:none;z-index:1}.dark-theme .projects-header>*{position:relative;z-index:2}.header-content h1{margin:0 0 8px;font-size:2rem;font-weight:700;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-content p{margin:0;font-size:1rem;color:#666;font-weight:500}.error-message{background:#fee2e2;border:2px solid #f87171;border-radius:12px;padding:15px 20px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;color:#dc2626;font-weight:500}.error-message button{background:none;border:none;color:#dc2626;font-size:1.2rem;cursor:pointer;padding:5px}.projects-content{margin-top:20px}.empty-state{text-align:center;padding:60px 20px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:2px dashed #d1d5db;box-shadow:0 8px 32px #0000001a}.empty-icon{font-size:4rem;margin-bottom:20px}.empty-state h3{color:#374151;margin-bottom:10px;font-size:1.5rem;font-weight:600}.empty-state p{color:#6b7280;margin-bottom:30px;font-size:1.1rem}.projects-list-container{display:grid;gap:20px}.project-list-item{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:25px;display:flex;align-items:flex-start;gap:20px;transition:all .3s ease;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2)}.dark-theme .project-list-item{background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;border:1px solid rgba(59,130,246,.3)!important;box-shadow:0 15px 35px #0006!important;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.dark-theme .project-list-item:hover{transform:translateY(-5px)!important;box-shadow:0 20px 50px #0009!important;border-color:#3b82f6!important}.dark-theme .project-title{color:#ffffffe6!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .project-description{color:#ffffffb3!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .project-meta{color:#fff9!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .project-status{color:#fffc!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .dark-project-title{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.7);font-weight:700}.dark-theme .dark-description{color:#fffc!important;text-shadow:0 1px 2px rgba(0,0,0,.5);line-height:1.5}.dark-theme .dark-expand-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;color:#fff!important;border:1px solid rgba(59,130,246,.5)!important;box-shadow:0 4px 15px #3b82f64d!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .dark-expand-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af)!important;box-shadow:0 6px 20px #3b82f666!important;transform:translateY(-2px)}.dark-theme .dark-download-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important;color:#fff!important;border:1px solid rgba(139,92,246,.5)!important;box-shadow:0 4px 15px #8b5cf64d!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .dark-download-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9)!important;box-shadow:0 6px 20px #8b5cf666!important;transform:translateY(-2px)}.dark-theme .dark-submit-btn{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;border:1px solid rgba(16,185,129,.5)!important;box-shadow:0 4px 15px #10b9814d!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .dark-submit-btn:hover{background:linear-gradient(135deg,#059669,#047857)!important;box-shadow:0 6px 20px #10b98166!important;transform:translateY(-2px)}.dark-theme .dark-submit-btn.submitted{background:linear-gradient(135deg,#6b7280,#4b5563)!important;border-color:#6b728080!important;box-shadow:0 4px 15px #6b72804d!important}.dark-theme .dark-submit-btn.resubmit{background:linear-gradient(135deg,#f59e0b,#d97706)!important;border-color:#f59e0b80!important;box-shadow:0 4px 15px #f59e0b4d!important}.dark-theme .dark-submission-info{background:#0003!important;border-radius:8px;padding:10px;margin:10px 0}.dark-theme .dark-deadline{color:#fffc!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .dark-overdue{color:#ef4444!important;text-shadow:0 1px 2px rgba(0,0,0,.5);font-weight:600}.dark-theme .dark-meta{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.dark-theme .dark-type,.dark-theme .dark-due-date,.dark-theme .dark-course,.dark-theme .dark-attachment{background:#0000004d!important;color:#ffffffe6!important;padding:6px 12px;border-radius:20px;font-size:.85rem;text-shadow:0 1px 2px rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.1)}.dark-theme .dark-due-date.overdue{background:#ef444433!important;color:#ef4444!important;border-color:#ef44444d!important}.dark-theme .dark-attachment{cursor:pointer;transition:all .3s ease}.dark-theme .dark-attachment:hover{background:#3b82f633!important;border-color:#3b82f680!important;transform:translateY(-1px)}.dark-theme .dark-marks-section{margin:10px 0}.dark-theme .dark-marks{background:#0000004d!important;color:#ffffffe6!important;padding:8px 16px;border-radius:20px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.1)}.dark-theme .dark-error{background:linear-gradient(135deg,#ef4444e6,#dc2626f2)!important;border:1px solid rgba(239,68,68,.5)!important;box-shadow:0 10px 30px #ef44444d!important;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .dark-toast{background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;border:1px solid rgba(59,130,246,.4)!important;box-shadow:0 20px 40px #0009!important;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .dark-empty{background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;border:1px solid rgba(59,130,246,.3)!important;box-shadow:0 15px 35px #0006!important;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .dark-modal-overlay{background:#000c!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dark-theme .dark-modal{background:linear-gradient(135deg,#0f172afa,#1e293bfc)!important;border:1px solid rgba(59,130,246,.4)!important;box-shadow:0 25px 50px #000000b3!important;color:#fff!important}.dark-theme .dark-modal-header{background:linear-gradient(135deg,#0000004d,#0003)!important;border-bottom:1px solid rgba(59,130,246,.3)!important}.dark-theme .dark-modal-title{color:#ffffffe6!important;text-shadow:0 2px 4px rgba(0,0,0,.5)}.dark-theme .dark-close-btn{background:#ef444433!important;color:#ef4444!important;border:1px solid rgba(239,68,68,.3)!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .dark-close-btn:hover{background:#ef44444d!important;transform:scale(1.1)}.dark-theme .dark-form-group{background:#0003!important;border-radius:12px;padding:20px;margin:20px 0}.dark-theme .dark-form-label{color:#ffffffe6!important;text-shadow:0 1px 2px rgba(0,0,0,.5);font-weight:600}.dark-theme .dark-file-container{background:#0000004d!important;border:2px dashed rgba(59,130,246,.3)!important;border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.dark-theme .dark-file-container:hover{border-color:#3b82f680!important;background:#0006!important}.dark-theme .dark-file-input{display:none}.dark-theme .dark-file-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;color:#fff!important;border:1px solid rgba(59,130,246,.5)!important;box-shadow:0 4px 15px #3b82f64d!important;text-shadow:0 1px 2px rgba(0,0,0,.5);cursor:pointer;transition:all .3s ease}.dark-theme .dark-file-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af)!important;box-shadow:0 6px 20px #3b82f666!important;transform:translateY(-2px)}.dark-theme .dark-file-info{margin-top:15px}.dark-theme .dark-file-text{color:#fffc!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .dark-selected-file{background:#10b9811a!important;border:1px solid rgba(16,185,129,.3)!important;border-radius:8px;padding:10px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dark-theme .dark-file-name,.dark-theme .dark-file-size,.dark-theme .dark-file-status{color:#ffffffe6!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .dark-no-file{color:#fff9!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .dark-constraints{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.dark-theme .dark-constraint{background:#0000004d!important;color:#ffffffb3!important;padding:4px 8px;border-radius:12px;font-size:.8rem;text-shadow:0 1px 2px rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.1)}.dark-theme .dark-modal-footer{background:linear-gradient(135deg,#0000004d,#0003)!important;border-top:1px solid rgba(59,130,246,.3)!important;padding:20px;display:flex;gap:15px;justify-content:flex-end}.dark-theme .dark-cancel-btn{background:#6b728033!important;color:#fffc!important;border:1px solid rgba(107,114,128,.3)!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .dark-cancel-btn:hover{background:#6b72804d!important;transform:translateY(-1px)}.dark-theme .dark-modal-submit-btn{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;border:1px solid rgba(16,185,129,.5)!important;box-shadow:0 4px 15px #10b9814d!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .dark-modal-submit-btn:hover{background:linear-gradient(135deg,#059669,#047857)!important;box-shadow:0 6px 20px #10b98166!important;transform:translateY(-2px)}.dark-theme .dark-modal-submit-btn:disabled{background:#6b72804d!important;color:#ffffff80!important;border-color:#6b72804d!important;box-shadow:none!important;cursor:not-allowed}.project-list-item:hover{transform:translateY(-5px);box-shadow:0 12px 40px #00000026}.project-list-icon{font-size:2.5rem;flex-shrink:0;margin-top:5px}.project-list-info{flex:1;min-width:0;display:flex;flex-direction:column}.project-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;gap:20px}.project-header-content{flex:1;min-width:0}.project-list-title{color:#1f2937;margin:0;font-size:1.4rem;font-weight:700;line-height:1.3}.project-list-description{color:#6b7280;margin-bottom:15px;line-height:1.6;font-size:1rem}.description-text{margin:0 0 8px;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.expand-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;cursor:pointer;transition:all .3s ease}.expand-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 2px 6px #3b82f64d}.project-list-meta{display:flex;flex-wrap:wrap;gap:15px;font-size:.9rem;color:#6b7280}.project-list-meta span{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#f3f4f6;border-radius:20px;font-weight:500}.project-list-type{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.project-list-due-date{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.project-list-due-date.overdue{background:linear-gradient(135deg,#fecaca,#fca5a5);color:#dc2626;font-weight:600}.project-submission-info{margin:10px 0;padding:8px 12px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:8px;border-left:4px solid #0ea5e9}.submission-deadline{color:#0369a1;font-size:.9rem;font-weight:500;display:block;margin-bottom:4px}.overdue-warning{color:#dc2626;font-size:.9rem;font-weight:600;display:block}.project-list-course{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.project-list-attachment{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);color:#7c3aed}.project-list-attachment.clickable{cursor:pointer;transition:all .3s ease;position:relative}.project-list-attachment.clickable:hover{background:linear-gradient(135deg,#e9d5ff,#ddd6fe);transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed4d}.project-list-attachment.clickable:active{transform:translateY(0);box-shadow:0 2px 6px #7c3aed33}.project-list-actions{display:flex;gap:10px;flex-shrink:0;align-items:center;justify-content:flex-end}.download-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:12px 20px;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px;min-width:120px;height:40px;justify-content:center;flex-shrink:0;box-sizing:border-box}.download-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #10b9814d}.submit-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;padding:12px 20px;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px;min-width:120px;height:40px;justify-content:center;flex-shrink:0;box-sizing:border-box}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #8b5cf64d}.submit-btn:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);cursor:not-allowed;opacity:.6;min-width:120px;height:40px;justify-content:center;box-sizing:border-box}.submit-btn.submitted{background:linear-gradient(135deg,#3b82f6,#1d4ed8);cursor:not-allowed;opacity:1;min-width:120px;height:40px;justify-content:center;box-sizing:border-box}.submit-btn.submitted:hover{transform:none;box-shadow:0 4px 15px #10b9814d}.submit-btn.resubmit{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;cursor:pointer;opacity:1;min-width:140px;height:40px;justify-content:center;box-sizing:border-box}.submit-btn.resubmit:hover{transform:translateY(-2px);box-shadow:0 4px 15px #f59e0b66}.view-pdf-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:8px 16px;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px}.view-pdf-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #3b82f64d}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.dark-theme .loading-container{background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;border:1px solid rgba(59,130,246,.3)!important;box-shadow:0 10px 30px #0006!important;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:16px;margin:1rem;position:relative}.dark-theme .loading-container:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0003,#0000004d);border-radius:16px;pointer-events:none;z-index:1}.dark-theme .loading-container>*{position:relative;z-index:2}.loading-spinner{width:50px;height:50px;border:4px solid #f3f4f6;border-top:4px solid #10b981;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.loading-container p{color:#6b7280;font-size:1.1rem;margin:0}.toast{position:fixed;top:100px;right:20px;z-index:99999;min-width:320px;max-width:450px;padding:18px 24px;border-radius:16px;box-shadow:0 12px 40px #0003;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;align-items:center;justify-content:space-between;gap:14px;animation:slideInRight .4s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(255,255,255,.3);transform:translateZ(0)}.toast-success{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#047857;border-color:#10b981;box-shadow:0 12px 40px #10b98140}.toast-error{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626;border-color:#ef4444;box-shadow:0 12px 40px #ef444440}.toast-content{display:flex;align-items:center;gap:10px;flex:1}.toast-icon{font-size:1.2rem;flex-shrink:0}.toast-message{font-weight:600;font-size:.95rem;line-height:1.4}.toast-close{background:none;border:none;color:inherit;font-size:1.1rem;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;flex-shrink:0}.toast-close:hover{background:#0000001a}@keyframes slideInRight{0%{transform:translate(100%) scale(.8);opacity:0}50%{transform:translate(-10px) scale(1.02);opacity:.8}to{transform:translate(0) scale(1);opacity:1}}@media (max-width: 768px){.employee-content{padding-top:70px}.main-content{margin-left:0;padding:15px}.projects{padding:15px}.projects-header{flex-direction:column;gap:20px;text-align:center}.header-content h1{font-size:2rem}.project-list-item{flex-direction:column;gap:15px}.project-list-header{flex-direction:row;align-items:center;gap:10px}.project-list-actions{display:flex;gap:10px;flex-shrink:0;align-items:center;justify-content:flex-end}.project-list-meta{flex-direction:column;gap:8px}.toast{right:10px;left:10px;min-width:auto;max-width:none}}@media (max-width: 1024px){.main-content{margin-left:0;transition:margin-left .3s ease}.employee-content.sidebar-open .main-content{margin-left:280px}}.create-form-overlay{position:fixed;inset:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.create-form{background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;border-radius:20px;padding:30px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 80px #0006;border:1px solid rgba(255,255,255,.2);position:relative;z-index:10000}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:20px;border-bottom:2px solid #f3f4f6}.form-header h2{margin:0;font-size:1.8rem;color:#1f2937;font-weight:700;display:flex;align-items:center;gap:10px}.form-header h2:before{content:"📤";font-size:1.5rem}.close-btn{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:8px;border-radius:50%;transition:all .3s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#f3f4f6;color:#374151;transform:scale(1.1)}.form-group{margin-bottom:25px}.form-label{display:block;margin-bottom:10px;font-weight:600;color:#374151;font-size:1rem;display:flex;align-items:center;gap:8px}.file-upload-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #cbd5e1;border-radius:12px;padding:20px;text-align:center;transition:all .3s ease;position:relative}.file-upload-container:hover{border-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe);transform:translateY(-2px);box-shadow:0 8px 25px #3b82f626}.file-input{display:none}.file-upload-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:12px 24px;border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .3s ease;border:none;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 15px #3b82f64d}.file-upload-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666}.btn-icon{font-size:1rem}.btn-text{font-weight:600}.file-selection-info{margin-top:15px;min-height:20px}.file-upload-text{display:block}.selected-file{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534;padding:8px 16px;border-radius:8px;font-weight:600;font-size:.9rem;border:1px solid #bbf7d0}.file-icon{font-size:1rem}.file-name{font-weight:700}.file-size{color:#059669;font-size:.8rem}.no-file{color:#6b7280;font-style:italic;font-size:.9rem}.file-constraints{display:flex;gap:12px;justify-content:center;margin-top:15px;flex-wrap:wrap}.constraint-item{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;padding:6px 12px;border-radius:15px;font-size:.8rem;font-weight:600;border:1px solid #fde68a}.textarea-container{position:relative}.submission-textarea{width:100%;padding:12px;border:2px solid #e5e7eb;border-radius:10px;font-size:.9rem;font-family:inherit;resize:vertical;min-height:100px;transition:all .3s ease;background:#fafafa}.submission-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important}.textarea-footer{display:flex;justify-content:flex-end;margin-top:8px}.char-count{color:#6b7280;font-size:.8rem;font-weight:500}.file-status{color:#10b981;font-size:.8rem;font-weight:600;margin-left:8px;padding:2px 8px;background:#d1fae5;border-radius:12px;border:1px solid #a7f3d0}.form-footer{display:flex;gap:12px;justify-content:flex-end;margin-top:25px;padding-top:20px;border-top:2px solid #f3f4f6}.cancel-btn{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:10px 20px;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #6b72804d}.cancel-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #6b728066}.cancel-btn:disabled{opacity:.6;cursor:not-allowed}.form-footer .submit-btn{padding:10px 20px;font-size:.9rem;font-weight:600;box-shadow:0 4px 15px #8b5cf64d}.form-footer .submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf666}.form-footer .submit-btn:disabled{opacity:.6;cursor:not-allowed}.project-marks-section{margin-top:12px;padding:8px 0}.project-marks{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:20px;font-weight:600;font-size:.9rem;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.project-marks:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.marks-red{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626;border:2px solid #fca5a5}.marks-yellow{background:linear-gradient(135deg,#fffbeb,#fef3c7);color:#d97706;border:2px solid #fcd34d}.marks-orange{background:linear-gradient(135deg,#fff7ed,#fed7aa);color:#ea580c;border:2px solid #fdba74}.marks-green{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#16a34a;border:2px solid #86efac}.google-meet-integration{min-height:100vh;background:linear-gradient(135deg,#4285f4,#34a853);color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:20px}.google-meet-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center}.loading-spinner{width:80px;height:80px;border:6px solid rgba(255,255,255,.3);border-top:6px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:30px}.google-meet-loading p{font-size:1.5rem;font-weight:500;margin:0}.google-meet-setup{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center}.setup-header h2{font-size:3rem;font-weight:700;margin:0 0 20px;text-shadow:0 4px 8px rgba(0,0,0,.3)}.setup-header p{font-size:1.3rem;margin:0 0 40px;opacity:.9}.setup-actions{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.create-meeting-btn,.join-meeting-btn{padding:18px 36px;border:none;border-radius:50px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #0003;text-decoration:none;display:inline-flex;align-items:center;gap:10px}.create-meeting-btn{background:linear-gradient(135deg,#ea4335,#fbbc04);color:#fff}.create-meeting-btn:hover{transform:translateY(-3px);box-shadow:0 12px 35px #0000004d}.join-meeting-btn{background:linear-gradient(135deg,#34a853,#4285f4);color:#fff}.join-meeting-btn:hover{transform:translateY(-3px);box-shadow:0 12px 35px #0000004d}.meeting-header{display:flex;justify-content:space-between;align-items:center;padding:30px;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;margin-bottom:30px;border:1px solid rgba(255,255,255,.2)}.meeting-info h2{margin:0 0 15px;font-size:2.2rem;font-weight:600}.meeting-url{font-size:1.1rem;margin:0 0 15px;padding:10px 15px;background:#ffffff1a;border-radius:10px;font-family:Courier New,monospace;word-break:break-all}.meeting-details{display:flex;gap:20px;flex-wrap:wrap}.host-info,.meeting-id,.meeting-status{background:#ffffff26;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:500}.meeting-status.scheduled{background:#34a85333;border:1px solid rgba(52,168,83,.3);color:#34a853}.meeting-status.past_scheduled{background:#fbbc0433;border:1px solid rgba(251,188,4,.3);color:#fbbc04}.meeting-controls{display:flex;gap:15px;flex-wrap:wrap}.control-btn{padding:15px 25px;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;min-width:140px;justify-content:center}.control-btn.primary{background:linear-gradient(135deg,#ea4335,#fbbc04);color:#fff;box-shadow:0 4px 15px #ea433566}.control-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ea433580}.control-btn.secondary{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3)}.control-btn.secondary:hover{background:#ffffff4d;transform:translateY(-2px)}.control-btn.danger{background:linear-gradient(135deg,#dc3545,#fd7e14);color:#fff;box-shadow:0 4px 15px #dc354566}.control-btn.danger:hover{transform:translateY(-2px);box-shadow:0 6px 20px #dc354580}.meeting-instructions{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:25px;margin-bottom:30px}.instruction-card{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:25px;border:1px solid rgba(255,255,255,.2)}.instruction-card h3{margin:0 0 20px;font-size:1.4rem;font-weight:600;color:#fbbc04}.instruction-card ol,.instruction-card ul{margin:0;padding-left:20px}.instruction-card li{margin-bottom:10px;line-height:1.6}.share-section{display:flex;gap:10px;margin-top:15px}.meeting-link-input{flex:1;padding:12px 16px;border:none;border-radius:8px;background:#ffffff1a;color:#fff;font-family:Courier New,monospace;font-size:.9rem}.meeting-link-input::placeholder{color:#fff9}.copy-btn{padding:12px 20px;border:none;border-radius:8px;background:linear-gradient(135deg,#34a853,#4285f4);color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.copy-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #34a85366}.meeting-footer{text-align:center;padding:30px;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(255,255,255,.2)}.footer-note{margin:0;font-size:1.1rem;line-height:1.6;opacity:.9}@media (max-width: 768px){.google-meet-integration{padding:15px}.meeting-header{flex-direction:column;gap:20px;text-align:center}.meeting-controls{justify-content:center}.control-btn{min-width:120px;padding:12px 20px}.setup-header h2{font-size:2.5rem}.create-meeting-btn,.join-meeting-btn{padding:15px 30px;font-size:1.1rem}.meeting-instructions{grid-template-columns:1fr}.share-section{flex-direction:column}}@media (max-width: 480px){.setup-header h2{font-size:2rem}.meeting-info h2{font-size:1.8rem}.control-btn{min-width:100px;padding:10px 16px;font-size:.9rem}}.meeting-room{height:100vh;width:100vw;overflow:hidden}.meeting-room-loading,.meeting-room-error{height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.loading-spinner{width:80px;height:80px;border:6px solid rgba(255,255,255,.3);border-top:6px solid #ffc107;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:30px}.meeting-room-loading p{font-size:1.5rem;font-weight:500;margin:0;color:#ffffffe6}.meeting-room-error{text-align:center;padding:40px}.error-icon{font-size:4rem;margin-bottom:20px}.meeting-room-error h2{font-size:2.5rem;font-weight:600;margin:0 0 20px;color:#ffc107}.meeting-room-error p{font-size:1.2rem;margin:0 0 30px;color:#ffffffe6;max-width:500px;line-height:1.6}.error-back-btn{padding:15px 30px;border:none;border-radius:8px;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #28a7454d}.error-back-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #28a74566}.error-back-btn:active{transform:translateY(0)}@media (max-width: 768px){.meeting-room-error h2{font-size:2rem}.meeting-room-error p{font-size:1rem}.error-back-btn{padding:12px 24px;font-size:1rem}}.notifications-container{min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(29,78,216,.2) 0%,transparent 50%),linear-gradient(135deg,#0f172a,#1e293b 30%,#334155 70%,#1e40af);color:#333;display:flex;flex-direction:column;position:relative;padding-top:80px;overflow:hidden}.notifications-container:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 15%,rgba(59,130,246,.08) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(29,78,216,.1) 0%,transparent 40%);opacity:.6;pointer-events:none;z-index:0}.notifications-main{flex:1;margin-left:280px;transition:margin-left .3s ease;position:relative;z-index:2}.notifications-main.collapsed{margin-left:80px}.notifications-content-wrapper{display:flex;flex:1;padding:2rem;gap:2rem;margin-top:0;position:relative;z-index:1;min-height:calc(100vh - 180px)}.notifications-content-main{width:100%;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 8px 32px #0000001a;overflow:hidden;position:relative;z-index:1}.notifications-content{padding:2rem}.content-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #f0f0f0}.header-left h2{margin:0 0 .5rem;font-size:1.8rem;font-weight:700;color:#333}.header-left p{margin:0;color:#666;font-size:1rem}.header-actions .btn{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:12px;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0000001a}.alert{padding:1rem 1.5rem;margin-bottom:1.5rem;border-radius:12px;border:none;font-weight:500}.alert-success{background-color:#d1fae5;color:#065f46;border-left:4px solid #10b981}.alert-danger{background-color:#fee2e2;color:#991b1b;border-left:4px solid #ef4444}.alert-warning{background-color:#fef3c7;color:#92400e;border-left:4px solid #f59e0b}.notifications-section{padding:2rem}.notifications-section h3{margin:0 0 1.5rem;font-size:1.5rem;font-weight:600;color:#1e293b}.no-notifications{text-align:center;padding:3rem 2rem;color:#64748b}.no-notifications p{margin:.5rem 0;font-size:1.1rem}.notifications-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.btn-sm{padding:.5rem 1rem;font-size:.875rem;border-radius:8px}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.notification-modal{background:#fff;border-radius:20px;padding:2rem;max-width:800px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.modal-title-section{display:flex;align-items:center;gap:1rem}.modal-icon{font-size:2rem}.modal-title-section h3{margin:0 0 .25rem;font-size:1.5rem;font-weight:700;color:#1e293b}.modal-subtitle{margin:0;color:#64748b;font-size:1rem}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:.5rem;border-radius:8px;transition:all .3s ease}.modal-close:hover{background:#f5f5f5;color:#333}.modal-form{display:flex;flex-direction:column;gap:2rem}.form-section{border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;background:#f8fafc}.section-title{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:#1e293b;padding-bottom:.5rem;border-bottom:2px solid #e2e8f0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#374151;font-size:.95rem}.required{color:#ef4444;margin-left:.25rem}.form-group input,.form-group textarea,.form-group select{padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input.error,.form-group textarea.error{border-color:#ef4444}.error-message{color:#ef4444;font-size:.875rem;font-weight:500}.field-hint{color:#6b7280;font-size:.875rem;font-style:italic}.checkbox-group{display:flex;flex-direction:column;gap:.75rem;max-height:200px;overflow-y:auto;padding:1rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px}.checkbox-item{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:background-color .2s ease}.checkbox-item:hover{background-color:#f3f4f6}.checkbox-item input[type=checkbox]{width:18px;height:18px;accent-color:#667eea}.checkbox-item span{font-size:.95rem;color:#374151}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.btn{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-outline-secondary{background:#f8f9fa;color:#666;border:1px solid #dee2e6}.btn-outline-secondary:hover{background:#e9ecef;transform:translateY(-1px)}.btn-outline-primary{background:#fff;color:#667eea;border:2px solid #667eea}.btn-outline-primary:hover{background:#667eea;color:#fff}.btn-outline-danger{background:#fff;color:#ef4444;border:2px solid #ef4444}.btn-outline-danger:hover{background:#ef4444;color:#fff}.btn-icon{font-size:1.1rem}.notifications-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:1rem}.notifications-list-container{display:flex;flex-direction:column;gap:1rem}.notification-list-item{display:flex;align-items:center;gap:1.5rem;background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 12px #00000014;transition:all .3s ease;border-left:4px solid #667eea}.notification-list-item:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000001f}.notification-list-icon{width:60px;height:60px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;flex-shrink:0}.notification-list-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.notification-list-header{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.notification-list-title{margin:0;font-size:1.2rem;font-weight:600;color:#333}.notification-list-priority{padding:.25rem .75rem;border-radius:20px;color:#fff;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.notification-list-message{color:#666;font-size:.95rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-list-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;color:#666;font-size:.9rem}.notification-list-audience,.notification-list-date,.notification-list-expires{display:flex;align-items:center;gap:.25rem}.notification-list-actions{display:flex;gap:.5rem;flex-shrink:0;flex-wrap:wrap}@media (max-width: 768px){.notifications-container{padding-top:80px}.notifications-main,.notifications-main.collapsed{margin-left:0}.notifications-content-wrapper{padding:1rem;gap:1rem}.content-header{flex-direction:column;gap:1rem;align-items:stretch}.header-actions{align-self:stretch}.header-actions .btn{width:100%;justify-content:center}.notifications-grid,.form-row{grid-template-columns:1fr}.notification-modal{width:95%;padding:1.5rem}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%;justify-content:center}.notification-list-item{flex-direction:column;align-items:flex-start;gap:1rem}.notification-list-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.notification-list-header{flex-direction:column;align-items:flex-start;gap:.5rem}}.employee-notifications-container{display:flex;min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(29,78,216,.2) 0%,transparent 50%),linear-gradient(135deg,#0f172a,#1e293b 30%,#334155 70%,#1e40af);padding-top:80px;position:relative;overflow:hidden;font-size:.85rem}.employee-notifications-container.dark-theme{background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(29,78,216,.15) 0%,transparent 50%),linear-gradient(135deg,#0f172a,#1e293b,#334155)!important;color:#ffffffe6!important}.employee-notifications-container:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 15%,rgba(59,130,246,.08) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(29,78,216,.1) 0%,transparent 40%);opacity:.6;pointer-events:none;z-index:0}.employee-notifications-main{flex:1;margin-left:280px;transition:margin-left .3s ease;position:relative;z-index:2}.employee-notifications-main.collapsed{margin-left:80px}.employee-notifications-content{padding:2rem}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:2rem;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;box-shadow:0 20px 40px #0000001a,0 0 0 1px #3b82f61a;border:1px solid rgba(59,130,246,.2)}.dark-theme .content-header{background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;border:1px solid rgba(59,130,246,.4)!important;box-shadow:0 20px 40px #0009!important;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:relative}.dark-theme .content-header:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0003,#0000004d);border-radius:16px;pointer-events:none;z-index:1}.dark-theme .content-header>*{position:relative;z-index:2}.dark-theme .header-left h2{color:#ffffffe6!important;text-shadow:0 2px 4px rgba(0,0,0,.5)}.dark-theme .header-left p{color:#ffffffb3!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .filter-tabs{display:flex;gap:.5rem}.dark-theme .filter-tab{background:#0000004d!important;color:#fffc!important;border:1px solid rgba(59,130,246,.3)!important;padding:.5rem 1rem;border-radius:20px;cursor:pointer;transition:all .3s ease;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .filter-tab:hover{background:#3b82f633!important;border-color:#3b82f680!important;transform:translateY(-1px)}.dark-theme .filter-tab.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;color:#fff!important;border-color:#3b82f699!important;box-shadow:0 4px 15px #3b82f64d!important}.dark-theme .notification-item{background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;border:1px solid rgba(59,130,246,.3)!important;box-shadow:0 15px 35px #0006!important;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:relative}.dark-theme .notification-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0000001a,#0003);border-radius:12px;pointer-events:none;z-index:1}.dark-theme .notification-item>*{position:relative;z-index:2}.dark-theme .notification-item:hover{transform:translateY(-3px)!important;box-shadow:0 20px 50px #0009!important;border-color:#3b82f6!important}.dark-theme .notification-item.unread{border-left:4px solid #3b82f6!important;background:linear-gradient(135deg,#0f172afa,#1e293bfc)!important}.dark-theme .dark-notification-card{background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;border:1px solid rgba(59,130,246,.3)!important;box-shadow:0 15px 35px #0006!important;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:relative}.dark-theme .dark-notification-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0000001a,#0003);border-radius:12px;pointer-events:none;z-index:1}.dark-theme .dark-notification-card>*{position:relative;z-index:2}.dark-theme .dark-notification-card:hover{transform:translateY(-3px)!important;box-shadow:0 20px 50px #0009!important;border-color:#3b82f6!important}.dark-theme .dark-notification-card.unread{border-left:4px solid #3b82f6!important;background:linear-gradient(135deg,#0f172afa,#1e293bfc)!important}.dark-theme .dark-card-header{background:#0003!important;border-bottom:1px solid rgba(59,130,246,.2)!important}.dark-theme .dark-notification-type{color:#ffffffe6!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .dark-notification-priority{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.5);font-weight:600}.dark-theme .dark-unread-indicator{color:#ef4444!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .dark-card-body{background:transparent!important}.dark-theme .dark-notification-title{color:#ffffffe6!important;text-shadow:0 1px 2px rgba(0,0,0,.5);font-weight:600}.dark-theme .dark-notification-message{color:#ffffffb3!important;text-shadow:0 1px 2px rgba(0,0,0,.5);line-height:1.5}.dark-theme .dark-notification-meta{background:#0003!important;border-radius:8px;padding:8px;margin-top:10px}.dark-theme .dark-created-at,.dark-theme .sender{color:#fff9!important;text-shadow:0 1px 2px rgba(0,0,0,.5);font-size:.85rem}.dark-theme .dark-card-footer{background:#0003!important;border-top:1px solid rgba(59,130,246,.2)!important;padding:15px;display:flex;gap:10px;justify-content:flex-end}.dark-theme .dark-mark-read-btn{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;border:1px solid rgba(16,185,129,.5)!important;box-shadow:0 4px 15px #10b9814d!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .dark-mark-read-btn:hover{background:linear-gradient(135deg,#059669,#047857)!important;box-shadow:0 6px 20px #10b98166!important;transform:translateY(-2px)}.dark-theme .dark-view-details-btn{background:#0000004d!important;color:#fffc!important;border:1px solid rgba(59,130,246,.3)!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .dark-view-details-btn:hover{background:#3b82f633!important;border-color:#3b82f680!important;transform:translateY(-1px)}.dark-theme .notification-content h4{color:#ffffffe6!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .notification-content p{color:#ffffffb3!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .notification-meta{color:#fff9!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .notification-actions button{background:#0000004d!important;color:#fffc!important;border:1px solid rgba(255,255,255,.2)!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .notification-actions button:hover{background:#3b82f633!important;border-color:#3b82f680!important;transform:translateY(-1px)}.dark-theme .employee-notifications-loading{background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;border:1px solid rgba(59,130,246,.3)!important;box-shadow:0 10px 30px #0006!important;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .empty-state{background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;border:1px solid rgba(59,130,246,.3)!important;box-shadow:0 15px 35px #0006!important;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .stat-item{background:linear-gradient(135deg,#0f172acc,#1e293be6)!important;border:2px solid rgba(59,130,246,.3)!important;box-shadow:0 8px 25px #0000004d!important}.dark-theme .stat-item.unread{background:linear-gradient(135deg,#ef4444cc,#dc2626e6)!important;border-color:#ef444480!important}.dark-theme .stat-number{color:#ffffffe6!important;text-shadow:0 2px 4px rgba(0,0,0,.5)}.dark-theme .stat-label{color:#ffffffb3!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.header-left h2{margin:0 0 .5rem;font-size:2rem;font-weight:700;color:#1e293b}.header-left p{margin:0;color:#64748b;font-size:1.1rem}.header-stats{display:flex;gap:1.5rem}.stat-item{display:flex;flex-direction:column;align-items:center;padding:1rem 1.5rem;background:linear-gradient(135deg,#0f172acc,#1e293be6)!important;border-radius:12px;border:2px solid rgba(59,130,246,.3)!important;min-width:80px;box-shadow:0 8px 25px #0000004d!important}.stat-item.unread{background:linear-gradient(135deg,#ef4444cc,#dc2626e6)!important;border-color:#ef444480!important}.stat-number{font-size:1.5rem;font-weight:700;color:#ffffffe6!important;text-shadow:0 2px 4px rgba(0,0,0,.5)}.stat-label{font-size:.875rem;color:#ffffffb3!important;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.5);text-transform:uppercase;letter-spacing:.5px}.filter-tabs{display:flex;gap:.5rem;margin-bottom:2rem;background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;padding:1.5rem;border-radius:20px;box-shadow:0 10px 30px #0006!important;border:1px solid rgba(59,130,246,.3)!important}.filter-tab{padding:.75rem 1.5rem;border:2px solid #e2e8f0;background:#0000004d!important;color:#fffc!important;border-radius:25px;cursor:pointer;transition:all .3s ease;font-weight:500;font-size:.95rem}.filter-tab:hover{border-color:#667eea;color:#667eea;transform:translateY(-2px)}.filter-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;box-shadow:0 5px 15px #667eea4d}.notifications-section{background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;border-radius:20px;padding:2rem;box-shadow:0 10px 30px #0006!important;border:1px solid rgba(59,130,246,.3)!important}.no-notifications{text-align:center;padding:4rem 2rem;color:#64748b;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:20px;margin:1rem}.no-notifications-icon{font-size:4rem;margin-bottom:1rem}.no-notifications h3{margin:0 0 .5rem;font-size:1.5rem;font-weight:600;color:#1e293b}.no-notifications p{margin:0;font-size:1.1rem}.notifications-list{display:flex;flex-direction:column;gap:1rem}.notification-item{background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;border:2px solid rgba(59,130,246,.3)!important;border-radius:12px;padding:1.5rem;transition:all .3s ease;position:relative}.notification-item:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000001a}.notification-item.unread{border-color:#667eea;background:#f8fafc}.notification-item.unread:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#667eea;border-radius:2px}.notification-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.notification-type{font-size:1.5rem}.notification-priority{padding:.25rem .75rem;border-radius:20px;color:#fff;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.unread-indicator{font-size:1rem}.notification-content h4{margin:0 0 .75rem;font-size:1.25rem;font-weight:600;color:#1e293b}.notification-content p{margin:0 0 1rem;color:#475569;line-height:1.6}.notification-meta{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.notification-meta span{font-size:.875rem;color:#64748b;display:flex;align-items:center;gap:.5rem}.notification-actions{display:flex;gap:.75rem}.btn{padding:.5rem 1rem;font-size:.875rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.btn-primary:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.btn-outline-secondary{background:#0000004d!important;color:#fffc!important;border:2px solid rgba(59,130,246,.3)!important;transition:all .3s ease}.btn-outline-secondary:hover{background:#f8fafc;border-color:#667eea;color:#667eea;transform:translateY(-1px)}.employee-notifications-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:1rem}.loading-spinner{font-size:3rem;animation:spin 1s linear infinite}@media (max-width: 768px){.employee-notifications-container{padding-top:80px}.employee-notifications-main,.employee-notifications-main.collapsed{margin-left:0}.content-header{flex-direction:column;gap:1.5rem;align-items:stretch}.header-stats{justify-content:center}.filter-tabs{flex-wrap:wrap;justify-content:center}.filter-tab{flex:1;min-width:120px;text-align:center}.notification-meta,.notification-actions{flex-direction:column}.notification-actions .btn{width:100%;justify-content:center}}.notifications-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;padding:1rem 0}.notification-card{background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;border:2px solid rgba(59,130,246,.3)!important;border-radius:20px;padding:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 8px 25px #00000014;display:flex;flex-direction:column;height:fit-content;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeInUp .6s ease-out}.notification-card:hover{border-color:#667eea;box-shadow:0 15px 40px #667eea26;transform:translateY(-4px)}.notification-card.unread{border-color:#667eea;background:linear-gradient(135deg,#f0f4ff,#e0e7ff);box-shadow:0 8px 25px #667eea1a}.notification-card.unread:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,#667eea,#5a67d8);border-radius:3px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid #f1f5f9}.card-type-icon{font-size:1.75rem}.card-priority{padding:.4rem 1rem;border-radius:25px;color:#fff;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #0000001a}.unread-badge{font-size:1.2rem;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card-body{flex:1;margin-bottom:1rem}.card-title{margin:0 0 .75rem;font-size:1.3rem;font-weight:700;color:#1e293b;line-height:1.3}.card-message{margin:0;color:#475569;line-height:1.6;font-size:1rem}.card-footer{margin-top:auto;padding-top:1rem;border-top:2px solid #f1f5f9}.card-meta{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.card-date,.card-sender{font-size:.875rem;color:#64748b;display:flex;align-items:center;gap:.5rem}.card-actions{display:flex;gap:.75rem;justify-content:flex-end}@media (max-width: 768px){.notifications-grid{grid-template-columns:1fr;gap:1rem;padding:.5rem 0}.notification-card{padding:1.25rem}.card-header{flex-direction:column;gap:.75rem;align-items:flex-start}.card-actions{flex-direction:column}.card-actions .btn{width:100%;justify-content:center}}.e-library{min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(29,78,216,.2) 0%,transparent 50%),linear-gradient(135deg,#0f172a,#1e293b 30%,#334155 70%,#1e40af);margin-top:80px;position:relative;overflow:hidden;font-size:.85rem}.e-library.dark-theme{background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(29,78,216,.15) 0%,transparent 50%),linear-gradient(135deg,#0f172a,#1e293b,#334155);color:#ffffffe6}.e-library:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 15%,rgba(59,130,246,.08) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(29,78,216,.1) 0%,transparent 40%);opacity:.6;pointer-events:none;z-index:0}.e-library-content{display:flex;min-height:calc(100vh - 80px);position:relative;z-index:2}.main-content{flex:1;padding:2rem;margin-left:280px;background:transparent;margin-top:0}.search-filter-section{margin-bottom:2rem;display:flex;flex-direction:column;gap:1rem}.dark-theme .search-filter-section{background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;border:1px solid rgba(59,130,246,.3)!important;box-shadow:0 10px 30px #0006!important;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:16px;padding:1.5rem;position:relative}.dark-theme .search-filter-section:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0003,#0000004d);border-radius:16px;pointer-events:none;z-index:1}.dark-theme .search-filter-section>*{position:relative;z-index:2}.search-box{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;border-radius:12px;padding:.5rem;box-shadow:0 2px 8px #0000001a;border:2px solid transparent;transition:all .3s ease;position:relative}.dark-theme .search-box{background:linear-gradient(135deg,#1e293be6,#0f172af2)!important;border:1px solid rgba(59,130,246,.4)!important;box-shadow:0 8px 25px #0006!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dark-theme .search-box input{background:transparent!important;color:#ffffffe6!important;border:none!important;outline:none!important}.dark-theme .search-box input::placeholder{color:#fff9!important}.search-input{flex:1;padding:1rem 1.5rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;transition:all .3s ease}.search-input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 4px #10b9811a}.search-suggestions{position:absolute;top:100%;left:0;right:0;background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;border-radius:12px;box-shadow:0 10px 30px #00000026;border:1px solid #e2e8f0;z-index:1000;max-height:500px;overflow-y:auto;margin-top:.25rem;min-height:200px}.suggestion-section{border-bottom:1px solid #f1f5f9;padding:.5rem 0}.suggestion-section:last-child{border-bottom:none}.suggestion-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem .75rem;background:#f8fafc;border-radius:12px 12px 0 0;font-weight:600;color:#374151;font-size:.9rem;border-bottom:1px solid #e2e8f0}.clear-history-btn{background:none;border:none;color:#64748b;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease}.clear-history-btn:hover{background:#e2e8f0;color:#374151}.suggestion-item{padding:1rem 1.5rem;cursor:pointer;transition:all .2s ease;border-bottom:1px solid #f1f5f9;min-height:50px;display:flex;align-items:center}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:#f8fafc;transform:translate(4px)}.history-item{display:flex;align-items:center;gap:.75rem;width:100%}.suggestion-icon{font-size:1.2rem;color:#64748b;flex-shrink:0}.suggestion-text{color:#374151;font-weight:500;flex:1}.book-suggestion{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;min-height:80px}.suggestion-cover{flex-shrink:0;width:50px;height:70px;border-radius:6px;overflow:hidden;background:#f1f5f9;display:flex;align-items:center;justify-content:center}.suggestion-cover-img{width:100%;height:100%;object-fit:cover}.suggestion-cover-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem}.suggestion-details{flex:1;display:flex;flex-direction:column;gap:.25rem}.suggestion-title{font-weight:600;color:#1e293b;font-size:.95rem;line-height:1.3}.suggestion-author{color:#64748b;font-size:.85rem;font-weight:500}.suggestion-year{color:#94a3b8;font-size:.8rem;font-weight:500}.search-btn{padding:1rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:1.2rem;cursor:pointer;transition:all .3s ease}.search-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.results-section{background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;border-radius:20px;padding:2rem;box-shadow:0 8px 25px #0000001a;border:1px solid rgba(255,255,255,.8)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #f1f5f9}.section-header h2{margin:0;color:#1e293b;font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.result-count{background:#f1f5f9;padding:.5rem 1rem;border-radius:20px;color:#64748b;font-weight:600;font-size:.9rem}.books-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.book-card{background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden;transition:all .3s ease;cursor:pointer;position:relative;border:2px solid transparent}.dark-theme .book-card{background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;border:1px solid rgba(59,130,246,.3)!important;box-shadow:0 10px 30px #0006!important;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.dark-theme .book-card:hover{transform:translateY(-8px)!important;box-shadow:0 20px 40px #0009!important;border-color:#3b82f6!important}.dark-theme .book-card:before{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important}.dark-theme .book-title{color:#ffffffe6!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .book-author{color:#ffffffb3!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .book-year{color:#fff9!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .book-subject{color:#fffc!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.book-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #00000026;border-color:#3b82f6}.book-card:active{transform:translateY(-4px) scale(.98);box-shadow:0 8px 16px #0003;border-color:#2563eb}.book-card.clicked{animation:cardClick .2s ease}@keyframes cardClick{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.book-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#667eea,#764ba2)}.book-cover{position:relative;text-align:center;margin-bottom:1.5rem;height:200px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border-radius:8px;overflow:hidden}.cover-image{width:120px;height:180px;object-fit:cover;border-radius:8px;box-shadow:0 4px 15px #0000001a;transition:all .3s ease;display:block!important;visibility:visible!important;opacity:1!important;z-index:1;position:relative}.book-card:hover .cover-image{transform:scale(1.05)}.cover-image[src]{display:block!important;visibility:visible!important;opacity:1!important}.cover-placeholder{width:120px;height:180px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;position:relative}.cover-placeholder .book-icon{font-size:2rem;margin-bottom:.5rem}.cover-placeholder .no-cover-text{font-size:.8rem;font-weight:500;text-align:center;opacity:.9}.book-icon{font-size:3rem;color:#94a3b8}.book-overlay{position:absolute;inset:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;opacity:0;transition:opacity .3s ease;border-radius:8px}.book-card:hover .book-overlay{opacity:1}.read-btn,.download-btn{padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .3s ease;min-width:80px}.read-btn{background:#3b82f6;color:#fff}.read-btn:hover{background:#2563eb;transform:translateY(-2px)}.download-btn{background:#10b981;color:#fff}.download-btn:hover{background:#059669;transform:translateY(-2px)}.book-content{text-align:center}.book-title{margin:0 0 .75rem;color:#1e293b;font-size:1.2rem;font-weight:700;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.book-author{margin:0 0 1rem;color:#64748b;font-size:.95rem;font-weight:500}.book-meta{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.book-meta span{background:#f8fafc;padding:.5rem .75rem;border-radius:8px;font-size:.8rem;color:#475569;font-weight:500}.book-subjects{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}.subject-tag{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.25rem .75rem;border-radius:15px;font-size:.75rem;font-weight:500}.book-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.book-modal{background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;border-radius:20px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1rem;border-bottom:2px solid #f1f5f9}.modal-header h2{margin:0;color:#1e293b;font-size:1.5rem;font-weight:700}.close-btn{background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .3s ease}.close-btn:hover{background:#f1f5f9;color:#374151}.modal-content{display:flex;gap:2rem;padding:2rem}.book-detail-cover{flex-shrink:0}.book-detail-cover img{width:200px;height:300px;object-fit:cover;border-radius:12px;box-shadow:0 8px 25px #00000026}.cover-placeholder-large{width:200px;height:300px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;display:flex;align-items:center;justify-content:center;border:2px dashed #cbd5e1}.book-icon-large{font-size:5rem;color:#94a3b8}.book-detail-info{flex:1}.book-detail-info h3{margin:0 0 1.5rem;color:#1e293b;font-size:1.3rem;font-weight:700}.description,.subjects{margin-bottom:1.5rem}.description h4,.subjects h4{margin:0 0 .75rem;color:#374151;font-size:1.1rem;font-weight:600}.description p{margin:0;color:#64748b;line-height:1.6}.subject-tags{display:flex;gap:.5rem;flex-wrap:wrap}.book-actions{display:flex;gap:1rem;margin-top:2rem}.read-book-btn,.download-btn{padding:.75rem 1.5rem;border:none;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease}.read-book-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 15px #10b9814d}.download-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.read-book-btn:hover,.download-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0003}.loading{text-align:center;padding:4rem;color:#64748b;font-size:1.2rem;font-weight:600;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:20px;border:2px dashed #cbd5e1}.no-results{text-align:center;padding:4rem;color:#64748b;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:20px;border:2px dashed #cbd5e1}.no-results p{margin:.75rem 0;font-size:1rem}.no-results p:first-child{font-size:1.3rem;font-weight:700;color:#374151}@media (max-width: 1024px){.main-content{margin-left:0;padding:1.5rem}.books-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.modal-content{flex-direction:column;align-items:center;text-align:center}}@media (max-width: 768px){.main-content{padding:1rem}.search-filter-section{padding:1.5rem}.search-box{flex-direction:column}.books-grid{grid-template-columns:1fr;gap:1.5rem}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.results-section{padding:1.5rem}.book-modal{margin:1rem;max-height:95vh}.modal-content{padding:1.5rem}}@media (max-width: 480px){.search-filter-section,.results-section,.book-card{padding:1rem}.cover-image,.cover-placeholder{width:100px;height:150px}.book-title{font-size:1.1rem}.book-modal{margin:.5rem}.modal-header,.modal-content{padding:1rem}.book-actions{flex-direction:column}}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;padding:1rem;background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;border-radius:12px;box-shadow:0 2px 8px #0000001a}.pagination-btn{padding:.75rem 1.5rem;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.pagination-btn:hover:not(:disabled){background:#5a67d8;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.pagination-btn:disabled{background:#cbd5e0;color:#718096;cursor:not-allowed;transform:none;box-shadow:none}.page-info{display:flex;flex-direction:column;align-items:center;gap:.25rem;font-weight:600;color:#374151}.total-books{font-size:.9rem;color:#64748b;font-weight:500}.pagination.loading .pagination-btn{opacity:.7;cursor:not-allowed}@media (max-width: 768px){.pagination{flex-direction:column;gap:1rem}.page-info{order:-1}}.employee-exams{min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(29,78,216,.2) 0%,transparent 50%),linear-gradient(135deg,#0f172a,#1e293b 30%,#334155 70%,#1e40af);margin-top:80px;position:relative;overflow:hidden;font-size:.85rem}.employee-exams.dark-theme{background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(29,78,216,.15) 0%,transparent 50%),linear-gradient(135deg,#0f172a,#1e293b,#334155)!important;color:#ffffffe6!important}.employee-exams:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 15%,rgba(59,130,246,.08) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(29,78,216,.1) 0%,transparent 40%);opacity:.6;pointer-events:none;z-index:0}.employee-exams-content{display:flex;min-height:calc(100vh - 80px);position:relative;z-index:2}.exams-header{background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 20px #0000001a;display:flex;justify-content:space-between;align-items:center}.dark-theme .exams-header{background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;border:1px solid rgba(59,130,246,.4)!important;box-shadow:0 20px 40px #0009!important;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:relative}.dark-theme .exams-header:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0003,#0000004d);border-radius:16px;pointer-events:none;z-index:1}.dark-theme .exams-header>*{position:relative;z-index:2}.dark-theme .header-content h1{color:#ffffffe6!important;text-shadow:0 2px 4px rgba(0,0,0,.5)}.dark-theme .header-content p{color:#ffffffb3!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .exam-card{background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;border:1px solid rgba(59,130,246,.3)!important;box-shadow:0 15px 35px #0006!important;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:relative}.dark-theme .exam-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0000001a,#0003);border-radius:12px;pointer-events:none;z-index:1}.dark-theme .exam-card>*{position:relative;z-index:2}.dark-theme .exam-card:hover{transform:translateY(-5px)!important;box-shadow:0 20px 50px #0009!important;border-color:#3b82f6!important}.dark-theme .exam-title{color:#ffffffe6!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .exam-description{color:#ffffffb3!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .exam-meta{color:#fff9!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .exam-actions button{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;color:#fff!important;border:1px solid rgba(59,130,246,.5)!important;box-shadow:0 4px 15px #3b82f64d!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark-theme .exam-actions button:hover{background:linear-gradient(135deg,#2563eb,#1e40af)!important;box-shadow:0 6px 20px #3b82f666!important;transform:translateY(-2px)}.dark-theme .exam-actions button:disabled{background:#6b72804d!important;color:#ffffff80!important;border-color:#6b72804d!important;box-shadow:none!important;cursor:not-allowed}.dark-theme *{color:#ffffffe6!important}.header-content h1{font-size:2.5rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.header-content p{font-size:1.1rem;color:#64748b;margin:0}.stats-cards{display:flex;gap:1rem}.stat-card{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:1.5rem;border-radius:12px;text-align:center;min-width:120px}.stat-number{display:block;font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-label{font-size:.9rem;opacity:.9}.exams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem;margin-bottom:2rem}.exam-card{background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #0000001a;transition:all .3s ease;border:2px solid transparent}.exam-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #10b98126;border-color:#10b981}.exam-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.exam-category{display:flex;gap:.5rem;flex-wrap:wrap}.category-badge{background:#e2e8f0;color:#475569;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600}.difficulty-badge{color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600}.status-indicator{width:12px;height:12px;border-radius:50%;margin-top:.25rem}.exam-content{margin-bottom:1.5rem}.exam-title{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0 0 .75rem;line-height:1.4}.exam-description{color:#64748b;margin:0 0 1rem;line-height:1.6}.exam-meta{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:.5rem;color:#475569;font-size:.9rem}.meta-icon{font-size:1rem}.exam-results{background:#f8fafc;padding:1rem;border-radius:8px;margin-top:1rem}.result-item{display:flex;justify-content:space-between;margin-bottom:.5rem}.result-item:last-child{margin-bottom:0}.result-label{color:#64748b;font-weight:500}.result-value{color:#1e293b;font-weight:600}.exam-actions{display:flex;justify-content:center}.action-buttons-group{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.start-exam-btn,.view-results-btn{padding:.75rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.start-exam-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.start-exam-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #10b98166}.view-results-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.view-results-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #3b82f666}.view-results-btn.secondary{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;border:1px solid #cbd5e1}.view-results-btn.secondary:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);box-shadow:0 4px 15px #94a3b84d}.exam-modal{background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;border-radius:16px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0}.modal-header h2{margin:0;color:#1e293b;font-size:1.5rem}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#64748b;padding:.5rem;border-radius:50%;transition:all .3s ease}.close-btn:hover{background:#f1f5f9;color:#1e293b}.modal-content{padding:1.5rem}.exam-info{margin-bottom:1.5rem}.exam-info p{margin:.5rem 0;color:#475569}.exam-instructions h3{color:#1e293b;margin:0 0 1rem}.exam-instructions ul{margin:0;padding-left:1.5rem;color:#475569}.exam-instructions li{margin-bottom:.5rem}.cancel-btn,.confirm-start-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;flex:1}.confirm-start-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.confirm-start-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #10b98166}@media (max-width: 768px){.exams-header{flex-direction:column;gap:1.5rem;text-align:center}.stats-cards{justify-content:center}.exams-grid{grid-template-columns:1fr}.exam-meta{flex-direction:column;gap:.5rem}.modal-actions{flex-direction:column}}@media (max-width: 480px){.main-content{padding:1rem;margin-left:0}.exams-header{padding:1.5rem}.header-content h1{font-size:2rem}}.employee-exam-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);margin-top:80px;font-size:.85rem}.admin-preview-banner{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:1rem;margin:1rem;border-radius:12px;box-shadow:0 4px 12px #f59e0b4d;border:2px solid rgba(255,255,255,.2)}.banner-content{display:flex;align-items:center;gap:1rem;max-width:1200px;margin:0 auto}.banner-icon{font-size:2rem;background:#fff3;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;min-width:60px;height:60px}.banner-text{flex:1}.banner-text h3{margin:0;font-size:1.2rem;font-weight:600}.banner-text p{margin:.25rem 0 0;opacity:.9;font-size:.9rem}.back-to-admin-btn{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease;white-space:nowrap}.back-to-admin-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.employee-exam-content{display:flex;min-height:calc(100vh - 80px)}.main-content{flex:1;padding:2rem;margin-left:280px;background:transparent}.loading-container{display:flex;justify-content:center;align-items:center;min-height:60vh}.loading{text-align:center;padding:3rem;font-size:1.2rem;color:#64748b}.error-container{text-align:center;padding:3rem;background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;border-radius:16px;box-shadow:0 4px 20px #0000001a}.error-container p{color:#64748b;margin-bottom:1.5rem}.exam-start-screen{display:flex;justify-content:center;align-items:center;min-height:70vh}.start-card{background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;border-radius:20px;padding:3rem;box-shadow:0 10px 40px #00000026;max-width:600px;width:100%;text-align:center}.start-card h1{font-size:2.5rem;font-weight:700;color:#1e293b;margin:0 0 1rem}.start-card>p{font-size:1.2rem;color:#64748b;margin-bottom:2rem}.exam-details{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;padding:1.5rem;background:#f8fafc;border-radius:12px}.detail-item{display:flex;align-items:center;gap:1rem;font-size:1.1rem;color:#475569}.detail-icon{font-size:1.5rem}.exam-instructions{text-align:left;margin-bottom:2rem;padding:1.5rem;background:#fef3c7;border-radius:12px;border-left:4px solid #f59e0b}.exam-instructions h3{color:#92400e;margin:0 0 1rem;font-size:1.2rem}.exam-instructions ul{margin:0;padding-left:1.5rem;color:#92400e}.exam-instructions li{margin-bottom:.5rem;line-height:1.6}.start-actions{display:flex;gap:1rem;justify-content:center}.back-btn,.start-exam-btn{padding:1rem 2rem;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:150px}.back-btn{background:#f1f5f9;color:#475569}.back-btn:hover{background:#e2e8f0;transform:translateY(-2px)}.start-exam-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.start-exam-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b98166}.exam-interface{max-width:800px;margin:0 auto}.exam-header{background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;border-radius:16px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 20px #0000001a;display:flex;justify-content:space-between;align-items:center}.exam-info h2{margin:0 0 .5rem;color:#1e293b;font-size:1.5rem}.exam-title{color:#64748b;font-size:1rem}.exam-timer{text-align:center}.timer-label{display:block;font-size:.9rem;color:#64748b;margin-bottom:.5rem}.timer{font-size:1.5rem;font-weight:700;color:#10b981;font-family:monospace}.timer.warning{color:#f59e0b;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.exam-timer.timer-normal .timer{color:#10b981}.exam-timer.timer-warning{background:#f59e0b1a;border-radius:8px;padding:.5rem}.exam-timer.timer-warning .timer{color:#f59e0b;animation:pulse 2s infinite}.exam-timer.timer-critical{background:#ef44441a;border-radius:8px;padding:.5rem;border:2px solid rgba(239,68,68,.3)}.exam-timer.timer-critical .timer{color:#ef4444;animation:urgentPulse 1s infinite}.timer-warning-text{display:block;font-size:.8rem;color:#dc2626;font-weight:600;margin-top:.25rem;animation:blink 1s infinite}@keyframes urgentPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.question-card{background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 20px #0000001a}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f1f5f9}.question-number{background:#667eea;color:#fff;padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:1.1rem}.question-type{color:#64748b;font-size:.9rem;font-weight:500}.question-content h3{font-size:1.3rem;color:#1e293b;margin:0 0 1.5rem;line-height:1.6}.options-list{display:flex;flex-direction:column;gap:1rem}.option-item{display:flex;align-items:center;gap:1rem;padding:1rem;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .3s ease;background:#f8fafc}.option-item:hover{border-color:#667eea;background:#f1f5f9}.option-item.selected{border-color:#10b981;background:#ecfdf5}.option-item input[type=radio]{width:20px;height:20px;accent-color:#10b981}.option-text{font-size:1.1rem;color:#374151;font-weight:500}.exam-navigation{background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #0000001a;display:flex;justify-content:space-between;align-items:center}.nav-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:120px}.prev-btn{background:#f1f5f9;color:#475569}.prev-btn:hover:not(:disabled){background:#e2e8f0;transform:translateY(-2px)}.prev-btn:disabled{opacity:.5;cursor:not-allowed}.next-btn{background:#667eea;color:#fff}.next-btn:hover{background:#5a67d8;transform:translateY(-2px)}.submit-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ef444466}.question-indicators{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.indicator{width:40px;height:40px;border:2px solid #e2e8f0;border-radius:50%;background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;color:#64748b;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.indicator:hover{border-color:#667eea;color:#667eea}.indicator.current{border-color:#667eea;background:#667eea;color:#fff}.indicator.answered{border-color:#10b981;background:#10b981;color:#fff}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.confirm-modal{background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;border-radius:16px;max-width:500px;width:90%;box-shadow:0 20px 60px #0000004d}.modal-header{padding:1.5rem;border-bottom:1px solid #e2e8f0;text-align:center}.modal-header h2{margin:0;color:#1e293b}.modal-content{padding:1.5rem;text-align:center}.modal-content p{margin:.5rem 0;color:#475569}.submission-summary{background:#f8fafc;padding:1rem;border-radius:8px;margin-top:1rem;text-align:left}.submission-summary h3{margin:0 0 .5rem;color:#1e293b;font-size:1.1rem}.submission-summary p{margin:.25rem 0;font-size:.9rem}.summary-stats{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:.5rem 0}.summary-stats p{background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;padding:.5rem;border-radius:6px;border-left:3px solid #3b82f6;margin:0}.warning-message{background:#f59e0b1a;border:1px solid #f59e0b;color:#d97706;padding:.75rem;border-radius:6px;margin-top:1rem;font-size:.9rem;font-weight:500}.modal-actions{display:flex;gap:1rem;padding:1.5rem;border-top:1px solid #e2e8f0}.cancel-btn,.confirm-submit-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;flex:1}.cancel-btn{background:#f1f5f9;color:#475569}.cancel-btn:hover{background:#e2e8f0}.confirm-submit-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.confirm-submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ef444466}@media (max-width: 768px){.main-content{padding:1rem;margin-left:0}.exam-header{flex-direction:column;gap:1rem;text-align:center}.start-actions{flex-direction:column}.exam-navigation{flex-direction:column;gap:1rem}.question-indicators{order:-1}.modal-actions{flex-direction:column}}@media (max-width: 480px){.start-card{padding:2rem 1.5rem}.start-card h1{font-size:2rem}.question-card{padding:1.5rem}.option-item{padding:.75rem}}.toast{position:fixed;top:100px;right:20px;min-width:350px;max-width:500px;z-index:9999;border-radius:12px;box-shadow:0 8px 32px #0003;animation:slideInRight .4s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toast-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-left:4px solid #22c55e}.toast-error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-left:4px solid #f87171}.toast-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-left:4px solid #fbbf24}.toast-info{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-left:4px solid #60a5fa}.toast-content{display:flex;align-items:center;justify-content:space-between;padding:1.2rem}.toast-message{flex:1;font-size:.95rem;font-weight:500;line-height:1.5}.toast-close{background:none;border:none;color:#fff;font-size:1.4rem;cursor:pointer;padding:0;margin-left:1rem;opacity:.8;transition:opacity .2s ease;font-weight:700}.toast-close:hover{opacity:1;transform:scale(1.1)}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.toast{right:10px;left:10px;min-width:auto;top:80px}}.exam-results-page{min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(29,78,216,.2) 0%,transparent 50%),linear-gradient(135deg,#0f172a,#1e293b 30%,#334155 70%,#1e40af);margin-top:80px;position:relative;overflow:hidden;font-size:.85rem}.exam-results-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 15%,rgba(59,130,246,.08) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(29,78,216,.1) 0%,transparent 40%);opacity:.6;pointer-events:none;z-index:0}.exam-results-content{display:flex;min-height:calc(100vh - 80px);position:relative;z-index:2}.main-content{flex:1;padding:2rem;overflow-y:auto}.back-navigation{margin-bottom:1.5rem}.back-btn{background:#f8fafc;border:1px solid #e2e8f0;color:#475569;padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.back-btn:hover{background:#e2e8f0;color:#334155}.results-header{background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 20px #0000001a;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.exam-info h1{margin:0;font-size:1.8rem;color:#1e293b;font-weight:700}.course-name{margin:.5rem 0 0;color:#64748b;font-size:1rem}.score-badge{text-align:center;padding:1.5rem;border-radius:12px;min-width:120px}.score-badge.passed{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.score-badge.failed{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.score-number{font-size:2.5rem;font-weight:800;line-height:1;margin-bottom:.5rem}.score-status{font-size:.9rem;font-weight:600;letter-spacing:.5px}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 12px #00000014;transition:transform .3s ease}.stat-card:hover{transform:translateY(-2px)}.stat-icon{font-size:2rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-content{flex:1}.stat-number{font-size:1.5rem;font-weight:700;color:#1e293b;line-height:1}.stat-label{font-size:.9rem;color:#64748b;margin-top:.25rem}.detailed-results{background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 20px #0000001a}.detailed-results h2{margin:0 0 1.5rem;font-size:1.5rem;color:#1e293b;font-weight:700}.questions-list{display:flex;flex-direction:column;gap:1.5rem}.question-result{border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:all .3s ease}.question-result.correct{border-color:#10b981;background:#10b9810d}.question-result.incorrect{border-color:#ef4444;background:#ef44440d}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.question-number{background:#f1f5f9;color:#475569;padding:.5rem 1rem;border-radius:8px;font-weight:600;font-size:.9rem}.result-indicator{font-size:1.5rem;padding:.5rem;border-radius:8px}.result-indicator.correct{background:#10b9811a}.result-indicator.incorrect{background:#ef44441a}.question-content{display:flex;flex-direction:column;gap:1rem}.question-text{font-size:1rem;color:#334155;line-height:1.6}.answer-section{display:flex;flex-direction:column;gap:.75rem}.submitted-answer,.correct-answer{display:flex;flex-direction:column;gap:.25rem}.submitted-answer strong,.correct-answer strong{color:#475569;font-size:.9rem}.correct-answer span.correct-answer{color:#059669;font-weight:600;background:#10b9811a;padding:.5rem;border-radius:6px}.wrong-answer{color:#dc2626;font-weight:600;background:#ef44441a;padding:.5rem;border-radius:6px}.submitted-answer span.correct-answer{color:#059669;font-weight:600;background:#10b9811a;padding:.5rem;border-radius:6px}.explanation{background:#f8fafc;border-left:4px solid #3b82f6;padding:1rem;border-radius:0 8px 8px 0;font-size:.9rem;color:#475569;line-height:1.5}.explanation strong{color:#1e293b}.action-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.primary-btn,.secondary-btn{padding:.75rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.primary-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.primary-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-2px)}.secondary-btn{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.secondary-btn:hover{background:#e2e8f0;color:#334155}.loading{display:flex;justify-content:center;align-items:center;height:60vh;font-size:1.2rem;color:#64748b}.error-message{text-align:center;padding:3rem;background:linear-gradient(135deg,#0f172af2,#1e293bfa)!important;border-radius:16px;box-shadow:0 4px 20px #0000001a}.error-message h2{color:#ef4444;margin-bottom:1rem}.error-message p{color:#64748b;margin-bottom:2rem}.error-message button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.error-message button:hover{background:linear-gradient(135deg,#2563eb,#1e40af)}@media (max-width: 768px){.main-content{padding:1rem}.results-header{flex-direction:column;text-align:center}.summary-stats{grid-template-columns:repeat(2,1fr)}.stat-card{flex-direction:column;text-align:center;gap:.5rem}.question-header{flex-direction:column;gap:1rem;align-items:flex-start}.action-buttons{flex-direction:column}.primary-btn,.secondary-btn{width:100%;justify-content:center}}@media (max-width: 480px){.summary-stats{grid-template-columns:1fr}.score-number{font-size:2rem}}.billing-payments{min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(29,78,216,.2) 0%,transparent 50%),linear-gradient(135deg,#0f172a,#1e293b 30%,#334155 70%,#1e40af);padding-top:80px;position:relative;overflow:hidden;font-size:.85rem}.billing-payments:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 15%,rgba(59,130,246,.08) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(29,78,216,.1) 0%,transparent 40%);opacity:.6;pointer-events:none;z-index:0}.billing-container{padding:2rem;position:relative;z-index:2}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.header-content h1{font-size:2rem;font-weight:700;color:#fff;margin:0;display:flex;align-items:center;gap:.5rem}.header-subtitle{color:#ffffffb3;font-size:1rem;margin:.5rem 0 0}.filters-section{background:#0f172a99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:1.5rem;margin-bottom:2rem;border:1px solid rgba(59,130,246,.2)}.search-bar{margin-bottom:1rem}.search-input{width:100%;padding:.75rem 1rem;background:#1e293bcc;border:1px solid rgba(59,130,246,.3);border-radius:8px;color:#fff;font-size:.95rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-input::placeholder{color:#ffffff80}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.filters-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;align-items:end}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{color:#fffc;font-size:.85rem;font-weight:500}.filter-select{padding:.5rem;background:#1e293bcc;border:1px solid rgba(59,130,246,.3);border-radius:6px;color:#fff;font-size:.9rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.filter-select:focus{outline:none;border-color:#3b82f6}.results-info{display:flex;align-items:center;justify-content:center;color:#ffffffb3;font-size:.85rem;padding:.5rem;background:#3b82f61a;border-radius:6px;border:1px solid rgba(59,130,246,.2)}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding:1rem;background:#0f172a99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;border:1px solid rgba(59,130,246,.2)}.pagination-btn{padding:.6rem 1.2rem;background:#3b82f633;color:#fff;border:1px solid rgba(59,130,246,.3);border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:.9rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pagination-btn:hover:not(:disabled){background:#3b82f64d;border-color:#3b82f6;transform:translateY(-2px)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.pagination-info{display:flex;flex-direction:column;align-items:center;gap:.25rem;color:#fff}.pagination-info span:first-child{font-weight:600;font-size:1rem}.pagination-details{font-size:.8rem;color:#ffffffb3}.tab-navigation{display:flex;gap:1rem;margin-bottom:2rem;padding:1rem;background:#0f172a66;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(59,130,246,.2);box-shadow:0 8px 32px #0003,inset 0 1px #ffffff1a;justify-content:center;flex-wrap:wrap}.tab-btn{padding:1rem 2rem;border:none;background:linear-gradient(135deg,#1e293bcc,#0f172ae6);color:#fffc;font-size:.95rem;font-weight:600;cursor:pointer;border-radius:12px;transition:all .3s ease;position:relative;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(59,130,246,.2);box-shadow:0 4px 16px #0003,inset 0 1px #ffffff1a;display:flex;align-items:center;gap:.5rem;min-width:160px;justify-content:center}.tab-btn:hover{color:#fff;background:linear-gradient(135deg,#3b82f64d,#1d4ed866);border-color:#3b82f666;transform:translateY(-3px);box-shadow:0 8px 25px #3b82f64d,inset 0 1px #fff3}.tab-btn.active{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#2563eb;box-shadow:0 6px 20px #3b82f666,inset 0 1px #fff3;transform:translateY(-2px)}.tab-btn.active:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#3b82f61a,#1d4ed81a);border-radius:12px;z-index:-1;animation:activeGlow 2s ease-in-out infinite alternate}@keyframes activeGlow{0%{box-shadow:0 0 5px #3b82f64d}to{box-shadow:0 0 20px #3b82f680}}.tab-content{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-header{background:#0f172ab3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:1.5rem;margin-bottom:2rem;border:1px solid rgba(59,130,246,.3);box-shadow:0 8px 32px #0000004d,inset 0 1px #3b82f633}.section-header h2{font-size:1.5rem;margin-bottom:.5rem;font-weight:600;color:#fff;display:flex;align-items:center;gap:.5rem}.section-header p{font-size:.95rem;opacity:.8;color:#ffffffb3;margin:0;line-height:1.5}.loading-section{text-align:center;padding:4rem 2rem;color:#fff}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top:3px solid white;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:4rem 2rem;color:#fff}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3{font-size:1.5rem;margin-bottom:1rem;font-weight:600}.empty-state p{font-size:1rem;opacity:.9;margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto}.orders-grid{display:flex;flex-direction:column;gap:1rem}.order-card{background:#0f172acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:1.5rem;box-shadow:0 8px 32px #0006,inset 0 1px #3b82f633;border:1px solid rgba(59,130,246,.3);transition:all .3s ease;color:#fff}.order-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px #3b82f626,inset 0 1px #fff3;border-color:#3b82f64d}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.15)}.order-info h3{font-size:1.2rem;font-weight:600;color:#fff;margin-bottom:.25rem}.order-id{font-size:.875rem;color:#ffffffb3;margin:0}.order-amount{font-size:1.5rem;font-weight:700;color:#10b981;background:#10b98126;padding:.5rem 1rem;border-radius:8px;border:1px solid rgba(16,185,129,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.order-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:#1e293b99;border-radius:8px;border:1px solid rgba(59,130,246,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.detail-item:hover{background:#1e293bcc;border-color:#3b82f666;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f633}.detail-item .label{font-weight:500;color:#ffffffe6;font-size:.9rem}.detail-item .value{font-weight:400;color:#ffffffb3;font-size:.9rem}.detail-item .status{font-weight:600;font-size:.85rem;padding:.4rem .8rem;border-radius:20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #10b9814d}.payment-id{font-family:Monaco,Menlo,monospace;font-size:.75rem;background:#3b82f61a;color:#3b82f6;padding:.3rem .6rem;border-radius:6px;border:1px solid rgba(59,130,246,.2);word-break:break-all}.order-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.courses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.course-card{background:#0f172acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #0006,inset 0 1px #3b82f633;border:1px solid rgba(59,130,246,.3);transition:all .3s ease;color:#fff}.course-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px #3b82f626,inset 0 1px #fff3;border-color:#3b82f64d}.course-image{width:100%;height:200px;overflow:hidden;background:linear-gradient(135deg,#3b82f6,#1d4ed8);position:relative;display:flex;align-items:center;justify-content:center}.course-image img{width:100%;height:100%;object-fit:cover}.course-image:before{content:"🎓";font-size:4rem;color:#fffc;position:absolute;z-index:1}.course-image:has(img):before{display:none}.course-content{padding:1.5rem}.course-content h3{font-size:1.25rem;font-weight:600;color:#fff;margin-bottom:.75rem;line-height:1.4}.course-description{color:#ffffffb3;font-size:.95rem;line-height:1.5;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.course-meta{display:flex;gap:1rem;margin-bottom:1.5rem;font-size:.875rem;color:#fff9}.course-instructor,.course-category{display:flex;align-items:center;gap:.25rem}.course-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid rgba(59,130,246,.2)}.course-price{font-size:1.5rem;font-weight:700;color:#10b981;background:#10b98126;padding:.3rem .8rem;border-radius:8px;border:1px solid rgba(16,185,129,.3)}.purchase-btn{padding:.75rem 1.5rem!important;font-weight:600!important;min-width:140px}.purchase-btn:disabled{opacity:.6;cursor:not-allowed}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;justify-content:center}.btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:2px solid transparent;box-shadow:0 4px 15px #3b82f64d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666;background:linear-gradient(135deg,#2563eb,#1e40af)}.btn-secondary{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{transform:translateY(-2px);background:#fff3;border-color:#ffffff4d;box-shadow:0 4px 15px #ffffff1a}.btn-outline{background:transparent;color:#3b82f6;border:2px solid #3b82f6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-outline:hover{background:#3b82f6;color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #3b82f64d}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:2px solid transparent;font-weight:600;transition:all .3s ease}.btn-warning:hover{transform:translateY(-2px);box-shadow:0 8px 25px #f59e0b66;background:linear-gradient(135deg,#d97706,#b45309)}.failure-reason{color:#ef4444;font-weight:500;background:#ef44441a;padding:.25rem .5rem;border-radius:4px;border-left:3px solid #ef4444}.button-group{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.button-group .btn{flex:1;min-width:140px}@media (max-width: 480px){.button-group{flex-direction:column;width:100%}.button-group .btn{width:100%;min-width:unset}}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.receipt-modal{background:#fff;border-radius:12px;max-width:1200px;width:95%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column}.receipt-layout{display:flex;gap:20px;min-height:500px;flex:1;overflow:hidden}.receipt-main{flex:2;background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a;min-height:400px;overflow-y:auto;display:flex;flex-direction:column}.receipt-summary{flex:1;background:#f8fafc;padding:15px;border-radius:8px;border-left:4px solid #10b981;max-height:500px;overflow-y:auto;display:flex;flex-direction:column}.summary-header{text-align:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e5e7eb}.summary-header h3{margin:0 0 5px;color:#1f2937;font-size:1.2rem;font-weight:700}.summary-header p{margin:0 0 10px;color:#6b7280;font-size:.9rem}.summary-section{margin-bottom:20px}.summary-section h4{margin:0 0 10px;color:#374151;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #d1d5db;padding-bottom:5px}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f3f4f6}.summary-item:last-child{border-bottom:none}.summary-label{font-size:.8rem;color:#6b7280;font-weight:500}.summary-value{font-size:.8rem;color:#1f2937;font-weight:600;text-align:right;max-width:60%;word-break:break-all}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e5e7eb;background:#f8fafc;border-radius:12px 12px 0 0}.modal-header h2{margin:0;color:#1f2937;font-size:1.5rem}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:5px;border-radius:4px;transition:all .2s}.close-btn:hover{background:#e5e7eb;color:#374151}.receipt-content{padding:20px}.receipt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e5e7eb}.company-info h3{margin:0 0 5px;color:#1f2937;font-size:1.25rem}.company-info p{margin:0;color:#6b7280;font-size:.9rem}.status-badge{padding:8px 16px;border-radius:20px;font-weight:600;font-size:.9rem}.status-badge.success{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.receipt-section{margin-bottom:25px}.receipt-section h4{margin:0 0 15px;color:#374151;font-size:1.1rem;border-bottom:1px solid #e5e7eb;padding-bottom:8px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f3f4f6}.detail-row:last-child{border-bottom:none}.detail-row .label{color:#6b7280;font-weight:500;font-size:.9rem}.detail-row .value{color:#1f2937;font-weight:600;font-size:.9rem;text-align:right;word-break:break-all}.total-row{background:#f8fafc;padding:12px 16px;margin:10px -16px 0;border-radius:8px;border:2px solid #e5e7eb;font-size:1rem}.total-row .label{font-size:1rem;font-weight:700;color:#1f2937}.total-row .value{font-size:1.1rem;font-weight:700;color:#059669}.amount-breakdown{background:#f9fafb;padding:15px;border-radius:8px;border:1px solid #e5e7eb}.receipt-footer{margin-top:30px;padding-top:20px;border-top:2px solid #e5e7eb;text-align:center}.thank-you{font-size:1.1rem;font-weight:600;color:#059669;margin:0 0 10px}.support-info{color:#6b7280;font-size:.9rem;margin:0}.modal-actions{display:flex;gap:12px;padding:20px;border-top:1px solid #e5e7eb;background:#f8fafc;border-radius:0 0 12px 12px}.modal-actions .btn{flex:1;padding:12px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;border:none;font-size:.9rem}.modal-actions .btn-outline{background:#fff;color:#374151;border:2px solid #d1d5db}.modal-actions .btn-outline:hover{background:#f9fafb;border-color:#9ca3af}.modal-actions .btn-primary{background:#3b82f6;color:#fff}.modal-actions .btn-primary:hover{background:#2563eb}.modal-actions .btn-success{background:#10b981;color:#fff}.modal-actions .btn-success:hover{background:#059669}.button-group{display:flex;gap:6px;flex-wrap:wrap}.button-group .btn{flex:1;min-width:100px;font-size:.8rem;padding:6px 12px}.btn-success{background:#10b981;color:#fff;border:1px solid #059669;padding:8px 16px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s;font-size:.85rem}.btn-success:hover{background:#059669;border-color:#047857;transform:translateY(-1px)}.btn-success:active{transform:translateY(0)}.btn-success:disabled{background:#9ca3af;border-color:#6b7280;cursor:not-allowed;transform:none}.btn-success:disabled:hover{background:#9ca3af;border-color:#6b7280;transform:none}.btn-info{background:#3b82f6;color:#fff;border:1px solid #2563eb;padding:8px 16px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s;font-size:.85rem}.btn-info:hover{background:#2563eb;border-color:#1d4ed8;transform:translateY(-1px)}.btn-info:active{transform:translateY(0)}@media (max-width: 768px){.button-group{flex-direction:column;gap:4px}.button-group .btn{min-width:auto;width:100%;font-size:.75rem;padding:8px 12px}}@media (max-width: 768px){.receipt-modal{max-width:95%;width:95%;margin:10px}.receipt-layout{flex-direction:column;gap:15px;min-height:auto}.receipt-main{padding:20px}.receipt-summary{padding:15px;max-height:none}.summary-header h3{font-size:1.1rem}.summary-section h4{font-size:.8rem}.summary-item{padding:6px 0}.summary-label,.summary-value{font-size:.75rem}}@media print{.modal-overlay{position:static;background:#fff;padding:0}.receipt-modal{box-shadow:none;border-radius:0;max-height:none}.modal-header{background:#fff;border-bottom:2px solid #000}.modal-actions{display:none}.receipt-content{padding:0}}@media (max-width: 768px){.billing-container{margin-left:0;padding:1rem}.filters-row{grid-template-columns:1fr;gap:.75rem}.pagination{flex-direction:column;gap:1rem}.pagination-info{order:-1}.tab-navigation{flex-direction:column;gap:.5rem;padding:.75rem}.tab-btn{border-radius:8px;padding:.75rem 1rem;min-width:auto;font-size:.9rem}.tab-btn:hover{transform:translateY(-1px)}.tab-btn.active{transform:translateY(0)}.orders-grid,.courses-grid{grid-template-columns:1fr;gap:1rem}.order-header{flex-direction:column;gap:1rem;align-items:flex-start}.course-footer{flex-direction:column;gap:1rem;align-items:stretch}.purchase-btn{width:100%}.section-header h2{font-size:1.5rem}}@media (max-width: 480px){.billing-container{padding:.5rem}.order-card,.course-card{margin:0 .5rem}.course-content{padding:1rem}}.assigned-by{font-size:.8rem;color:#3b82f6;font-weight:500;margin:.25rem 0 0;background:#3b82f633;padding:.25rem .5rem;border-radius:12px;display:inline-block;border:1px solid rgba(59,130,246,.3)}.order-card.admin-assigned{border-left:4px solid #3b82f6;background:#0f172ae6!important;border-color:#3b82f666!important}.order-card.admin-assigned .order-header{background:#3b82f61a;margin:-1.5rem -1.5rem 1rem;padding:1.5rem;border-radius:12px 12px 0 0;border-bottom:1px solid rgba(59,130,246,.2)}.order-card.admin-assigned .order-details .detail-item{background:#1e293bcc!important;border-color:#3b82f64d!important}.order-card.admin-assigned .order-actions{border-top-color:#3b82f633!important}#root{width:100%;margin:0;padding:0}.App{width:100%;min-height:100vh}*{box-sizing:border-box}body{margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}