.staff-admin-container{margin:1rem;width:100%}.staff-admin-container .empty-state{box-shadow:0 0 5px #000}.staff-admin-container .btn{border:1px solid #2563eb;border-radius:.5rem}.staff-admin-container .new-staff-link{margin-top:1rem;margin-bottom:1.2rem}.staff-admin-container .new-staff-link a{padding:.75rem 1.5rem;background-color:#527ef6;color:#fff;border-radius:.5rem;font-weight:600;text-decoration:none}.staff-admin-container .new-staff-link a:hover{background-color:#2563eb}.staff-admin-container .admin-staff-index-row{gap:1rem}.staff-admin-container .admin-staff-index-row .staff-meta-card{box-shadow:0 0 5px #000;border-radius:10px}.staff-admin-container .admin-staff-index-row .staff-meta-card .avatar{border-radius:10px;overflow:hidden}.staff-admin-container .admin-staff-index-row .staff-meta-card .staff-info{padding:5px 1rem;flex:1;color:#daa520}.staff-admin-container .admin-staff-index-row .staff-meta-card .staff-info .staff-info-name{font-weight:bold}.staff-admin-container .admin-staff-index-row .staff-meta-card .staff-info .staff-info-position{color:#fff;margin:6px 1rem}.staff-admin-container .admin-staff-index-row .staff-meta-card .staff-info .staff-action-row{height:25px;margin-top:auto;border-top:1px solid #e5e7eb}.staff-admin-container .admin-staff-index-row .staff-meta-card .staff-info .staff-action-row .btn-staff-edit,.staff-admin-container .admin-staff-index-row .staff-meta-card .staff-info .staff-action-row .btn-staff-delete{width:40px;height:40px}.staff-admin-container .admin-staff-index-row .staff-meta-card .staff-info .staff-action-row .btn-staff-edit{color:bisque}.staff-admin-container .admin-staff-index-row .staff-meta-card .staff-info .staff-action-row .btn-staff-delete{color:#dc2626}.staff-admin-container .admin-staff-index-row .staff-meta-card .staff-info .staff-action-row a{height:40px;padding-top:5px}.staff-form-container{max-width:800px;background-color:#252525;padding:2rem;border-radius:10px;box-shadow:0 0 10px #000}.staff-form-container .form-content-wrapper{height:250px;gap:2rem;align-items:flex-start}.staff-form-container .form-content-wrapper .avatar-upload-section{width:250px}.image-preview-container{margin-left:1rem;position:relative;width:250px;height:250px;border:2px dashed #4b5563;border-radius:10px;overflow:hidden;cursor:pointer}.image-preview-container:hover .image-overlay{opacity:1}.image-preview-container img{width:100%;height:100%;object-fit:cover}.image-preview-container .admin-img-preview{width:100%;height:100%;object-fit:cover}.image-preview-container .placeholder-avatar{width:100%;height:100%;background-color:#353535;color:#9ca3af;gap:10px}.image-preview-container .placeholder-avatar i{margin:2rem auto 1rem}.image-preview-container .placeholder-avatar span{font-size:1rem;margin:0 auto}.image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:flex-end;justify-content:center;color:#fff;opacity:0;transition:opacity .2s}.image-overlay span{margin-bottom:1rem;font-size:1rem}.sort-order-col .sort-btn{width:30px;align-self:center;margin:.5rem 0}.sort-order-col .sort-input{height:24px;width:30px;text-align:center;background-color:#252525;color:#fff;border:1px solid #4b5563;border-radius:4px;padding:.4rem 0;font-weight:bold;font-size:20px;appearance:none}.sort-order-col .sort-input::-webkit-outer-spin-button,.sort-order-col .sort-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.sort-order-col .sort-input[type=number]{-moz-appearance:textfield}.bio-toggle-wrapper{margin:1.5rem 0;gap:.5rem;align-items:center;border-top:1px solid #4b5563;padding-top:1rem}.bio-toggle-wrapper label{color:bisque;font-weight:600}.bio-content-section{background-color:#353535;padding:1.5rem;border-radius:8px;margin-bottom:1.5rem}.bio-content-section textarea{width:100%;background-color:#252525;color:#fff;border:1px solid #4b5563;border-radius:5px;padding:.5rem}.form-fields-section{flex:1;color:#d1d5db;margin:1rem;height:100%}.form-fields-section .staff-form-actions{margin-top:auto}.hide-this{display:none}.main-staff-container{min-height:100vh;flex-wrap:wrap;padding:1rem;gap:1rem}.main-staff-container .main-staff-card{box-shadow:0 0 10px #000;min-width:32%;max-width:32%;border-radius:10px;overflow:hidden}.main-staff-container a.staff-bio-link{min-width:32%;max-width:32%;text-decoration:none;color:inherit;border-radius:10px}.main-staff-container a.staff-bio-link:hover,.main-staff-container a.staff-bio-link:visited,.main-staff-container a.staff-bio-link:active{color:inherit}.main-staff-container a.staff-bio-link:hover{box-shadow:0 0 10px gold}.main-staff-container .staff-card-as-link{width:100%;max-width:100%}.main-staff-container .staff-info{background-color:#778c6d;padding:1rem}.main-staff-container .staff-info .staff-name,.main-staff-container .staff-info .staff-position{text-align:center;margin:0}.main-staff-container .staff-info .staff-name{color:gold}.staff-bio-row{padding:1rem;background-color:#f9fafb;border-radius:10px;border:1px solid #e5e7eb;gap:2rem}.staff-bio-row .bio-row-text-col{flex:1;padding:1rem 2rem;border-radius:10px;box-shadow:0 0 10px #000}.gallery-section-hr{align-items:center;text-align:center;margin:2rem 0;color:#888}.gallery-section-hr::before,.gallery-section-hr::after{content:"";flex:1;border-bottom:1px solid #666;margin-right:1rem}.gallery-section-hr::after{margin-left:1rem}.gallery-preview-section{gap:1rem;width:100%}.gallery-preview-section .gallery-img-wrapper{position:relative;max-width:25%}.gallery-preview-section .gallery-img-wrapper .gallery-img{width:100%;object-fit:cover;border-radius:1rem}.gallery-preview-section .btn-gallery-delete{position:absolute;top:15px;right:5px;background-color:rgba(220,38,38,.3);color:#000;border:none;padding:5px 8px;border-radius:4px;cursor:pointer;text-decoration:none}.gallery-preview-section .btn-gallery-delete:hover{color:gold;background-color:rgba(220,38,38,.9)}@media(min-width: 375px){.admin-staff-index-row{width:100%}.admin-staff-index-row .staff-meta-card{min-width:100%}}@media(min-width: 768px){.admin-staff-index-row .staff-meta-card{min-width:50%}}@media(min-width: 1000px){.admin-staff-index-row .staff-meta-card{min-width:30%}.staff-form-container{margin:2rem auto 0 auto}.staff-form-container label{font-size:1.4rem;margin-top:1.4rem}.staff-form-container #staff_name,.staff-form-container #staff_position{font-size:1.4rem}.staff-form-container .avatar-upload-section{margin-top:-1.2rem}.staff-form-container #staff_sort_order{width:25%;margin:.4rem auto}}