:root{--dashboard-bg:#000000;--dashboard-surface:rgba(15,15,15,0.95);--dashboard-surface-hover:rgba(25,25,25,0.95);--dashboard-border:rgba(255,255,255,0.1);--dashboard-border-hover:rgba(102,126,234,0.3);--text-primary:#ffffff;--text-secondary:rgba(255,255,255,0.7);--text-tertiary:rgba(255,255,255,0.5);--text-accent:#667eea;--glass-blur:20px;--glass-blur-strong:30px;--glass-shadow:0 20px 40px rgba(0,0,0,0.3);--glass-shadow-hover:0 30px 60px rgba(0,0,0,0.4);--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-secondary:linear-gradient(135deg,#f093fb,#f5576c);--gradient-success:linear-gradient(135deg,#4facfe,#00f2fe);--gradient-warning:linear-gradient(135deg,#fa709a,#fee140);--gradient-danger:linear-gradient(135deg,#ff6b6b,#ee5a24);--transition-smooth:all 0.3s cubic-bezier(0.4,0,0.2,1);--transition-bounce:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275)}.dashboard-container{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.liquid-glass{background:var(--dashboard-surface);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--dashboard-border);box-shadow:var(--glass-shadow);transition:var(--transition-smooth);position:relative;overflow:hidden}.liquid-glass:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transition:left .6s ease}.liquid-glass:hover:before{left:100%}.liquid-glass:hover{border-color:var(--dashboard-border-hover);box-shadow:var(--glass-shadow-hover);transform:translateY(-2px)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.floating{animation:float 6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.pulse{animation:pulse 2s ease-in-out infinite}.glow{position:relative}.glow:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:var(--gradient-primary);border-radius:inherit;z-index:-1;opacity:0;transition:opacity .3s ease}.glow:hover:after{opacity:.3}.sidebar{background:var(--dashboard-surface);-webkit-backdrop-filter:blur(var(--glass-blur-strong));backdrop-filter:blur(var(--glass-blur-strong));border-right:1px solid var(--dashboard-border);box-shadow:4px 0 20px rgba(0,0,0,.2)}.nav-item{position:relative;overflow:hidden}.nav-item: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 .4s ease}.nav-item:hover:before{left:100%}.nav-item.active{background:rgba(102,126,234,.15);border:1px solid rgba(102,126,234,.3);box-shadow:0 4px 16px rgba(102,126,234,.2)}.achievement-card,.analytics-card,.hackathon-card,.stat-card,.task-card{background:var(--dashboard-surface);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--dashboard-border);box-shadow:var(--glass-shadow);transition:var(--transition-smooth);position:relative;overflow:hidden}.achievement-card:before,.analytics-card:before,.hackathon-card:before,.stat-card:before,.task-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.03),transparent);transition:left .6s ease}.achievement-card:hover:before,.analytics-card:hover:before,.hackathon-card:hover:before,.stat-card:hover:before,.task-card:hover:before{left:100%}.achievement-card:hover,.analytics-card:hover,.hackathon-card:hover,.stat-card:hover,.task-card:hover{transform:translateY(-4px);border-color:var(--dashboard-border-hover);box-shadow:var(--glass-shadow-hover)}.achievement-icon,.activity-icon,.stat-icon{background:var(--gradient-primary);position:relative;overflow:hidden}.achievement-icon:before,.activity-icon:before,.stat-icon: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 ease}.achievement-icon:hover:before,.activity-icon:hover:before,.stat-icon:hover:before{left:100%}.action-btn,.add-btn,.filter-btn,.logout-btn{position:relative;overflow:hidden;transition:var(--transition-smooth)}.add-btn:before,.logout-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .4s ease}.add-btn:hover:before,.logout-btn:hover:before{left:100%}.add-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(102,126,234,.3)}.logout-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(239,68,68,.3)}.progress-fill,.skill-fill{background:var(--gradient-primary);position:relative;overflow:hidden}.progress-fill:before,.skill-fill:before{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%}}.chart-bar{background:var(--gradient-primary);position:relative;overflow:hidden;cursor:pointer}.chart-bar: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 ease}.chart-bar:hover:before{left:100%}.chart-bar:hover{transform:scale(1.05);filter:brightness(1.2);box-shadow:0 4px 16px rgba(102,126,234,.4)}.priority-badge,.status-badge,.tech-tag{position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.priority-badge:before,.status-badge:before,.tech-tag:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .3s ease}.priority-badge:hover:before,.status-badge:hover:before,.tech-tag:hover:before{left:100%}.dashboard-header{background:var(--dashboard-surface);-webkit-backdrop-filter:blur(var(--glass-blur-strong));backdrop-filter:blur(var(--glass-blur-strong));border-bottom:1px solid var(--dashboard-border);box-shadow:0 4px 20px rgba(0,0,0,.1)}.user-avatar{position:relative}.user-avatar:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:var(--gradient-primary);border-radius:50%;z-index:-1;opacity:0;transition:opacity .3s ease}.user-avatar:hover:before{opacity:.5}.online-indicator{animation:pulse 2s ease-in-out infinite}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:4px}::-webkit-scrollbar-thumb{background:rgba(102,126,234,.3);border-radius:4px;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:rgba(102,126,234,.5)}.loading{position:relative;overflow:hidden}.loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:loading-shimmer 1.5s infinite}@keyframes loading-shimmer{0%{left:-100%}to{left:100%}}@media (max-width:768px){.liquid-glass{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.sidebar{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}}@media (prefers-color-scheme:dark){:root{--dashboard-surface:rgba(10,10,10,0.95);--dashboard-border:rgba(255,255,255,0.08)}}@media (prefers-reduced-motion:reduce){.floating,.loading:after,.progress-fill:before,.pulse,.skill-fill:before{animation:none}.chart-bar:before,.liquid-glass:before,.nav-item:before,.stat-card:before{display:none}}.action-btn:focus,.add-btn:focus,.filter-btn:focus,.logout-btn:focus,.nav-item:focus{outline:2px solid var(--text-accent);outline-offset:2px}@media print{.dashboard-header,.sidebar{display:none}.main-content{margin-left:0}.liquid-glass{background:white;border:1px solid #ccc;box-shadow:none}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}to{opacity:1;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}}.modal-content{background:rgba(15,15,15,.9);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:24px;box-shadow:0 32px 64px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.1),0 0 0 1px rgba(255,255,255,.05);max-width:500px;width:90%;max-height:90vh;overflow:hidden;position:relative;animation:modalSlideIn .4s cubic-bezier(.4,0,.2,1)}.modal-content.large{max-width:800px}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(102,126,234,.05),rgba(118,75,162,.03) 50%,rgba(16,185,129,.02));pointer-events:none;border-radius:24px}.modal-header{padding:24px 32px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.modal-header h3{margin:0;font-size:24px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2 50%,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.close-btn{width:32px;height:32px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:50%;color:rgba(255,255,255,.6);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .3s ease}.close-btn:hover{background:rgba(239,68,68,.2);border-color:rgba(239,68,68,.3);color:#ef4444;transform:scale(1.1)}.modal-body{padding:32px;max-height:60vh;overflow-y:auto;position:relative;z-index:1}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:3px}.modal-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:3px}.modal-body::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:rgba(255,255,255,.8)}.form-group input,.form-group select{width:100%;padding:12px 16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#ffffff;font-size:14px;transition:all .3s ease;box-sizing:border-box}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1);background:rgba(255,255,255,.08)}.form-group input::placeholder{color:rgba(255,255,255,.4)}.form-group select option{background:#1a1a1a;color:#ffffff}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.modal-footer{padding:24px 32px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:flex-end;gap:16px;position:relative;z-index:1}.cancel-btn,.close-btn-modal{padding:12px 24px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:rgba(255,255,255,.7);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-btn:hover,.close-btn-modal:hover{background:rgba(255,255,255,.1);color:rgba(255,255,255,.9);transform:translateY(-2px)}.action-btn-modal,.submit-btn{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:white;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.action-btn-modal:before,.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 .4s ease}.action-btn-modal:hover:before,.submit-btn:hover:before{left:100%}.action-btn-modal:hover,.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(102,126,234,.3)}.profile-header{display:flex;align-items:center;gap:20px;margin-bottom:32px;padding:24px;background:rgba(255,255,255,.02);border-radius:16px;border:1px solid rgba(255,255,255,.05)}.profile-header img{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid rgba(102,126,234,.3);box-shadow:0 0 20px rgba(102,126,234,.2)}.profile-info h4{margin:0 0 8px;font-size:24px;font-weight:700;color:#ffffff}.profile-info p{margin:0 0 12px;color:rgba(255,255,255,.6);font-size:14px}.status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.active{background:rgba(16,185,129,.2);color:#10b981;border:1px solid rgba(16,185,129,.3)}.status-badge.inactive{background:rgba(107,114,128,.2);color:#6b7280;border:1px solid rgba(107,114,128,.3)}.status-badge.probation{background:rgba(245,158,11,.2);color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.detail-section{margin-bottom:32px}.detail-section h5{margin:0 0 16px;font-size:18px;font-weight:600;color:rgba(255,255,255,.9);border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:8px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:rgba(255,255,255,.02);border-radius:8px;border:1px solid rgba(255,255,255,.05)}.detail-item .label{font-size:14px;color:rgba(255,255,255,.6);font-weight:500}.detail-item .value{font-size:14px;color:rgba(255,255,255,.9);font-weight:600}.performance-details{display:flex;flex-direction:column;gap:16px}.performance-item{display:flex;align-items:center;gap:16px}.performance-item span:first-child{min-width:100px;font-size:14px;color:rgba(255,255,255,.7);font-weight:500}.performance-item span:last-child{min-width:40px;text-align:right;font-size:14px;color:rgba(255,255,255,.9);font-weight:600}.performance-bar{flex:1;height:8px;background:rgba(255,255,255,.1);border-radius:4px;overflow:hidden}.performance-fill{height:100%;border-radius:4px;transition:width .3s ease}.skills-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.skill-tag{padding:6px 12px;background:rgba(102,126,234,.2);border:1px solid rgba(102,126,234,.3);border-radius:20px;font-size:12px;font-weight:600;color:#667eea;transition:all .3s ease}.skill-tag:hover{background:rgba(102,126,234,.3);transform:translateY(-2px)}.achievements-summary{display:flex;gap:24px}.achievement-item{display:flex;flex-direction:column;align-items:center;padding:16px;background:rgba(255,255,255,.02);border-radius:12px;border:1px solid rgba(255,255,255,.05)}.achievement-number{font-size:24px;font-weight:700;color:#10b981;margin-bottom:4px}.achievement-label{font-size:12px;color:rgba(255,255,255,.6);text-align:center}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.stat-card{display:flex;flex-direction:column;align-items:center;padding:20px;background:rgba(255,255,255,.02);border-radius:12px;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.stat-card:hover{background:rgba(255,255,255,.05);transform:translateY(-4px)}.stat-number{font-size:28px;font-weight:700;color:#667eea;margin-bottom:8px}.stat-label{font-size:14px;color:rgba(255,255,255,.6);text-align:center}.activity-info{padding:16px;background:rgba(255,255,255,.02);border-radius:8px;border:1px solid rgba(255,255,255,.05);font-size:14px;color:rgba(255,255,255,.7)}@media (max-width:768px){.modal-content{max-width:95%;margin:20px}.modal-body,.modal-footer,.modal-header{padding:20px}.detail-grid,.form-row{grid-template-columns:1fr}.profile-header{text-align:center}.achievements-summary,.profile-header{flex-direction:column}}