.app-container{min-height:100vh;display:flex;flex-direction:column;background-color:#202124;font-family:Google Sans,Noto Sans,Roboto,Arial,sans-serif;justify-content:center}@media(max-width:768px){.app-container{background-color:#000}}.login-dialog{max-width:560px;width:100%;margin:0 auto;background-color:#141414;border-radius:30px;padding:40px 40px 36px;box-shadow:0 2px 10px #0000004d}.header-top{margin-bottom:16px}.google-logo{width:40px;height:40px}.dialog-header{display:flex;flex-direction:row;align-items:center;gap:40px;margin-bottom:10px}.header-left{flex:1}.login-title{font-size:24px;font-weight:400;color:#fff;margin:0;line-height:1.2}.login-subtitle{font-size:16px;font-weight:400;color:#bdc1c6;margin:4px 0 0;line-height:1.2}.header-right{flex:1;display:flex;align-items:center}.dialog-content{display:flex;flex-direction:row;gap:40px;margin-bottom:32px;align-items:flex-start}.content-left{flex:1}.description{font-size:14px;color:#bdc1c6;line-height:1.5;margin:0;padding-top:8px}.content-right{flex:1;display:flex;flex-direction:column;gap:8px;padding-top:0}.input-container{width:100%}.email-input{width:100%;padding:13px 15px;background-color:transparent;border:1px solid #5f6368;border-radius:6px;color:#e8eaed;font-size:16px;box-sizing:border-box;transition:border-color .2s}.email-input:focus{outline:none;border-color:#8ab4f8}.forgot-link{color:#8ab4f8;font-size:14px;text-decoration:none;margin-top:2px}.forgot-link:hover{text-decoration:underline}.guest-mode-info{font-size:14px;color:#bdc1c6;line-height:1.5;margin:4px 0 0}.info-link{color:#8ab4f8;text-decoration:none}.info-link:hover{text-decoration:underline}.dialog-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:32px}.create-account-link{background-color:transparent;color:#8ab4f8;text-decoration:none;padding:10px 24px;font-size:14px;cursor:pointer;border-radius:6px;font-family:Google Sans,Noto Sans,Roboto,Arial,sans-serif;font-weight:500}.create-account-link:hover{text-decoration:underline}.next-btn{background-color:#8ab4f8;color:#000;border:none;padding:10px 24px;font-size:14px;font-weight:500;cursor:pointer;border-radius:30px;font-family:Google Sans,Noto Sans,Roboto,Arial,sans-serif;transition:background-color .2s,box-shadow .2s}.next-btn:hover{background-color:#6ea3f5;box-shadow:0 1px 3px #0000004d}.next-btn:active{box-shadow:0 1px 2px #0000004d}.page-footer{max-width:560px;width:100%;margin:0 auto;padding:24px 40px;display:flex;justify-content:space-between;align-items:center}.language-selector{display:flex;align-items:center;gap:8px;color:#fff;font-size:14px;cursor:pointer}.footer-links{display:flex;gap:24px}.footer-links a{color:#bdc1c6;font-size:14px;text-decoration:none}.footer-links a:hover{text-decoration:underline}@media(max-width:768px){.app-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:0;min-height:100vh;gap:0;background-color:#000;overflow-x:hidden}.login-dialog{width:100%;border-radius:0;padding:24px;min-height:calc(100vh - 60px);display:flex;flex-direction:column;background-color:transparent;border:none;margin:0;box-shadow:none;justify-content:flex-start;flex:1}.header-top{margin-bottom:32px}.dialog-header{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:24px}.header-left{width:100%}.header-right{display:none}.login-title{font-size:24px;margin-bottom:8px}.login-subtitle{display:block}.dialog-content,.dialog-footer{display:none}.mobile-content{display:flex;flex-direction:column;gap:16px;margin-top:0;margin-bottom:24px;width:100%;flex:1}.password-mobile-content~.mobile-content{display:none}.password-mobile-footer~.mobile-footer{display:none}.mobile-input-container{width:100%}.mobile-email-input{width:100%;padding:13px 15px;background-color:#141414;border:1px solid #5f6368;border-radius:4px;color:#e8eaed;font-size:16px;box-sizing:border-box;transition:border-color .2s}.mobile-email-input:focus{outline:none;border-color:#8ab4f8}.mobile-email-input::placeholder{color:#9aa0a6}.mobile-forgot-link{color:#8ab4f8;font-size:14px;text-decoration:none;margin-top:4px}.mobile-forgot-link:hover{text-decoration:underline}.mobile-guest-mode-info{font-size:14px;color:#bdc1c6;line-height:1.5;margin:8px 0 0}.mobile-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding:16px 0;border-top:none;box-sizing:border-box;width:100%}.mobile-create-account-link{background-color:transparent;color:#1a73e8;text-decoration:none;padding:0;font-size:14px;cursor:pointer;font-family:Google Sans,Noto Sans,Roboto,Arial,sans-serif;font-weight:400}.mobile-create-account-link:hover{text-decoration:underline}.mobile-next-btn{background-color:#8ab4f8;color:#000;border:none;padding:10px 24px;font-size:14px;font-weight:500;cursor:pointer;border-radius:24px;font-family:Google Sans,Noto Sans,Roboto,Arial,sans-serif;transition:background-color .2s,box-shadow .2s;min-width:80px}.mobile-next-btn:hover{background-color:#a8c7fa;box-shadow:0 1px 3px #0000004d}.mobile-next-btn:active{box-shadow:0 1px 2px #0000004d}.password-mobile-content{display:flex;flex-direction:column;gap:16px;margin-top:0;margin-bottom:24px;width:100%;flex:1}.password-email-container{width:100%;height:auto;display:flex;justify-content:flex-start;margin-bottom:16px}.password-email-field{width:auto;min-width:fit-content;padding:5px;border:1px solid #5f6368;border-radius:24px;display:inline-flex;align-items:center;gap:12px;box-sizing:border-box;color:#e8eaed;cursor:pointer;transition:border-color .2s}.password-email-field:hover{border-color:#8ab4f8}.user-icon{flex-shrink:0}.user-icon path{fill:#9aa0a6}.dropdown-arrow path{fill:#9aa0a6}.password-email-text{font-size:16px;color:#e8eaed;font-family:Google Sans,Noto Sans,Roboto,Arial,sans-serif;white-space:nowrap}.dropdown-arrow{flex-shrink:0;cursor:pointer}.password-input-container{width:100%}.password-input{width:100%;padding:13px 15px;background-color:#000;border:1px solid #5f6368;border-radius:4px;color:#e8eaed;font-size:16px;box-sizing:border-box;transition:border-color .2s;font-family:Google Sans,Noto Sans,Roboto,Arial,sans-serif}.password-input:focus{outline:none;border-color:#8ab4f8}.password-input::placeholder{color:#9aa0a6}.show-password-container{display:flex;align-items:center;gap:12px;margin-top:4px}.show-password-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#1a73e8}.show-password-label{font-size:14px;color:#fff;cursor:pointer;font-family:Google Sans,Noto Sans,Roboto,Arial,sans-serif;-webkit-user-select:none;user-select:none}.password-footer-row{display:flex;justify-content:space-between;align-items:center;margin-top:4px;width:100%}.forgot-password-link{color:#e8eaed;font-size:14px;text-decoration:none}.forgot-password-link:hover{color:#8ab4f8;text-decoration:underline}.password-mobile-footer{display:none}.password-next-btn{background-color:#8ab4f8;color:#000;border:none;padding:10px 24px;font-size:14px;font-weight:500;cursor:pointer;border-radius:24px;font-family:Google Sans,Noto Sans,Roboto,Arial,sans-serif;transition:background-color .2s,box-shadow .2s;min-width:80px}.password-next-btn:hover{background-color:#a8c7fa;box-shadow:0 1px 3px #0000004d}.password-next-btn:active{box-shadow:0 1px 2px #0000004d}.page-footer{width:100%;margin:auto 0 0;display:flex;justify-content:space-between;align-items:center;padding:16px 24px;flex-direction:row;position:relative;flex-shrink:0}.language-selector{color:#bdc1c6;font-size:14px;display:flex;align-items:center;gap:8px}.language-selector svg{fill:#bdc1c6}.footer-links{display:flex;gap:16px;flex-direction:row}.footer-links a{color:#bdc1c6;font-size:14px;cursor:pointer}.footer-links a:hover{text-decoration:underline}.users-table-container{width:100%;overflow-x:auto;margin-top:24px}.users-table{width:100%;border-collapse:collapse;background-color:transparent;color:#e8eaed}.users-table th,.users-table td{padding:12px;text-align:left;border-bottom:1px solid #5f6368;font-size:14px}.users-table th{background-color:#1a1a1a;color:#8ab4f8;font-weight:500;position:sticky;top:0}.users-table tbody tr:hover{background-color:#2a2a2a}.users-table td{color:#e8eaed}.admin-actions{display:flex;justify-content:flex-end;margin-top:24px;padding-top:16px}.back-btn{background-color:#5f6368;color:#fff;border:none;padding:10px 24px;font-size:14px;font-weight:500;cursor:pointer;border-radius:24px;font-family:Google Sans,Noto Sans,Roboto,Arial,sans-serif;transition:background-color .2s}.back-btn:hover{background-color:#6f7378}}.users-table-container{width:100%;overflow-x:auto;margin-top:24px}.users-table{width:100%;border-collapse:collapse;background-color:transparent;color:#e8eaed}.users-table th,.users-table td{padding:12px;text-align:left;border-bottom:1px solid #5f6368;font-size:14px}.users-table th{background-color:#1a1a1a;color:#8ab4f8;font-weight:500}.users-table tbody tr:hover{background-color:#2a2a2a}.users-table td{color:#e8eaed}.admin-actions{display:flex;justify-content:flex-end;margin-top:24px;padding-top:16px}.back-btn{background-color:#5f6368;color:#fff;border:none;padding:10px 24px;font-size:14px;font-weight:500;cursor:pointer;border-radius:24px;font-family:Google Sans,Noto Sans,Roboto,Arial,sans-serif;transition:background-color .2s}.back-btn:hover{background-color:#6f7378}@media(min-width:769px){.mobile-content,.mobile-footer,.login-subtitle,.password-mobile-content,.password-mobile-footer{display:none}}*{box-sizing:border-box}body{margin:0;font-family:Google Sans,Noto Sans,Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#202124;color:#fff}#root{min-height:100vh}