body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background:linear-gradient(135deg,#38bdf8,#1e40af);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji,Apple Color Emoji,sans-serif;justify-content:center;margin:0;min-height:100vh;transition:background .3s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px;transition:background .3s ease}.container{max-width:1100px;width:100%}.card{animation:slideIn .5s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;padding:40px;position:relative;transition:background-color .3s ease,color .3s ease;-webkit-user-select:none;user-select:none}.card input,.card textarea{cursor:text;-webkit-user-select:text;user-select:text}.welcome-header{border-bottom:2px solid #e2e8f0;margin-bottom:20px;padding-bottom:20px;text-align:center}.welcome-header,.welcome-message{cursor:default;-webkit-user-select:none;user-select:none}.welcome-message{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0ea5e9,#2563eb);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:1.5em;font-weight:600;margin:0}body.dark-mode .welcome-header{border-bottom-color:#334155}body.dark-mode .welcome-message{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#38bdf8,#60a5fa);-webkit-background-clip:text;background-clip:text}.loading-container{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:1.2em;gap:16px;justify-content:center}body.dark-mode{background:linear-gradient(135deg,#1a1a2e,#16213e)!important}body.dark-mode .card{background:#0f3460;color:#e4e4e4}body.dark-mode input,body.dark-mode textarea{background-color:#1a1a2e;border-color:#533483;color:#e4e4e4}body.dark-mode input:focus,body.dark-mode textarea:focus{border-color:#e94560;box-shadow:0 0 0 3px #e945601a}body.dark-mode label{color:#e4e4e4}body.dark-mode .subtitle{color:#b8b8b8}body.dark-mode h1{color:#e4e4e4}.header-controls{align-items:center;border-bottom:1px solid #e1e8ed;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px;-webkit-user-select:none;user-select:none}body.dark-mode .header-controls{border-bottom-color:#533483}.connection-status{align-items:center;cursor:default;display:flex;font-size:.875em;gap:8px;-webkit-user-select:none;user-select:none}.status-dot{animation:pulse 2s ease-in-out infinite;border-radius:50%;height:10px;width:10px}.status-dot.connected{background-color:#10b981;box-shadow:0 0 10px #10b98180}.status-dot.disconnected{animation:none;background-color:#ef4444;box-shadow:0 0 10px #ef444480}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-text{color:#666;cursor:default;font-weight:500;-webkit-user-select:none;user-select:none}body.dark-mode .status-text{color:#b8b8b8}.header-right{gap:15px}.header-right,.user-info{align-items:center;display:flex}.user-info{background:#f0f9ff;border-radius:20px;cursor:default;font-size:.875em;gap:10px;padding:8px 16px;-webkit-user-select:none;user-select:none}body.dark-mode .user-info{background:#1e293b;color:#e4e4e4}.user-name{color:#0ea5e9;cursor:default;font-weight:500;-webkit-user-select:none;user-select:none}body.dark-mode .user-name{color:#38bdf8}.logout-btn{align-items:center;background:none;border:none;color:#64748b;cursor:pointer;display:flex;font-size:1.2em;justify-content:center;padding:4px;transition:all .2s ease}.logout-btn:hover{color:#ef4444;transform:scale(1.1)}body.dark-mode .logout-btn{color:#94a3b8}body.dark-mode .logout-btn:hover{color:#f87171}.dark-mode-toggle{align-items:center;background:none;border:2px solid #e1e8ed;border-radius:50%;cursor:pointer;display:flex;font-size:1.2em;height:40px;justify-content:center;padding:0;transition:all .3s ease;width:40px}.dark-mode-toggle:hover{border-color:#0ea5e9;box-shadow:0 0 10px #0ea5e94d;transform:scale(1.1)}body.dark-mode .dark-mode-toggle{border-color:#533483}body.dark-mode .dark-mode-toggle:hover{border-color:#e94560;box-shadow:0 0 10px #e945604d}h1{color:#333;cursor:default;display:flex;font-size:2em;gap:10px;margin:0 0 10px;text-align:center;transition:color .3s ease}.title-icon,h1{align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.title-icon{display:inline-flex;font-size:1.2em;vertical-align:middle}.theme-icon{color:#64748b}body.dark-mode .theme-icon{color:#cbd5e1}.subtitle{color:#666;cursor:default;font-size:.95em;margin:0 0 30px;text-align:center;transition:color .3s ease;-webkit-user-select:none;user-select:none}.form-group{margin-bottom:20px}label{color:#333;cursor:default;display:block;font-size:.95em;font-weight:600;margin-bottom:8px;transition:color .3s ease;-webkit-user-select:none;user-select:none}input,textarea{border:2px solid #e1e8ed;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:1em;padding:12px 16px;transition:all .3s ease;width:100%}input:focus,textarea:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a;outline:none}input:disabled,textarea:disabled{background-color:#f5f5f5;cursor:not-allowed}textarea{min-height:120px;resize:vertical}button{align-items:center;background:linear-gradient(135deg,#0ea5e9,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1.05em;font-weight:600;gap:10px;justify-content:center;padding:14px 24px;transition:all .3s ease;width:100%}button:hover:not(:disabled){box-shadow:0 10px 25px #0ea5e966;transform:translateY(-2px)}button:active:not(:disabled){transform:translateY(0)}button:disabled{cursor:not-allowed;opacity:.7}.spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.message{align-items:center;animation:fadeIn .3s ease-out;border-radius:8px;display:flex;font-size:.95em;gap:10px;margin-top:20px;padding:16px}.message-icon{flex-shrink:0;font-size:1.5em}.message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.loading-overlay{align-items:center;animation:fadeIn .3s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.loading-spinner{color:#fff;text-align:center}.spinner-large{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:60px;margin:0 auto 20px;width:60px}.loading-spinner p{font-size:1.2em;font-weight:500;margin:0}.popup-overlay{align-items:center;animation:fadeIn .3s ease-out;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.popup-modal{animation:popupSlideIn .4s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0006;max-width:500px;padding:40px;position:relative;text-align:center;width:100%}body.dark-mode .popup-modal{background:#0f3460;color:#e4e4e4}@keyframes popupSlideIn{0%{opacity:0;transform:scale(.8) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.popup-modal.success{border-top:6px solid #10b981}.popup-modal.error{border-top:6px solid #ef4444}.popup-icon{animation:scaleIn .5s ease-out .2s both;font-size:5em;margin-bottom:20px}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.popup-modal.success .popup-icon{color:#10b981}.popup-modal.error .popup-icon{color:#ef4444}.popup-content h3{color:#1e293b;font-size:1.8em;margin:0 0 15px}body.dark-mode .popup-content h3{color:#e4e4e4}.popup-modal.success .popup-content h3{color:#10b981}body.dark-mode .popup-modal.success .popup-content h3{color:#34d399}.popup-modal.error .popup-content h3{color:#ef4444}body.dark-mode .popup-modal.error .popup-content h3{color:#f87171}.popup-content p{color:#64748b;font-size:1em;line-height:1.6;margin:0 0 30px;word-break:break-word}body.dark-mode .popup-content p{color:#cbd5e1}.popup-close{background:linear-gradient(135deg,#0ea5e9,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:1em;font-weight:600;margin:0 auto;min-width:120px;padding:12px 32px;transition:all .3s ease;width:auto}.popup-close:hover{box-shadow:0 8px 20px #0ea5e966;transform:translateY(-2px)}.popup-close:active{transform:translateY(0)}@media (max-width:768px){.App{padding:10px}.card{border-radius:12px;padding:24px 16px}.welcome-header{margin-bottom:16px;padding-bottom:16px}.welcome-message{font-size:1.1em;line-height:1.4;word-break:break-word}.header-controls{align-items:stretch;flex-direction:column;gap:12px;margin-bottom:16px;padding-bottom:12px}.header-right{flex-direction:row;gap:10px;justify-content:space-between;width:100%}.connection-status{font-size:.8em;justify-content:center}.status-dot{height:8px;width:8px}.user-info{flex:1 1;font-size:.75em;min-width:0;padding:6px 12px}.user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark-mode-toggle,.logout-btn{flex-shrink:0;font-size:1em}.dark-mode-toggle{height:36px;width:36px}h1{flex-wrap:wrap;font-size:1.4em;gap:8px;margin-bottom:8px}.title-icon{font-size:1em}.subtitle{font-size:.85em;margin-bottom:20px}.form-group{margin-bottom:16px}label{font-size:.9em;margin-bottom:6px}input,textarea{font-size:.95em;padding:10px 12px}textarea{min-height:100px}button{font-size:1em;padding:12px 20px}.popup-modal{margin:10px;padding:28px 20px}.popup-icon{font-size:3.5em;margin-bottom:16px}.popup-content h3{font-size:1.4em;margin-bottom:12px}.popup-content p{font-size:.9em;margin-bottom:24px}.popup-close{font-size:.95em;padding:10px 24px}.message{font-size:.85em;padding:12px}.message-icon{font-size:1.3em}}@media (max-width:480px){.App{padding:8px}.card{padding:20px 12px}.welcome-message{font-size:1em}h1{font-size:1.2em}.subtitle{font-size:.8em}.user-info{font-size:.7em;padding:4px 8px}.connection-status{font-size:.75em}input,textarea{font-size:.9em;padding:8px 10px}button{font-size:.95em;padding:10px 16px}}.login-container{align-items:center;background:linear-gradient(135deg,#0ea5e9,#2563eb);display:flex;justify-content:center;min-height:100vh;padding:20px;transition:background .3s ease}body.dark-mode .login-container{background:linear-gradient(135deg,#1a1a2e,#16213e)}.login-card{animation:slideIn .5s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:480px;padding:48px 40px;transition:background-color .3s ease,color .3s ease;width:100%}body.dark-mode .login-card{background:#0f3460;color:#e4e4e4}.login-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.login-title{color:#1e293b;font-size:2em;font-weight:600;margin:0}body.dark-mode .login-title{color:#e4e4e4}.dark-mode-toggle-login{align-items:center;background:none;border:2px solid #e1e8ed;border-radius:50%;color:#1e293b;cursor:pointer;display:flex;font-size:1.2em;height:40px;justify-content:center;padding:0;transition:all .3s ease;width:40px}.dark-mode-toggle-login:hover{border-color:#0ea5e9;box-shadow:0 0 10px #0ea5e94d;transform:scale(1.1)}body.dark-mode .dark-mode-toggle-login{border-color:#533483;color:#e4e4e4}body.dark-mode .dark-mode-toggle-login:hover{border-color:#e94560;box-shadow:0 0 10px #e945604d}.theme-icon{align-items:center;display:inline-flex;font-size:1.2em;justify-content:center;vertical-align:middle}.login-options{display:flex;flex-direction:column;gap:12px}.social-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#1e293b;cursor:pointer;display:flex;font-size:1em;font-weight:600;gap:12px;justify-content:center;padding:14px 24px;transition:all .3s ease;width:100%}body.dark-mode .social-btn{background:#1e293b;border-color:#334155;color:#e4e4e4}.social-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.social-icon{font-size:1.4em}.microsoft-btn{border-color:#00a4ef}.microsoft-btn:hover,body.dark-mode .microsoft-btn:hover{background:#00a4ef;color:#fff}.divider{align-items:center;color:#94a3b8;display:flex;font-size:.9em;margin:20px 0;text-align:center}body.dark-mode .divider{color:#64748b}.divider:after,.divider:before{border-bottom:1px solid #e2e8f0;content:"";flex:1 1}body.dark-mode .divider:after,body.dark-mode .divider:before{border-bottom-color:#334155}.divider span{font-weight:500;padding:0 16px}.email-login-btn{background:none;border:none;color:#0ea5e9;cursor:pointer;font-size:1em;font-weight:600;padding:12px;transition:all .2s ease}.email-login-btn:hover{color:#0284c7;text-decoration:underline}body.dark-mode .email-login-btn{color:#38bdf8}body.dark-mode .email-login-btn:hover{color:#7dd3fc}.email-login-form{animation:fadeIn .3s ease-out}.login-input{background:#fff;border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#1e293b;font-size:1em;padding:14px 16px;transition:all .3s ease;width:100%}body.dark-mode .login-input{background-color:#1a1a2e;border-color:#533483;color:#e4e4e4}.login-input:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a;outline:none}body.dark-mode .login-input:focus{border-color:#e94560;box-shadow:0 0 0 3px #e945601a}.login-input::placeholder{color:#94a3b8}body.dark-mode .login-input::placeholder{color:#64748b}.error-message,.form-group{margin-bottom:16px}.error-message{background:#fee2e2;border-radius:8px;color:#991b1b;font-size:.9em;padding:12px;text-align:center}body.dark-mode .error-message{background:#7f1d1d;color:#fecaca}.signin-btn{background:linear-gradient(135deg,#0ea5e9,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.05em;font-weight:600;margin-bottom:12px;padding:14px 24px;transition:all .3s ease;width:100%}.signin-btn:hover{box-shadow:0 4px 12px #0ea5e966;transform:translateY(-2px)}body.dark-mode .signin-btn{background:linear-gradient(135deg,#38bdf8,#60a5fa)}.back-btn{background:none;border:2px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:.95em;font-weight:600;padding:12px;transition:all .3s ease;width:100%}.back-btn:hover{background:#f8fafc;border-color:#cbd5e1}body.dark-mode .back-btn{border-color:#533483;color:#94a3b8}body.dark-mode .back-btn:hover{background:#1a1a2e;border-color:#e94560}.demo-credentials{background:#f0f9ff;border-left:4px solid #0ea5e9;border-radius:8px;font-size:.9em;margin-top:24px;padding:16px}.demo-credentials p{color:#1e293b;margin:4px 0}.demo-credentials strong{color:#0ea5e9}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.login-container{padding:16px}.login-card{padding:32px 20px}.login-header{margin-bottom:24px}.login-title{font-size:1.6em}.dark-mode-toggle-login{font-size:1em;height:36px;width:36px}.social-btn{font-size:.9em;gap:10px;padding:12px 18px}.social-icon{font-size:1.2em}.login-input{font-size:.95em;padding:12px 14px}.signin-btn{font-size:1em;padding:12px 20px}.back-btn{font-size:.9em;padding:10px}.demo-credentials{font-size:.85em;margin-top:20px;padding:14px}.divider{font-size:.85em;margin:16px 0}.email-login-btn{font-size:.95em;padding:10px}}@media (max-width:480px){.login-container{padding:12px}.login-card{padding:24px 16px}.login-title{font-size:1.4em}.dark-mode-toggle-login{font-size:.9em;height:32px;width:32px}.social-btn{font-size:.85em;padding:10px 14px}.signin-btn{font-size:.95em}.demo-credentials{font-size:.8em;padding:12px}}
/*# sourceMappingURL=main.87916b85.css.map*/