#app{width:100%;height:100vh}.form-container[data-v-be3dfd8d]{padding:30px 20px}.tabs[data-v-be3dfd8d]{display:flex;border-bottom:1px solid #eee;margin-bottom:30px}.tab[data-v-be3dfd8d]{flex:1;padding:15px;text-align:center;background:none;border:none;cursor:pointer;font-size:1rem;color:#666;border-bottom:2px solid transparent;transition:all .3s ease}.tab.active[data-v-be3dfd8d]{color:#1e3c72;border-bottom-color:#1e3c72;font-weight:600}.tab-content[data-v-be3dfd8d]{display:none}.tab-content.active[data-v-be3dfd8d]{display:block}.input-group[data-v-be3dfd8d]{margin-bottom:20px}.label[data-v-be3dfd8d]{display:block;margin-bottom:8px;font-weight:600;color:#333}.input[data-v-be3dfd8d]{width:100%;padding:15px;border:2px solid #ddd;border-radius:10px;font-size:1rem;transition:border-color .3s ease}.input[data-v-be3dfd8d]:focus{outline:none;border-color:#1e3c72}.input.error[data-v-be3dfd8d]{border-color:#ff4757}.error-message[data-v-be3dfd8d]{color:#ff4757;font-size:.9rem;margin-top:5px}.submit-btn[data-v-be3dfd8d]{width:100%;padding:18px;background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .2s ease}.submit-btn[data-v-be3dfd8d]:hover{transform:translateY(-2px)}.submit-btn[data-v-be3dfd8d]:disabled{opacity:.6;cursor:not-allowed;transform:none}.success[data-v-be3dfd8d]{background:#2ed573;color:#fff;padding:15px;border-radius:10px;text-align:center;margin-top:20px;font-weight:600}.help-text[data-v-be3dfd8d]{font-size:.9rem;color:#666;margin-top:10px;line-height:1.4}.meeting-id-format[data-v-be3dfd8d]{font-family:Monaco,Consolas,monospace;background:#f8f9fa;padding:8px 12px;border-radius:5px;font-size:.9rem}.container[data-v-bddfc570]{max-width:500px;width:100%;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 20px 60px #00000026}.header[data-v-bddfc570]{background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;padding:30px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:15px}.header-title[data-v-bddfc570]{display:flex;align-items:center;gap:15px}.teams-logo[data-v-bddfc570]{width:48px;height:48px;object-fit:contain}.header-text[data-v-bddfc570]{font-size:1.5rem;font-weight:600}.room-code[data-v-bddfc570]{font-size:2.5rem;font-weight:700;margin-bottom:10px;letter-spacing:.3rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#103251;height:100vh;display:flex;align-items:center;justify-content:center;margin:0;padding:20px;box-sizing:border-box;overflow:auto}.container{background:#fff;border-radius:24px;padding:40px;text-align:center;box-shadow:0 20px 60px #00000026;width:fit-content;min-width:900px;max-width:95vw;max-height:95vh;display:flex;flex-direction:column;overflow-y:auto;margin:auto}.header{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:40px}.teams-logo{width:64px;height:64px;object-fit:contain}.title{color:#103251;font-size:3.5rem;font-weight:600;margin:0}.code-display{font-size:4rem;font-weight:700;color:#103251;margin:30px 0;letter-spacing:.3rem}.main-content{display:flex;gap:40px;align-items:flex-start;justify-content:center;margin:20px 0;flex:1}.qr-section{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;min-width:340px}.manual-section{flex:0 0 auto;display:flex;justify-content:center;min-width:450px}.footer{margin-top:20px;display:flex;flex-direction:column;gap:10px}.qr-container{margin:20px 0;padding:20px;background:#f8f9fa;border-radius:16px;display:inline-block;border:1px solid #e9ecef}.instructions{color:#495057;font-size:1.2rem;margin:20px 0;font-weight:400;line-height:1.4}.timer{color:#6c757d;font-size:1.1rem;font-weight:500}.status{color:#28a745;font-size:1.2rem;font-weight:600}.status.joining{color:#dc3545;animation:pulse 1s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.spinner{width:40px;height:40px;border:4px solid rgba(42,82,152,.2);border-top:4px solid #103251;border-radius:50%;animation:spin 1s linear infinite;margin:20px auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.manual-input{padding:30px;background:#f8f9fa;border-radius:16px;border:1px solid #e9ecef;width:100%;min-width:400px}.manual-input h3{color:#495057;font-size:1.5rem;margin-bottom:20px;font-weight:600}.input-group{margin-bottom:20px;text-align:left}.input-group label{display:block;color:#495057;font-size:1.2rem;font-weight:500;margin-bottom:8px}.input-group input{width:100%;padding:15px 20px;font-size:1.4rem;border:2px solid #dee2e6;border-radius:8px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:border-color .3s ease}.input-group input:focus{outline:none;border-color:#103251}.btn{background:#103251;color:#fff;border:none;padding:15px 30px;font-size:1.4rem;font-weight:600;border-radius:8px;cursor:pointer;transition:background-color .3s ease;width:100%;margin-top:10px}.btn:hover{background:#0d2a44}.btn:active{transform:translateY(1px)}@media (max-width: 1024px){.container{min-width:auto;width:95vw;padding:30px;max-height:95vh}.main-content{flex-direction:column;gap:30px;align-items:center}.code-display{font-size:3rem}.title{font-size:2.5rem}.qr-section,.manual-section{flex:none;width:100%;max-width:500px;min-width:auto}}@media (max-width: 768px){.container{padding:20px}.code-display{font-size:2.5rem}.title{font-size:2rem}.header{gap:15px}.teams-logo{width:48px;height:48px}.main-content{gap:20px}.manual-input{padding:20px;max-width:none;min-width:auto}.manual-input h3{font-size:1.3rem}}