.teams-page{background:linear-gradient(#f8fafc 0%,#f1f5f9 100%);flex-direction:column;width:100%;height:100vh;display:flex;overflow:hidden}.teams-content{flex-direction:column;flex:1;gap:1.5rem;padding:2rem;display:flex;overflow-y:auto}.teams-header{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border-bottom:3px solid #0ea5e9;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.5rem 6rem 1.5rem 2rem;display:flex;box-shadow:0 2px 8px #0000001a}.teams-header-content{align-items:center;gap:1rem;display:flex}.teams-header-icon{background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%);border-radius:.375rem;justify-content:center;align-items:center;padding:.875rem;display:flex}.teams-header-icon svg{color:#fff;width:1.5rem;height:1.5rem}.teams-header-text h1{color:#fff;letter-spacing:-.025em;margin:0;font-size:1.875rem;font-weight:700}.teams-header-text p{color:#cbd5e1;margin:.25rem 0 0;font-size:.875rem;font-weight:400}.teams-count{color:#e0f2fe;background:#0ea5e933;border:1px solid #0ea5e94d;border-radius:1rem;margin-top:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.header-content h1{color:#fff;letter-spacing:-.025em;margin:0;font-size:1.875rem;font-weight:700}.subtitle{color:#cbd5e1;margin:.25rem 0 0;font-size:.875rem;font-weight:400}.teams-content{flex-direction:column;flex:1;padding:2rem;display:flex;overflow-y:auto}.teams-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;display:grid}.team-card{background:#fff;border:1px solid #e2e8f0;border-radius:.375rem;padding:1.5rem;transition:all .2s;box-shadow:0 1px 3px #0000001a}.team-card:hover{border-color:#0ea5e9;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.card-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.team-icon{color:#fff;background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%);border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.card-header h3{color:#1a1a1a;margin:0;font-size:1.25rem;font-weight:600;line-height:1.4}.team-description{color:#6b7280;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 1.25rem;font-size:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}.team-stats{background:#f9fafb;border-radius:12px;align-items:center;gap:1.5rem;margin-bottom:1rem;padding:1rem;display:flex}.stat-item{text-align:center;flex:1}.stat-value{color:#1976d2;margin-bottom:.25rem;font-size:1.75rem;font-weight:700;line-height:1}.stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.stat-divider{background:#e5e7eb;width:1px;height:40px}.team-meta{border-bottom:1px solid #f3f4f6;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem;display:flex}.meta-item{color:#6b7280;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.meta-item svg{color:#9ca3af;flex-shrink:0}.team-members-preview{margin-bottom:1rem}.members-avatars{align-items:center;display:flex}.member-avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-left:-8px;font-size:.875rem;font-weight:600;transition:transform .2s;display:flex}.member-avatar:first-child{margin-left:0}.member-avatar:hover{transform:translateY(-2px);z-index:10!important}.member-avatar.more{color:#6b7280;background:#e5e7eb;font-size:.75rem}.card-actions{border-top:1px solid #f3f4f6;gap:.75rem;padding-top:1rem;display:flex}.btn-edit,.btn-delete{cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.btn-edit{color:#374151;background:#f3f4f6}.btn-edit:hover{color:#1f2937;background:#e5e7eb}.btn-delete{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.btn-delete:hover{color:#fff;background:#dc2626;border-color:#dc2626}.pagination{background:#fff;border-top:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;box-shadow:0 -2px 8px #0000000d}.pagination-btn{color:#fff;cursor:pointer;background:#0ea5e9;border:none;border-radius:.375rem;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.pagination-btn:hover:not(:disabled){background:#0284c7;transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}.pagination-btn:disabled{opacity:.4;cursor:not-allowed;background:#94a3b8}.pagination-btn svg{width:1.125rem;height:1.125rem}.pagination-info{color:#64748b;font-size:.875rem;font-weight:500}.empty-state{text-align:center;background:#fff;border:2px dashed #e5e7eb;border-radius:16px;max-width:500px;margin:4rem auto;padding:3rem 2rem}.empty-state svg{margin-bottom:1.5rem}.empty-state h3{color:#1a1a1a;margin:0 0 .5rem;font-size:1.25rem}.empty-state p{color:#6b7280;margin:0 0 2rem;font-size:.9375rem}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:16px;width:90%;max-width:500px;max-height:90vh;padding:2rem;animation:.3s slideUp;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-content h2{color:#1a1a1a;margin:0 0 1.5rem;font-size:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#374151;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.form-group input,.form-group textarea{border:1px solid #d1d5db;border-radius:8px;width:100%;padding:.75rem;font-family:inherit;font-size:1rem;transition:all .2s}.form-group input:focus,.form-group textarea:focus{border-color:#1976d2;outline:none;box-shadow:0 0 0 3px #1976d21a}.form-group textarea{resize:vertical;min-height:80px}.modal-actions{justify-content:flex-end;gap:1rem;margin-top:2rem;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:.75rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;transition:all .3s}.btn-primary{color:#fff;background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e94d}.btn-primary:disabled{cursor:not-allowed;background:#9ca3af}.btn-secondary{color:#374151;background:#f3f4f6}.btn-secondary:hover{background:#e5e7eb}@media (max-width:768px){.teams-page{padding:1rem}.teams-header{flex-direction:column;align-items:flex-start;gap:1rem}.teams-grid{grid-template-columns:1fr}}