:root{--gradient-primary: linear-gradient(135deg, #1e88e5 0%, #2196f3 50%, #26c6da 100%);--gradient-primary-reverse: linear-gradient(135deg, #26c6da 0%, #2196f3 50%, #1e88e5 100%);--color-blue-start: #1e88e5;--color-blue-mid: #2196f3;--color-blue-end: #26c6da;--color-blue-light: #e3f2fd;--color-blue-dark: #1565c0}.modern-photo-manager{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px;padding:24px;box-shadow:0 10px 40px #1e88e51a;border:1px solid rgba(30,136,229,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.modern-photo-manager .photo-manager-header{background:var(--gradient-primary)!important;border-radius:12px;padding:20px 24px;margin-bottom:24px;box-shadow:0 8px 32px #1e88e533}.photo-manager-header{background:var(--gradient-primary);border-radius:12px;padding:20px 24px;margin-bottom:24px;box-shadow:0 8px 32px #1e88e533}button.dept-tab.active{background:var(--gradient-primary);color:#fff;border:none;box-shadow:0 4px 12px #1e88e54d}button.dept-tab.active:hover{background:var(--gradient-primary-reverse);transform:translateY(-1px);box-shadow:0 6px 16px #1e88e566}div.stat-icon{background:var(--gradient-primary);color:#fff;border-radius:12px;padding:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #1e88e54d}div.stat-icon:hover{background:var(--gradient-primary-reverse);transform:translateY(-2px);box-shadow:0 8px 20px #1e88e566}.header-content{display:flex;justify-content:space-between;align-items:center}.header-info h2.page-title{color:#fff;font-size:24px;font-weight:700;margin:0 0 8px;display:flex;align-items:center}.header-info p.page-subtitle{color:#ffffffe6;font-size:14px;margin:0}.leadership-photos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px;margin-top:24px}.leadership-photo-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #00000014;border:1px solid rgba(30,136,229,.1);transition:all .3s cubic-bezier(.4,0,.2,1)}.leadership-photo-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #1e88e526;border-color:var(--color-blue-mid)}.leadership-photo-header{text-align:center;margin-bottom:20px}.leadership-photo-header h3{color:var(--color-blue-dark);font-size:18px;font-weight:600;margin:0 0 8px}.leadership-photo-header p{color:#64748b;font-size:14px;margin:0}.leadership-photo-container{width:200px;height:200px;margin:0 auto 20px;border-radius:12px;overflow:hidden;background:var(--color-blue-light);display:flex;align-items:center;justify-content:center;border:2px solid var(--color-blue-mid)}.leadership-photo-img{width:100%;height:100%;object-fit:cover}.leadership-photo-placeholder{text-align:center;color:var(--color-blue-mid)}.leadership-photo-placeholder i{font-size:48px;margin-bottom:12px}.leadership-photo-placeholder p{margin:0;font-size:14px;font-weight:500}.leadership-photo-info{text-align:center;margin-bottom:20px}.leadership-photo-info h4{color:var(--color-blue-dark);font-size:16px;font-weight:600;margin:0 0 8px}.leadership-photo-info p{color:#64748b;font-size:14px;margin:0;line-height:1.5}.leadership-photo-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.modern-btn{padding:12px 20px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;min-width:120px}.modern-btn.primary{background:var(--gradient-primary)!important;color:#fff;box-shadow:0 4px 12px #1e88e54d}.modern-btn.primary:hover{background:var(--gradient-primary-reverse)!important;transform:translateY(-2px);box-shadow:0 8px 24px #1e88e566}.modern-btn.danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d}.modern-btn.danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 8px 24px #ef444466}.modern-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}.modern-modal{background:#fff;border-radius:16px;padding:32px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #00000040;border:1px solid rgba(30,136,229,.2);animation:slideUp .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(30,136,229,.1)}.modal-title{color:var(--color-blue-dark);font-size:20px;font-weight:700;margin:0;display:flex;align-items:center;gap:8px}.close-btn{background:none;border:none;color:#64748b;font-size:20px;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s}.close-btn:hover{background:var(--color-blue-light);color:var(--color-blue-dark)}.modal-body{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{color:var(--color-blue-dark);font-weight:600;font-size:14px;display:flex;align-items:center;gap:8px}.modern-select,.modern-input,.modern-textarea{padding:12px 16px;border:2px solid rgba(30,136,229,.2);border-radius:8px;font-size:14px;transition:all .3s;background:#fff}.modern-select:focus,.modern-input:focus,.modern-textarea:focus{outline:none;border-color:var(--color-blue-mid);box-shadow:0 0 0 3px #1e88e51a}.modern-textarea{resize:vertical;min-height:100px;font-family:inherit}.modern-loading-container{display:flex;align-items:center;justify-content:center;min-height:400px;background:var(--color-blue-light);border-radius:16px}.loading-spinner{text-align:center}.spinner{width:40px;height:40px;border:4px solid var(--color-blue-light);border-top:4px solid var(--color-blue-mid);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.department-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:24px}.department-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 16px #00000014;border:1px solid rgba(30,136,229,.1);transition:all .3s cubic-bezier(.4,0,.2,1)}.department-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #1e88e51f;border-color:var(--color-blue-mid)}.department-header{text-align:center;margin-bottom:16px}.department-header h3{color:var(--color-blue-dark);font-size:16px;font-weight:600;margin:0 0 4px}.department-header p{color:#64748b;font-size:13px;margin:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.leadership-photos-grid,.department-grid{grid-template-columns:1fr;gap:16px}.modern-modal{padding:24px;margin:20px}.header-content{flex-direction:column;gap:16px;text-align:center}.leadership-photo-actions{flex-direction:column}.modern-btn{width:100%;justify-content:center}}