.staff-container{gap:var(--spacing-2xl);flex-direction:column;display:flex}.staff-loading{justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-3xl);color:var(--color-text-secondary);flex-direction:column;display:flex}.staff-loading .animate-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.staff-team{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:2px}.staff-grid{gap:var(--spacing-xl);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:1200px){.staff-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.staff-grid{grid-template-columns:1fr}}.staff-card{flex-direction:column;gap:0;min-height:200px;padding:12px 24px;display:flex;overflow:visible}.relative{position:relative}.staff-header{align-items:center;gap:var(--spacing-md);margin-bottom:20px;display:flex}.staff-avatar{background:var(--color-primary);color:#fff;width:40px;height:40px;font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.staff-info{flex:1;min-width:0}.staff-name{font-size:var(--font-size-h2);font-weight:var(--font-weight-black);color:var(--color-text-primary);line-height:1.2}.staff-more-btn{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex}.staff-more-btn:hover{background:var(--color-bg-elevated-1);color:var(--color-text-primary)}.staff-dropdown-menu{border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:10;background:#fff;flex-direction:column;min-width:120px;margin-top:4px;padding:4px;display:flex;position:absolute;top:100%;right:0}.staff-dropdown-item{color:var(--color-text-primary);cursor:pointer;text-align:left;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;gap:8px;padding:10px 14px;font-size:16px;font-weight:500;transition:background-color .15s;display:flex}.staff-dropdown-item:hover{background-color:var(--color-bg-secondary)}.staff-dropdown-item.delete{color:var(--color-danger-main)}.staff-dropdown-item.delete:hover{background-color:var(--color-danger-light)}.staff-contact{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.staff-contact-item{align-items:center;gap:var(--spacing-md);color:var(--color-primary-dark);display:flex}.staff-contact-item svg{color:var(--color-text-muted);flex-shrink:0}.staff-contact-text{font-size:var(--font-size-body);color:var(--color-text-primary);font-weight:500}.staff-name-input{width:100%;font-size:var(--font-size-h2);font-weight:var(--font-weight-black);color:var(--color-text-primary);border:1px solid var(--color-border);background:#fff;border-radius:8px;outline:none;padding:8px 12px;transition:border-color .15s}.staff-name-input:focus{border-color:var(--color-primary)}.staff-contact-input{width:100%;color:var(--color-text-primary);border:1px solid var(--color-border);background:#fff;border-radius:8px;outline:none;padding:8px 12px;font-size:16px;font-weight:500;transition:border-color .15s}.staff-contact-input:focus{border-color:var(--color-primary)}.staff-edit-actions{gap:var(--spacing-sm);margin-top:auto;display:flex}.flex-1{flex:1}.staff-assign-btn{margin-top:auto}.staff-add-card{justify-content:center;align-items:center;gap:var(--spacing-md);border:2px dashed var(--color-border-strong);border-radius:var(--radius-2xl);min-height:200px;color:var(--color-text-muted);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);cursor:pointer;background:0 0;flex-direction:column;transition:all .2s;display:flex}.staff-add-card:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-accent-soft)}.staff-empty-state{justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-4xl);color:var(--color-text-muted);text-align:center;flex-direction:column;grid-column:1/-1;display:flex}.staff-empty-state p{font-size:var(--font-size-body);font-weight:var(--font-weight-medium);margin:0}