.team-panel{width:min(880px,calc(100vw - 32px));max-height:90vh;overflow:auto;border:1px solid #294051;border-radius:16px;padding:28px;background:#101e2c;color:#e9f1f7}.team-panel::backdrop{background:#020d19b8}.team-panel header{display:flex;justify-content:space-between;gap:20px;align-items:start}.team-panel h2{margin:0}.team-panel p{color:#a9becd}.team-panel label{display:grid;gap:8px;margin:16px 0}.team-panel input,.team-panel select{width:100%;box-sizing:border-box;padding:12px;background:#172a3a;color:#fff;border:1px solid #597083;border-radius:8px}.team-cards{display:grid;gap:12px}.team-cards article{padding:16px;border:1px solid #365065;border-radius:10px;display:flex;justify-content:space-between;gap:16px}.team-cards article p{margin:6px 0}.team-cards article button{margin:4px}.team-link-result,.team-invite-banner{padding:20px;border:1px solid #21b8af;background:#102c35;color:#eefafa;border-radius:10px;margin:16px 0}.team-invite-banner{margin:16px 5vw}.team-invite-banner span{display:block;margin-top:12px}.team-panel :focus-visible{outline:3px solid #40dcd0;outline-offset:3px}[hidden]{display:none!important}@media(max-width:600px){.team-panel{width:100%;max-height:100dvh;height:100dvh;margin:0;border-radius:0;padding:18px;box-sizing:border-box}.team-cards article{display:block}.team-cards article button{width:100%}}
.team-invite-banner label{display:grid;gap:8px;margin:12px 0}.team-invite-banner input{padding:12px;max-width:400px;background:#172a3a;color:#fff;border:1px solid #597083;border-radius:8px}.team-invite-banner button{margin:4px}
.number-cards{display:grid;gap:12px}.number-cards article{padding:16px;border:1px solid #365065;border-radius:10px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.number-cards article button{margin:4px}@media(max-width:600px){.number-cards article{display:block}.number-cards article button{width:100%}}
