.certifications-page{padding:20px;max-width:1400px;margin:0 auto;background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh}.page-header{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:16px;padding:32px;margin-bottom:32px;box-shadow:0 10px 25px rgba(59,130,246,.15)}.header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.header-buttons{display:flex;gap:12px;flex-shrink:0}.header-buttons .add-btn span{white-space:nowrap}.list-actions{display:flex;gap:8px;flex-wrap:wrap}.list-action-btn{padding:6px 12px;border:none;border-radius:6px;font-size:12px;cursor:pointer;white-space:nowrap}.add-cert-btn{background:#f0f9ff;color:#0369a1}.edit-btn{background:#f3f4f6;color:#374151}.delete-btn{background:#fef2f2;color:#ef4444}.header-text h1{display:flex;align-items:center;gap:12px;color:white;margin:0 0 8px;font-size:28px;font-weight:700}.header-text p{color:rgba(255,255,255,.9);margin:0;font-size:16px}.add-btn{background:rgba(255,255,255,.2);color:white;border:2px solid rgba(255,255,255,.3);padding:12px 24px;border-radius:12px;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;transition:all .3s ease;backdrop-filter:blur(10px)}.add-btn:hover{background:rgba(255,255,255,.3);border-color:rgba(255,255,255,.5);transform:translateY(-2px)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:white;padding:30px;border-radius:12px;width:90%;max-width:700px;max-height:90vh;overflow-y:auto}.form-group{margin-bottom:15px}.date-type-grid,.form-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px}.form-group label{display:block;margin-bottom:5px;font-weight:500;color:#4a5568}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px}.file-upload{display:flex;align-items:center;gap:10px}.file-upload input[type=file]{display:none}.file-upload-btn{background:#e2e8f0;color:#4a5568;padding:10px 15px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;border:1px solid #cbd5e0}.file-name{color:#38a169;font-size:14px}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.form-actions button{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-weight:500}.form-actions button[type=button]{background:#e2e8f0;color:#4a5568}.form-actions button[type=submit]{background:#076bb6;color:white}@media (max-width:1300px){.header-content{flex-direction:column;align-items:stretch;gap:16px}.header-buttons{justify-content:flex-start}}@media (max-width:990px){.header-content{flex-direction:row;align-items:flex-start}}@media (max-width:770px){.header-content{flex-direction:column;align-items:stretch;gap:16px}.header-buttons{justify-content:flex-start}}@media (max-width:450px){.header-buttons{flex-direction:column;gap:8px}.header-buttons .add-btn{justify-content:center}.list-actions{justify-content:flex-start}.list-action-btn{flex:1;min-width:80px}}@media (max-width:770px){.header-buttons{justify-content:center}}@media (min-width:990px) and (max-width:1200px){.header-buttons{justify-content:center!important}}@media (max-width:768px){.certifications-page{padding:16px}.form-row{grid-template-columns:1fr}.page-header{padding:24px}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:575px){.date-type-grid{grid-template-columns:1fr!important;gap:10px!important}.modal{width:95%!important;padding:20px!important;margin:10px!important}.form-actions{flex-direction:column!important;gap:8px!important}.form-actions button{width:100%!important}.file-upload{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.file-upload-btn{justify-content:center!important}}