.personnel-cards-container{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;padding:10px 0;display:grid}.personnel-card{background-color:#fff;border-radius:8px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 2px 5px #0000001a}.personnel-card:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}.personnel-card-header{background-color:#f8f9fa;border-bottom:1px solid #f1f1f1;justify-content:space-between;align-items:center;padding:15px 20px;display:flex;position:relative}.personnel-card-header .personnel-name{color:#2c3e50;margin:0;padding-right:70px;font-size:18px;font-weight:600}.personnel-role-badge{color:#fff!important;text-transform:uppercase!important;text-shadow:none!important;background-color:#6c757d!important;border:none!important;border-radius:4px!important;padding:4px 8px!important;font-size:.8em!important;font-weight:700!important;line-height:1!important;text-decoration:none!important;display:inline-block!important;position:absolute!important;top:15px!important;right:20px!important}.personnel-role-badge,.personnel-role-badge *,.personnel-card-header .personnel-role-badge,.personnel-cards-container .personnel-role-badge{color:inherit!important}.personnel-cards-container .personnel-card .personnel-card-header .personnel-role-badge.badge-owner,.personnel-role-badge.badge-owner{color:#fff!important;background:#007bff!important}.personnel-cards-container .personnel-card .personnel-card-header .personnel-role-badge.badge-admin,.personnel-role-badge.badge-admin{color:#fff!important;background:#6f42c1!important}.personnel-cards-container .personnel-card .personnel-card-header .personnel-role-badge.badge-pilot,.personnel-role-badge.badge-pilot{color:#fff!important;background:#28a745!important}.personnel-cards-container .personnel-card .personnel-card-header .personnel-role-badge.badge-pending,.personnel-role-badge.badge-pending{color:#212529!important;background:#ffc107!important}.personnel-cards-container .personnel-card .personnel-card-header .personnel-role-badge.badge-info,.personnel-role-badge.badge-info{color:#fff!important;background:#28a745!important}.personnel-cards-container .personnel-card .personnel-card-header .personnel-role-badge.badge-primary,.personnel-role-badge.badge-primary{color:#fff!important;background:#6f42c1!important}.personnel-card-header .badge{background-color:inherit!important;color:inherit!important}.personnel-role-badge:not(.badge-owner):not(.badge-admin):not(.badge-pilot):not(.badge-pending):not(.badge-info):not(.badge-primary){color:#fff!important;background-color:#6c757d!important}.personnel-card-body{flex-direction:column;flex-grow:1;justify-content:space-between;padding:1rem;display:flex}.personnel-card-body .personnel-email{color:#555;margin-bottom:10px;font-size:.9em}.personnel-card-body .personnel-email i{color:#007bff;margin-right:8px}.personnel-card-actions{justify-content:flex-end;gap:.5rem;margin-top:auto;padding-top:.5rem;display:flex}.pending-invite-item{background-color:#fff;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:15px 20px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 5px #0000001a}.pending-invite-item:hover{transform:translateY(-2px);box-shadow:0 4px 10px #00000026}.pending-invite-item .pending-invite-header{flex-grow:1;justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.pending-invite-item .email-header{color:#333;margin-bottom:5px;font-size:16px;font-weight:700}.pending-invite-item .status-text{color:#777;margin-top:.25rem;font-size:.85em;font-style:italic}.pending-invite-item .revoke-invite-btn{color:#fff;cursor:pointer;text-align:center;background-color:#dc3545;border:1px solid #dc3545;border-radius:4px;padding:5px 10px;font-size:.8rem;line-height:1.5;text-decoration:none;transition:background-color .15s ease-in-out,border-color .15s ease-in-out;display:inline-block}.pending-invite-item .revoke-invite-btn:hover{background-color:#c82333;border-color:#bd2130}@media (width<=768px){.personnel-cards-container{grid-template-columns:1fr}.personnel-card-header,.personnel-card-body,.personnel-card-actions{padding-left:15px;padding-right:15px}.personnel-card-actions{flex-direction:column}.personnel-card-actions .btn{width:100%;margin-bottom:5px}.personnel-card-actions .btn:last-child{margin-bottom:0}.pending-invite-item{flex-direction:column;align-items:flex-start}.pending-invite-item .revoke-invite-btn{margin-top:10px}}