.team-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);position:relative;overflow:hidden}.team-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.team-card.selected{border-color:var(--brand-primary);box-shadow:0 0 0 2px #c19a5b33,var(--shadow-md)}.team-card.inactive{opacity:.5}.team-card-accent{height:4px}.team-card-accent.employee{background:linear-gradient(90deg,var(--brand-primary),var(--brand-accent))}.team-card-accent.contractor{background:linear-gradient(90deg,#e67e22,#f39c12)}.team-card-accent.inactive-accent{background:var(--bg-muted)}.team-card-body{align-items:flex-start;gap:14px;padding:16px 20px 14px;display:flex}.team-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:18px;font-weight:800;display:flex}.team-avatar.lg{width:56px;height:56px;font-size:22px}.team-avatar.employee{background:linear-gradient(135deg,var(--brand-primary),var(--brand-accent))}.team-avatar.contractor{background:linear-gradient(135deg,#e67e22,#f39c12)}.team-badge-contractor{color:#e67e22;text-transform:uppercase;letter-spacing:.5px;background:#e67e2226;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700}.team-detail-panel{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex:1;min-width:360px;position:sticky;top:80px;overflow:hidden}.team-detail-header{border-bottom:1px solid var(--border-light);background:var(--bg-muted);align-items:center;gap:16px;padding:20px 24px;display:flex}.team-tab-bar{background:var(--bg-muted);border-bottom:2px solid var(--border-light);padding:0 8px;display:flex}.team-tab{cursor:pointer;color:var(--text-muted);text-transform:capitalize;transition:color var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;margin-bottom:-2px;padding:12px 16px;font-family:inherit;font-size:13px;font-weight:500;position:relative}.team-tab:hover{color:var(--text-secondary)}.team-tab.active{color:var(--brand-accent);border-bottom-color:var(--brand-primary);font-weight:700}.team-tab-content{max-height:calc(100vh - 300px);padding:20px 24px;overflow-y:auto}.team-section-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:11px;font-weight:600}.team-stat-card{background:var(--bg-muted);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:12px 14px}.team-stat-label{color:var(--text-muted);font-size:11px}.team-stat-value{font-size:18px;font-weight:800}.team-payment-summary{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.team-payment-card{background:var(--bg-muted);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:12px 14px}.team-payment-card .label{color:var(--text-muted);font-size:11px}.team-payment-card .value{font-size:18px;font-weight:800}.team-payment-card .value.paid{color:var(--success)}.team-payment-card .value.pending{color:var(--warning)}.team-payment-item{border-radius:var(--radius-md);background:var(--bg-muted);border:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:12px;display:flex}.team-payment-item .date{color:var(--text-muted);margin-top:2px;font-size:11px}.team-job-item{border-radius:var(--radius-md);background:var(--bg-muted);border:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.team-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.team-modal{background:var(--bg-card);border-radius:var(--radius-xl);width:100%;max-width:600px;max-height:90vh;box-shadow:var(--shadow-xl);padding:32px;position:relative;overflow-y:auto}.team-modal h3{margin-bottom:20px;font-size:18px;font-weight:700}.team-modal-close{cursor:pointer;color:var(--text-muted);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:18px;display:flex;position:absolute;top:16px;right:16px}.team-modal-close:hover{background:var(--bg-muted);color:var(--text-primary)}.team-add-payment-form{border-radius:var(--radius-md);background:var(--bg-muted);border:1px solid var(--border-light);margin-bottom:12px;padding:12px}.team-quick-stats{color:var(--text-muted);gap:12px;font-size:11px;display:flex}.team-delete-confirm{background:var(--danger-bg);border-radius:var(--radius-md);text-align:center;padding:16px}.team-action-bar{gap:8px;margin-bottom:20px;display:flex}.team-layout{align-items:flex-start;gap:20px;display:flex}.team-cards-grid{gap:16px;transition:flex .3s;display:grid}.team-card-info{flex:1;min-width:0}.team-card-name-row{align-items:center;gap:6px;margin-bottom:2px;display:flex}.team-card-name{font-size:14px;font-weight:700}.team-card-role{margin-bottom:4px}.team-card-badge--sm{font-size:9px}.team-card-edit-btn{opacity:.6;padding:4px 8px}.team-stat--success{color:var(--success)}.team-stat--warning{color:var(--warning)}.team-detail-info{flex:1}.team-detail-name{margin:0;font-size:18px;font-weight:700}.team-detail-role{font-size:13px}.team-overview-stack{flex-direction:column;gap:16px;display:flex}.team-contact-list{flex-direction:column;gap:6px;display:flex}.team-contact-item{align-items:center;gap:8px;font-size:13px;display:flex}.team-no-contact{color:var(--text-muted);font-size:12px}.team-financial-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.team-contract-info{color:var(--text-muted);margin-top:8px;font-size:12px}.team-jobs-list{flex-direction:column;gap:6px;display:flex}.team-job-number{color:var(--text-muted);font-size:11px}.team-job-title{margin-left:8px}.team-job-badge{font-size:10px}.team-notes-text{color:var(--text-secondary);font-size:13px;font-style:italic;line-height:1.6}.team-payments-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.team-payments-header .team-section-label{margin-bottom:0}.team-payments-empty{text-align:center;color:var(--text-muted);padding:24px;font-size:13px}.team-payments-list{flex-direction:column;gap:8px;display:flex}.team-payment-type{font-size:13px;font-weight:600}.team-payment-badge-inline{margin-left:8px;font-size:10px}.team-payment-actions{align-items:center;gap:8px;display:flex}.team-payment-amount{font-size:15px;font-weight:700}.team-payment-pay-btn{background:var(--success);color:#fff;border:none;padding:3px 8px;font-size:10px}.team-payment-delete-btn{color:var(--danger);padding:3px 6px;font-size:10px}.team-empty-state{text-align:center;padding:40px}.team-empty-title{margin-top:16px}.team-empty-cta{margin-top:12px}.team-modal--narrow{max-width:520px;padding:0}.team-modal--payment{max-width:420px;padding:0}.team-payment-overlay{z-index:1001}.team-modal-header{border-bottom:1px solid var(--border-light);padding:20px 24px 16px}.team-modal-title{margin:0;font-size:17px;font-weight:700}.team-modal-body{flex-direction:column;gap:14px;padding:20px 24px;display:flex}.team-form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.team-form-label{color:var(--text-secondary);margin-bottom:4px;font-size:12px;font-weight:600;display:block}.team-form-textarea{resize:vertical}.team-modal-footer{border-top:1px solid var(--border-light);gap:8px;padding:12px 24px 20px;display:flex}.team-modal-footer--between{justify-content:space-between}.team-modal-footer--end{justify-content:flex-end}.team-delete-row{align-items:center;gap:6px;display:flex}.team-delete-prompt{color:var(--danger);font-size:12px}.team-delete-trigger{color:var(--danger);border-color:var(--danger)}.team-modal-actions{gap:8px;display:flex}.team-modal-save{min-width:100px}.team-card-tags,.team-detail-tags{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.team-tag{letter-spacing:.3px;border-radius:10px;padding:2px 7px;font-size:10px;font-weight:600}.team-tag--role{color:var(--brand-primary);background:#c19a5b26}.team-tag--skill{color:#60a5fa;background:#3b82f61f}.team-tag--more{background:var(--bg-muted);color:var(--text-muted)}.team-card-location{color:var(--text-muted);align-items:center;gap:4px;margin-top:4px;font-size:11px;display:flex}.team-card-type-badge{padding:1px 5px;font-size:9px}.team-card-edit{opacity:0;transition:opacity var(--transition-fast);flex-shrink:0}.team-card:hover .team-card-edit{opacity:1}.team-card-salary{color:var(--text-muted);font-size:12px;font-weight:600}.team-avatar--lg{width:56px;height:56px;font-size:22px}.team-dates-row{gap:20px;margin-top:10px;display:flex}.team-date-item{flex-direction:column;gap:2px;font-size:12px;display:flex}.team-date-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:600}.team-docs-list{flex-direction:column;gap:8px;display:flex}.team-doc-item{border-radius:var(--radius-md);background:var(--bg-muted);border:1px solid var(--border-light);align-items:flex-start;gap:12px;padding:12px;display:flex}.team-doc-item--expired{border-color:var(--danger);background:#ef44440a}.team-doc-icon{flex-shrink:0;padding-top:2px}.team-doc-info{flex:1;min-width:0}.team-doc-name{font-size:13px;font-weight:600}.team-doc-meta{color:var(--text-muted);flex-wrap:wrap;gap:8px;margin-top:4px;font-size:11px;display:flex}.team-doc-cat{text-transform:capitalize;border-radius:6px;padding:1px 6px;font-size:10px;font-weight:600}.team-doc-cat--contract{color:#60a5fa;background:#3b82f61f}.team-doc-cat--id{color:#a78bfa;background:#a855f71f}.team-doc-cat--certification{color:#4ade80;background:#22c55e1f}.team-doc-cat--insurance{color:#fbbf24;background:#eab3081f}.team-doc-cat--other{background:var(--bg-muted);color:var(--text-muted)}.team-doc-expired{color:var(--danger);font-weight:600}.team-doc-expiring{color:var(--warning);font-weight:600}.team-milestones-list{flex-direction:column;gap:0;padding-left:6px;display:flex}.team-milestone-item{border-left:2px solid var(--border-light);gap:14px;padding:12px 0 12px 18px;display:flex;position:relative}.team-milestone-item:last-child{border-left-color:#0000}.team-milestone-dot{border:2px solid var(--bg-card);border-radius:50%;width:10px;height:10px;position:absolute;top:16px;left:-6px}.team-milestone-dot--achievement{background:var(--success)}.team-milestone-dot--promotion{background:var(--brand-primary)}.team-milestone-dot--salary_change{background:#60a5fa}.team-milestone-dot--training{background:#a78bfa}.team-milestone-dot--warning{background:var(--danger)}.team-milestone-dot--other{background:var(--text-muted)}.team-milestone-content{flex:1;min-width:0}.team-milestone-header{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.team-milestone-title{font-size:13px;font-weight:600}.team-milestone-badge{text-transform:capitalize;border-radius:6px;padding:1px 6px;font-size:9px;font-weight:700}.team-milestone-badge--achievement{color:#4ade80;background:#22c55e1f}.team-milestone-badge--promotion{color:var(--brand-primary);background:#c19a5b26}.team-milestone-badge--salary_change{color:#60a5fa;background:#3b82f61f}.team-milestone-badge--training{color:#a78bfa;background:#a855f71f}.team-milestone-badge--warning{color:var(--danger);background:#ef44441a}.team-milestone-badge--other{background:var(--bg-muted);color:var(--text-muted)}.team-milestone-desc{color:var(--text-secondary);margin-top:4px;font-size:12px;line-height:1.5}.team-milestone-footer{color:var(--text-muted);gap:12px;margin-top:4px;font-size:11px;display:flex}.team-milestone-value{color:var(--brand-primary);font-weight:600}
