.group-member-list{width:100%}.members-header{margin-bottom:2rem}.members-header h3{color:#333;font-size:1.5rem;margin:0}.members-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.member-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.member-card:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-2px)}.member-header{align-items:flex-start;display:flex;gap:1rem;padding:1.5rem;position:relative}.member-avatar{flex-shrink:0;position:relative}.member-avatar img{object-fit:cover}.avatar-placeholder,.member-avatar img{border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0000001a;height:60px;width:60px}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:1.2rem;font-weight:700;justify-content:center}.current-user-badge{background:#28a745;border:2px solid #fff;border-radius:12px;bottom:-4px;color:#fff;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:.2rem .5rem;position:absolute;right:-4px;text-transform:uppercase}.member-info{flex:1 1;min-width:0}.member-name{color:#333;font-size:1.1rem;font-weight:700;line-height:1.3;margin:0 0 .5rem}.member-email{color:#666;font-size:.9rem;margin:0 0 .75rem;word-break:break-word}.role-badge{border-radius:20px;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.35rem .75rem;text-transform:uppercase}.member-actions{flex-shrink:0}.btn-small{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;height:36px;justify-content:center;min-width:36px;padding:.5rem;transition:all .2s ease}.btn-outline{background:#fff;border:1px solid #e0e0e0;color:#666}.btn-outline:hover{background:#f8f9fa;border-color:#ccc}.member-details{grid-gap:.5rem;display:grid;gap:.5rem;padding:0 1.5rem 1rem}.detail-item{align-items:center;display:flex;font-size:.9rem;justify-content:space-between}.detail-item .label{color:#666;font-weight:600}.detail-item .value{color:#333}.member-actions-expanded{animation:expandIn .2s ease-out;background:#f8f9fa;border-top:1px solid #f0f0f0;padding:1.5rem}@keyframes expandIn{0%{max-height:0;opacity:0;padding-bottom:0;padding-top:0}to{max-height:200px;opacity:1;padding-bottom:1.5rem;padding-top:1.5rem}}.action-section{margin-bottom:1.5rem}.action-section:last-child{margin-bottom:0}.action-section h5{color:#333;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin:0 0 .75rem;text-transform:uppercase}.role-options{display:flex;flex-wrap:wrap;gap:.5rem}.role-option{align-items:center;background:#fff;border:2px solid;border-radius:20px;color:#333;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:.5rem;justify-content:center;letter-spacing:.5px;min-width:80px;padding:.5rem 1rem;text-transform:uppercase;transition:all .2s ease}.role-option:hover:not(:disabled){box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.role-option:disabled{cursor:not-allowed;opacity:.6;transform:none}.action-section.danger{border-top:1px solid #fed7d7;padding-top:1rem}.btn-danger{background:#e53e3e;border:none;color:#fff}.btn-danger:hover:not(:disabled){background:#c53030;box-shadow:0 4px 12px #e53e3e4d;transform:translateY(-1px)}.btn-danger:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:14px;width:14px}.loading-spinner.small{border-width:2px;height:12px;width:12px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.member-list-footer{background:#f8f9fa;border-radius:8px;margin-top:2rem;padding:1rem;text-align:center}.invite-note{color:#666;font-size:.9rem;line-height:1.4;margin:0}@media (max-width:768px){.members-grid{grid-template-columns:1fr}.member-header{flex-direction:column;gap:1rem}.member-header,.member-info{text-align:center}.role-options{justify-content:center}.action-section .btn{width:100%}}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background-color:#fafafa;font-family:Georgia,Times New Roman,serif;margin:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);touch-action:manipulation;-webkit-user-select:none;user-select:none}#root{min-height:100vh;min-height:100dvh;overflow-x:hidden;position:relative}h1,h2,h3,h4,h5,h6{line-height:1.2;margin-top:0}.MuiButton-root,button{border-radius:12px!important;min-height:48px;min-width:48px;touch-action:manipulation}input,select,textarea{border:1px solid #ddd;border-radius:12px;font-size:16px;padding:12px 16px;touch-action:manipulation}.mobile-nav{background:#fff;border-top:1px solid #e0e0e0;bottom:0;left:0;padding:8px 0 calc(8px + env(safe-area-inset-bottom));position:fixed;right:0;z-index:1000}.fab{animation:pulse 2s infinite;border-radius:50%;bottom:calc(80px + env(safe-area-inset-bottom));box-shadow:0 4px 12px #0000004d;height:56px;position:fixed;right:16px;width:56px;z-index:999}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.mobile-card{border-radius:16px;box-shadow:0 2px 8px #0000001a;margin:8px 16px;overflow:hidden}.pull-to-refresh{overflow:hidden;position:relative}.pull-indicator{align-items:center;display:flex;height:60px;justify-content:center;left:50%;position:absolute;top:-60px;transform:translateX(-50%);transition:top .3s ease}.pull-indicator.visible{top:0}.recording-indicator{animation:recordingPulse 1s infinite;background:#8b4513f2;border-radius:16px;color:#fff;left:50%;padding:24px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:9999}@keyframes recordingPulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.05)}}.recording-wave{align-items:center;display:flex;gap:2px;justify-content:center;margin:8px 0}.wave-bar{animation:wave 1s infinite;background:currentColor;border-radius:2px;height:10px;width:3px}.wave-bar:nth-child(2){animation-delay:.1s}.wave-bar:nth-child(3){animation-delay:.2s}.wave-bar:nth-child(4){animation-delay:.3s}.wave-bar:nth-child(5){animation-delay:.4s}@keyframes wave{0%,to{height:10px}50%{height:20px}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media print{body{background:#fff;color:#000;font-family:Times New Roman,serif;padding:0}.no-print{display:none!important}.print-only{display:block!important}}@media (max-width:768px){.MuiContainer-root{padding-left:16px!important;padding-right:16px!important}.MuiAppBar-root{left:0;position:fixed!important;right:0;top:0}.main-content{padding-bottom:80px;padding-top:64px}}@media (max-width:480px){h1{font-size:1.5rem}h2{font-size:1.25rem}.MuiTypography-h4{font-size:1.5rem!important}.MuiTypography-h5{font-size:1.25rem!important}}.fade-in{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.haptic-feedback{animation:haptic .1s ease-in-out}@keyframes haptic{0%,to{transform:scale(1)}50%{transform:scale(.95)}}