*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#ffeef5,#ffd6e8);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}img{display:block;height:auto;max-width:100%}.login-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:30px;box-shadow:0 20px 60px #ffb6c166;max-width:400px;padding:40px 30px;text-align:center;width:100%}.logo{max-height:120px;max-width:120px}.login-title{color:#ff69b4;font-size:2.5rem;font-weight:700;margin-bottom:10px}.login-subtitle{color:#d63384;font-size:1.2rem;margin-bottom:40px}.user-buttons{display:flex;flex-direction:column;gap:20px}.user-button{background:linear-gradient(135deg,#ffeef5,#ffd6e8);border:3px solid #ffb6c1;border-radius:20px;color:#d63384;cursor:pointer;font-size:1.5rem;font-weight:600;padding:20px 40px;transition:all .3s ease}.user-button:hover{background:linear-gradient(135deg,#ffd6e8,#ffb6c1);border-color:#ff69b4;box-shadow:0 10px 30px #ffb6c180;transform:translateY(-3px)}.user-button.selected{background:linear-gradient(135deg,#ff69b4,#ff1493);border-color:#ff1493;box-shadow:0 10px 30px #ff69b499;color:#fff}@media (max-width:768px){.login-card{border-radius:20px;padding:30px 20px}.logo{max-height:100px;max-width:100px}.login-title{font-size:2rem}.login-subtitle{font-size:1rem;margin-bottom:30px}.user-button{font-size:1.2rem;padding:16px 30px}}@media (max-width:480px){.login-container{padding:10px}.login-card{padding:25px 15px}.logo{max-height:80px;max-width:80px}.login-title{font-size:1.75rem}.user-button{font-size:1.1rem;padding:14px 25px}}.call-room-container{background:linear-gradient(135deg,#ffeef5,#ffd6e8);display:flex;flex-direction:column;min-height:100vh;padding:20px}.call-header{margin-bottom:20px;text-align:center}.call-title{color:#ff69b4;font-size:2rem;font-weight:700}.video-container{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:20px;justify-content:center;margin-bottom:20px;position:relative}.remote-video-wrapper{aspect-ratio:16/9;background:radial-gradient(circle at top,#1a1a1a 0,#000 80%);border-radius:32px;box-shadow:0 18px 50px #00000059;max-height:calc(100vh - 220px);overflow:hidden;position:relative;width:min(960px,92vw)}.remote-video{border-radius:inherit;height:100%;object-fit:cover;width:100%}.remote-video-wrapper.portrait{align-items:center;aspect-ratio:9/16;display:flex;justify-content:center;max-height:calc(100vh - 220px);padding:16px;width:min(440px,85vw)}.remote-video.portrait{height:100%;max-height:calc(100vh - 260px);object-fit:contain;width:100%}.local-video-wrapper{background:#000;border:3px solid #ffb6c1;border-radius:18px;bottom:clamp(24px,12vh,80px);box-shadow:0 8px 25px #00000080;height:150px;overflow:hidden;position:absolute;right:clamp(24px,8vw,80px);width:200px;z-index:10}.local-video{height:100%;object-fit:cover;width:100%}.video-off-overlay{align-items:center;background:#000000ad;border-radius:inherit;color:#fff;display:flex;flex-direction:column;font-size:1.1rem;font-weight:600;gap:12px;inset:0;justify-content:center;letter-spacing:.01em;padding:16px;pointer-events:none;position:absolute;text-align:center}.video-off-overlay .video-off-icon{font-size:2.4rem}.video-off-overlay.local{background:#0000008c;border:2px dashed #ffb6c180;color:#ffb6c1;font-size:1rem}.video-off-overlay.remote{background:#000000b3}.remote-video-wrapper.portrait+.local-video-wrapper{bottom:clamp(16px,10vh,60px);right:clamp(16px,6vw,48px)}.remote-video-wrapper.portrait+.local-video-wrapper .local-video{object-fit:contain}.waiting-overlay{align-items:center;background:#000000b8;border-radius:inherit;bottom:0;color:#fff;display:flex;flex-direction:column;font-size:1.35rem;gap:18px;justify-content:center;left:0;letter-spacing:.01em;padding:24px;position:absolute;right:0;text-align:center;top:0}.waiting-overlay p{margin:0}.spinner{animation:spin 1s linear infinite;border:5px solid #ffb6c14d;border-radius:50%;border-top-color:#ff69b4;height:60px;margin-bottom:20px;width:60px}@keyframes spin{to{transform:rotate(1turn)}}.call-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:30px;box-shadow:0 10px 30px #ffb6c14d;gap:20px;padding:20px}.call-controls,.control-button{display:flex;justify-content:center}.control-button{align-items:center;border:none;border-radius:50%;box-shadow:0 5px 15px #0003;cursor:pointer;font-size:2rem;height:70px;transition:all .3s ease;width:70px}.control-button.active{background:linear-gradient(135deg,#ff69b4,#ff1493);color:#fff}.control-button.inactive{background:#ccc;color:#666}.control-button.end-call{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.control-button:hover{box-shadow:0 8px 20px #0000004d;transform:scale(1.1)}@media (max-width:1024px){.call-room-container{padding:15px}.remote-video-wrapper{border-radius:28px;max-height:calc(100vh - 200px);width:min(760px,94vw)}.remote-video-wrapper.portrait{padding:14px;width:min(360px,88vw)}.local-video-wrapper{bottom:clamp(20px,12vh,70px);height:135px;right:clamp(20px,7vw,48px);width:180px}}@media (max-width:768px){.call-room-container{padding:12px}.call-header{margin-bottom:15px}.call-title{font-size:1.5rem}.remote-video-wrapper{border-radius:24px;max-height:calc(100vh - 180px);width:min(600px,94vw)}.remote-video-wrapper.portrait{padding:12px;width:min(300px,88vw)}.local-video-wrapper{border-width:2px;bottom:clamp(14px,12vh,60px);height:112px;right:clamp(14px,8vw,34px);width:150px}.waiting-overlay{font-size:1.2rem}.spinner{border-width:4px;height:50px;width:50px}.call-controls{border-radius:20px;gap:15px;padding:15px}.control-button{font-size:1.5rem;height:60px;width:60px}}@media (max-width:480px){.call-room-container{padding:8px}.call-header{margin-bottom:10px}.call-title{font-size:1.2rem}.video-container{gap:12px;margin-bottom:12px}.remote-video-wrapper{border-radius:16px;max-height:calc(100vh - 150px);width:min(420px,94vw)}.remote-video-wrapper.portrait{padding:10px;width:min(240px,86vw)}.local-video-wrapper{border-radius:12px;border-width:2px;bottom:clamp(12px,12vh,48px);height:90px;right:clamp(12px,8vw,28px);width:120px}.waiting-overlay{font-size:1rem;padding:20px}.spinner{border-width:3px;height:40px;margin-bottom:15px;width:40px}.call-controls{border-radius:15px;flex-wrap:wrap;gap:12px;padding:12px}.control-button{font-size:1.3rem;height:55px;width:55px}}@media (max-width:360px){.call-title{font-size:1rem}.remote-video-wrapper{border-radius:14px;max-height:calc(100vh - 140px);width:min(320px,94vw)}.remote-video-wrapper.portrait{padding:8px;width:min(200px,84vw)}.local-video-wrapper{bottom:clamp(10px,12vh,40px);height:75px;right:clamp(10px,10vw,24px);width:100px}.control-button{font-size:1.2rem;height:50px;width:50px}}@media (max-height:500px) and (orientation:landscape){.call-room-container{padding:10px}.call-header{margin-bottom:10px}.call-title{font-size:1.2rem}.remote-video-wrapper{max-height:calc(100vh - 140px);width:min(640px,92vw)}.remote-video-wrapper.portrait{padding:10px;width:min(280px,80vw)}.local-video-wrapper{bottom:clamp(12px,10vh,36px);height:90px;right:clamp(12px,8vw,32px);width:120px}.call-controls{gap:10px;padding:10px}.control-button{font-size:1.2rem;height:50px;width:50px}}.dashboard-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.dashboard-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:30px;box-shadow:0 20px 60px #ffb6c166;max-width:500px;padding:40px 30px;text-align:center;width:100%}.logo-container{align-items:center;display:flex;justify-content:center;margin-bottom:20px}.logo{border-radius:20px;height:auto;max-height:100px;max-width:100px;object-fit:contain;width:auto}.dashboard-title{color:#ff69b4;font-size:2rem;font-weight:700;margin-bottom:30px}.status-indicator{align-items:center;color:#d63384;display:flex;font-size:1.1rem;gap:10px;justify-content:center;margin-bottom:40px}.status-dot{animation:pulse 2s infinite;background:#ccc;border-radius:50%;height:12px;width:12px}.status-dot.online{background:#4caf50}.status-dot.offline{background:#f44336}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.call-button{background:linear-gradient(135deg,#ff69b4,#ff1493);border:none;border-radius:20px;box-shadow:0 10px 30px #ff69b466;color:#fff;cursor:pointer;font-size:1.5rem;font-weight:600;margin-bottom:20px;padding:20px 40px;transition:all .3s ease;width:100%}.call-button:hover:not(:disabled){box-shadow:0 15px 40px #ff69b499;transform:translateY(-3px)}.call-button:disabled{cursor:not-allowed;opacity:.6}.logout-button{background:#0000;border:2px solid #ffb6c1;border-radius:15px;color:#d63384;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 30px;transition:all .3s ease}.logout-button:hover{background:#ffeef5;border-color:#ff69b4}@media (max-width:768px){.dashboard-card{border-radius:20px;padding:30px 20px}.logo{max-height:80px;max-width:80px}.dashboard-title{font-size:1.75rem;margin-bottom:20px}.status-indicator{font-size:1rem;margin-bottom:30px}.call-button{font-size:1.3rem;padding:16px 30px}.logout-button{font-size:.9rem;padding:10px 25px}}@media (max-width:480px){.dashboard-container{padding:10px}.dashboard-card{padding:25px 15px}.logo{max-height:70px;max-width:70px}.dashboard-title{font-size:1.5rem;margin-bottom:15px}.status-indicator{font-size:.9rem;margin-bottom:25px}.call-button{font-size:1.1rem;margin-bottom:15px;padding:14px 25px}.logout-button{font-size:.85rem;padding:10px 20px}}.App{min-height:100vh;width:100%}
/*# sourceMappingURL=main.1db7712e.css.map*/