.teams-page{display:flex;flex-direction:column;gap:1.5rem}.received-invites-banner{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:linear-gradient(135deg,rgba(16,185,129,.08),rgba(16,185,129,.02));border:1px solid rgba(16,185,129,.25);border-radius:var(--radius-lg);margin-bottom:.5rem}.received-invites-banner .banner-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(16,185,129,.15);border-radius:50%;color:#10b981;font-size:1rem;flex-shrink:0}.received-invites-banner .banner-content{flex:1;min-width:0}.received-invites-banner .banner-title{font-size:var(--text-md);font-weight:600;color:var(--color-text-primary);margin:0 0 .25rem}.received-invites-banner .banner-text{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.received-invites-banner .banner-actions{display:flex;gap:.5rem;flex-shrink:0}.received-invites-banner .btn-accept{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:#10b981;color:white;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s ease}.received-invites-banner .btn-accept:hover{background:#059669}.received-invites-banner .btn-decline{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s ease}.received-invites-banner .btn-decline:hover{color:#ef4444;border-color:#ef4444}.token-status-banner{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-radius:var(--radius-lg);margin-bottom:.5rem}.token-status-banner.accepting{background:linear-gradient(135deg,rgba(0,102,204,.08),rgba(0,102,204,.02));border:1px solid rgba(0,102,204,.25)}.token-status-banner.success{background:linear-gradient(135deg,rgba(16,185,129,.08),rgba(16,185,129,.02));border:1px solid rgba(16,185,129,.25)}.token-status-banner.error{background:linear-gradient(135deg,rgba(239,68,68,.08),rgba(239,68,68,.02));border:1px solid rgba(239,68,68,.25)}.token-status-banner .banner-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;font-size:1rem;flex-shrink:0}.token-status-banner.accepting .banner-icon{background:rgba(0,102,204,.15);color:var(--color-primary)}.token-status-banner.success .banner-icon{background:rgba(16,185,129,.15);color:#10b981}.token-status-banner.error .banner-icon{background:rgba(239,68,68,.15);color:#ef4444}.token-status-banner .banner-content{flex:1;min-width:0}.token-status-banner .banner-title{font-size:var(--text-md);font-weight:600;color:var(--color-text-primary);margin:0 0 .25rem}.token-status-banner .banner-text{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.token-status-banner .btn-dismiss{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.token-status-banner .btn-dismiss:hover{color:var(--color-text-primary);background:var(--color-surface)}.teams-page .team-card{margin-bottom:0}.teams-page .team-card .card-header{justify-content:space-between;flex-wrap:wrap}.teams-page .team-card .card-header,.teams-page .team-header-left{display:flex;align-items:center;gap:.75rem}.teams-page .team-header-left .card-title{display:flex;align-items:center;gap:.5rem;margin:0;font-size:var(--text-xs);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.03em}.teams-page .team-header-left .card-title i{color:var(--color-primary);font-size:.875rem}.teams-page .member-count-badge{font-size:var(--text-xs);font-weight:500;color:var(--color-text-secondary);background:var(--color-background);padding:.25rem .5rem;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.teams-page .btn-invite{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:var(--color-primary);color:white;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s ease}.teams-page .btn-invite:hover{background:var(--color-primary-hover,#0055cc)}.teams-page .btn-invite i{font-size:var(--text-xs)}.teams-page .btn-invite .btn-pro-badge{font-size:9px;font-weight:700;text-transform:uppercase;background:rgba(255,255,255,.25);color:white;padding:.125rem .325rem;border-radius:3px;margin-left:.25rem}.teams-page .team-limit-section{padding:.75rem 1rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:1rem}.teams-page .team-limit-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.teams-page .team-limit-label{font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary)}.teams-page .team-limit-count{font-size:var(--text-sm);color:var(--color-text-secondary)}.teams-page .team-limit-bar{height:6px;background:var(--color-surface);border-radius:3px;overflow:hidden}.teams-page .team-limit-bar-fill{height:100%;background:var(--color-primary);border-radius:3px;transition:width .3s ease}.teams-page .team-limit-bar-fill.warning{background:#f59e0b}.teams-page .team-limit-bar-fill.full{background:#ef4444}.teams-page .my-team-block{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.teams-page .my-team-workspace-header{display:flex;align-items:center;gap:1rem;padding:.875rem 1rem;transition:all .2s ease}.teams-page .my-team-workspace-header .team-access-avatar{width:40px;height:40px;overflow:hidden}.teams-page .my-team-workspace-header .team-access-avatar img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md)}.teams-page .my-team-workspace-header .team-access-info{flex:1}.teams-page .btn-invite.compact{padding:.375rem .75rem;font-size:var(--text-xs)}.teams-page .team-limit-section.compact{margin:0;border-radius:0;border-left:none;border-right:none;border-bottom:none}.teams-page .my-team-members{padding:.75rem 1rem;background:var(--color-surface);border-top:1px solid var(--color-border)}.teams-page .card-content>.my-team-members{border:1px solid var(--color-border);border-radius:var(--radius-md)}.teams-page .my-team-members-header{display:flex;align-items:center;gap:.5rem;font-size:var(--text-xs);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.625rem}.teams-page .my-team-members-header i{font-size:.75rem;color:var(--color-primary)}.teams-page .my-team-members-list{display:flex;flex-wrap:wrap;gap:.5rem}.teams-page .my-team-member{display:flex;align-items:center;gap:.5rem;padding:.375rem .625rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-xs)}.teams-page .my-team-member.owner{background:linear-gradient(135deg,rgba(0,102,204,.05),rgba(0,102,204,.02));border-color:rgba(0,102,204,.2)}.teams-page .my-team-member .member-avatar.small{width:20px;height:20px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.5rem;color:var(--color-text-secondary)}.teams-page .my-team-member.owner .member-avatar.small{background:rgba(0,102,204,.1);border-color:rgba(0,102,204,.2);color:var(--color-primary)}.teams-page .my-team-member .member-name{font-weight:500;color:var(--color-text-primary);display:flex;align-items:center;gap:.25rem}.teams-page .my-team-member .you-badge{font-size:.625rem;font-weight:600;color:#10b981;opacity:.9}.teams-page .my-team-member .role-badge{font-size:.5625rem;padding:.125rem .325rem}.teams-page .my-team-member .member-actions{display:flex;gap:.25rem;margin-left:.25rem}.teams-page .my-team-member .member-action-btn{width:20px;height:20px;font-size:.625rem;padding:0;display:flex;align-items:center;justify-content:center}.teams-page .members-list{display:flex;flex-direction:column;gap:.5rem}.teams-page .member-row{display:flex;align-items:center;gap:1rem;padding:.875rem 1rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all .2s ease}.teams-page .member-row:hover{border-color:rgba(0,102,204,.3)}.teams-page .member-row.owner{background:linear-gradient(135deg,rgba(0,102,204,.03),rgba(0,102,204,.01));border-color:rgba(0,102,204,.2)}.teams-page .member-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:50%;color:var(--color-text-secondary);font-size:1rem;flex-shrink:0;overflow:hidden}.teams-page .member-avatar img{width:100%;height:100%;object-fit:cover}.teams-page .member-info{flex:1;min-width:0}.teams-page .member-name{font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary);margin:0 0 .125rem;display:flex;align-items:center;gap:.5rem}.teams-page .member-email{font-size:var(--text-xs);color:var(--color-text-secondary);margin:0}.teams-page .role-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;padding:.25rem .5rem;border-radius:4px;flex-shrink:0}.teams-page .role-badge.owner{background:linear-gradient(135deg,rgba(0,102,204,.1),rgba(0,102,204,.05));color:var(--color-primary)}.teams-page .role-badge.admin{background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(99,102,241,.05));color:#6366f1}.teams-page .role-badge.viewer{background:rgba(107,114,128,.1);color:#6b7280}.teams-page .member-actions{display:flex;gap:.375rem;flex-shrink:0}.teams-page .member-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;color:var(--color-text-secondary);font-size:var(--text-sm)}.teams-page .member-action-btn:hover{background:var(--color-surface);border-color:var(--color-border);color:var(--color-primary)}.teams-page .member-action-btn.danger:hover{color:#ef4444;border-color:rgba(239,68,68,.3);background:rgba(239,68,68,.05)}.teams-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;text-align:center;color:var(--color-text-secondary)}.teams-page .empty-state i{font-size:2rem;margin-bottom:.75rem;opacity:.4}.teams-page .empty-state h3{margin:0 0 .5rem;font-size:var(--text-md);font-weight:600;color:var(--color-text-primary)}.teams-page .empty-state p{margin:0;font-size:var(--text-sm);max-width:320px}.teams-page .pending-invites-list{display:flex;flex-direction:column;gap:.5rem}.teams-page .pending-invite-row{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md)}.teams-page .pending-invite-row .invite-email{flex:1;font-size:var(--text-sm);color:var(--color-text-primary);font-weight:500}.teams-page .pending-invite-row .invite-role{font-size:var(--text-xs);color:var(--color-text-secondary)}.teams-page .pending-invite-row .invite-date{font-size:var(--text-xs);color:var(--color-text-tertiary)}.teams-page .pending-invite-row .invite-status{display:flex;align-items:center;gap:.25rem;font-size:var(--text-xs);font-weight:500;color:#f59e0b;padding:.25rem .5rem;background:rgba(245,158,11,.1);border-radius:4px}.teams-page .btn-cancel-invite{display:flex;align-items:center;justify-content:center;padding:.375rem .625rem;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--text-xs);font-family:inherit;cursor:pointer;transition:all .2s ease}.teams-page .btn-cancel-invite:hover{color:#ef4444;border-color:#ef4444}.teams-page .team-access-list{display:flex;flex-direction:column;gap:.5rem}.teams-page .team-access-row{display:flex;align-items:center;gap:1rem;padding:.875rem 1rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all .2s ease}.teams-page .team-access-row:hover{border-color:rgba(0,102,204,.3)}.teams-page .team-access-row.active{background:linear-gradient(135deg,rgba(16,185,129,.05),rgba(16,185,129,.02));border-color:rgba(16,185,129,.3)}.teams-page .team-access-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:1rem;flex-shrink:0}.teams-page .team-access-info{flex:1;min-width:0}.teams-page .team-access-name{font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary);margin:0 0 .125rem}.teams-page .team-access-meta{font-size:var(--text-xs);color:var(--color-text-secondary);margin:0}.teams-page .btn-switch-team{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;font-family:inherit;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.teams-page .btn-switch-team:hover{color:var(--color-primary);border-color:var(--color-primary);background:rgba(0,102,204,.05)}.teams-page .btn-switch-team.active{background:#10b981;border-color:#10b981;color:white;cursor:default}.teams-page .btn-leave-team{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-secondary);font-size:var(--text-sm);transition:all .2s ease}.teams-page .btn-leave-team:hover{color:#ef4444;border-color:rgba(239,68,68,.3);background:rgba(239,68,68,.05)}.invite-form{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.invite-form .form-group{display:flex;flex-direction:column;gap:.375rem}.invite-form .form-group label{font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary)}.invite-form .form-input{width:100%;padding:.625rem .875rem;font-size:var(--text-md);font-family:inherit;color:var(--color-text-primary);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all .2s ease}.invite-form .form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(0,102,204,.1)}.invite-form .form-input::placeholder{color:var(--color-text-secondary);opacity:.7}.invite-form .form-hint{font-size:var(--text-xs);color:var(--color-text-secondary);margin:0}.invite-form .role-selector{display:flex;gap:.5rem}.invite-form .role-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.invite-form .role-option:hover{border-color:var(--color-primary)}.invite-form .role-option.selected{border-color:var(--color-primary);background:rgba(0,102,204,.05)}.invite-form .role-option-icon{font-size:1.25rem;color:var(--color-text-secondary)}.invite-form .role-option.selected .role-option-icon{color:var(--color-primary)}.invite-form .role-option-title{font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary)}.invite-form .role-option-desc{font-size:var(--text-xs);color:var(--color-text-secondary);text-align:center}.invite-form .role-selector.disabled{opacity:.6}.invite-form .role-option.disabled{cursor:not-allowed;opacity:.6}.invite-form .role-option.disabled:hover{border-color:var(--color-border)}.invite-form .required-asterisk{color:#ef4444;font-weight:600}.invite-form .form-input.input-error{border-color:#ef4444}.invite-form .form-input.input-error:focus{box-shadow:0 0 0 3px rgba(239,68,68,.1)}.invite-form .invite-upgrade-hint{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;background:linear-gradient(135deg,rgba(99,102,241,.08),rgba(139,92,246,.08));border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-md);margin-bottom:1rem;font-size:var(--text-xs);color:var(--color-text-secondary)}.invite-form .invite-upgrade-hint i{color:#6366f1;font-size:var(--text-sm)}.invite-form .role-permissions-list{list-style:none;padding:0;margin:.75rem 0 0;display:flex;flex-direction:column;gap:.375rem}.invite-form .role-permissions-list li{display:flex;align-items:center;gap:.5rem;font-size:var(--text-xs);color:var(--color-text-secondary);transition:all .15s ease}.invite-form .role-permissions-list li i{width:14px;text-align:center;font-size:.625rem}.invite-form .role-permissions-list li.allowed i{color:#10b981}.invite-form .role-permissions-list li.denied{color:var(--color-text-tertiary)}.invite-form .role-permissions-list li.denied i{color:#ef4444}.invite-form .role-permissions-list li.denied span{text-decoration:line-through;opacity:.7}.invite-form .role-permissions-list li.note{color:var(--color-text-tertiary);margin-top:.25rem;padding-top:.375rem;border-top:1px solid var(--color-border)}.invite-form .role-permissions-list li.note i{color:var(--color-text-tertiary)}.invite-form .invite-footer-note{display:flex;align-items:center;gap:.5rem;padding-top:.75rem;margin-top:.5rem;border-top:1px solid var(--color-border);font-size:var(--text-xs);color:var(--color-text-tertiary)}.invite-form .invite-footer-note i{font-size:var(--text-sm);opacity:.7}.invite-form .field-error{font-size:var(--text-xs);color:#ef4444;margin-top:.25rem}.teams-page .teams-upgrade-cta{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1.5rem;gap:.75rem}.teams-page .upgrade-cta-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(139,92,246,.05));border-radius:50%;color:#6366f1;font-size:1.25rem}.teams-page .teams-upgrade-cta h3{margin:0;font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary)}.teams-page .teams-upgrade-cta p{margin:0;font-size:var(--text-sm);color:var(--color-text-secondary);max-width:400px;line-height:1.5}.teams-page .upgrade-cta-features{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem 1.25rem;margin-top:.5rem}.teams-page .upgrade-cta-features .feature{display:flex;align-items:center;gap:.375rem;font-size:var(--text-sm);color:var(--color-text-secondary)}.teams-page .upgrade-cta-features .feature i{color:#10b981;font-size:var(--text-xs)}.teams-page .upgrade-cta-actions{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.teams-page .btn-upgrade{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:white;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease}.teams-page .btn-upgrade:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(99,102,241,.3)}.teams-page .team-access-card .card-content{display:flex;flex-direction:column;gap:1rem}.teams-page .team-access-block{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.teams-page .team-access-header{display:flex;align-items:center;gap:1rem;padding:.875rem 1rem;transition:all .2s ease}.teams-page .team-access-header:hover{background:rgba(0,102,204,.02)}.teams-page .team-access-header.active{background:linear-gradient(135deg,rgba(16,185,129,.05),rgba(16,185,129,.02))}.teams-page .team-access-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.teams-page .team-access-members{padding:.75rem 1rem;background:var(--color-surface);border-top:1px solid var(--color-border)}.teams-page .team-access-members-header{display:flex;align-items:center;gap:.5rem;font-size:var(--text-xs);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.625rem}.teams-page .team-access-members-header i{font-size:.75rem;color:var(--color-primary)}.teams-page .team-access-members-list{display:flex;flex-wrap:wrap;gap:.5rem}.teams-page .team-access-member{display:flex;align-items:center;gap:.5rem;padding:.375rem .625rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-xs)}.teams-page .team-access-member.owner{background:linear-gradient(135deg,rgba(0,102,204,.05),rgba(0,102,204,.02));border-color:rgba(0,102,204,.2)}.teams-page .team-access-member.current-user{background:linear-gradient(135deg,rgba(16,185,129,.05),rgba(16,185,129,.02));border-color:rgba(16,185,129,.25)}.teams-page .team-access-member .member-avatar.small{width:20px;height:20px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.5rem;color:var(--color-text-secondary)}.teams-page .team-access-member.owner .member-avatar.small{background:rgba(0,102,204,.1);border-color:rgba(0,102,204,.2);color:var(--color-primary)}.teams-page .team-access-member .member-name{font-weight:500;color:var(--color-text-primary);display:flex;align-items:center;gap:.25rem}.teams-page .team-access-member .you-badge{font-size:.625rem;font-weight:600;color:#10b981;opacity:.9}.teams-page .team-access-member .role-badge{font-size:.5625rem;padding:.125rem .325rem}.teams-page .loading-state{display:flex;flex-direction:column;gap:.75rem;padding:.5rem 0}@media (max-width:768px){.received-invites-banner{flex-direction:column;align-items:flex-start;gap:.75rem}.received-invites-banner .banner-actions{width:100%}.received-invites-banner .banner-actions button{flex:1}.teams-page .member-row{flex-direction:column;align-items:flex-start;gap:.75rem}.teams-page .member-row .member-actions{width:100%;justify-content:flex-end}.teams-page .team-access-row{flex-direction:column;align-items:flex-start;gap:.75rem}.teams-page .team-access-row .btn-switch-team{width:100%;justify-content:center}.invite-form .role-selector{flex-direction:column}.teams-page .pending-invite-row{flex-wrap:wrap;gap:.5rem}.teams-page .pending-invite-row .invite-email{flex:1 1 100%}}@media (max-width:480px){.teams-page .team-card .card-header{flex-direction:column;align-items:flex-start}.teams-page .btn-invite{width:100%;justify-content:center}.teams-page .upgrade-cta-actions{flex-direction:column;width:100%}.teams-page .btn-upgrade{width:100%;justify-content:center}}.invite-form .modal-docs-link{display:inline-flex;align-items:center;gap:.375rem;font-size:var(--text-xs);color:var(--color-primary);text-decoration:none;padding:.375rem .625rem;background:rgba(0,102,204,.08);border-radius:var(--radius-sm);margin-bottom:.5rem;align-self:flex-start;transition:all .2s ease}.invite-form .modal-docs-link:hover{background:rgba(0,102,204,.15);text-decoration:none}.invite-form .modal-docs-link i{font-size:10px}