*{margin:0;padding:0;box-sizing:border-box}body{font-family:'"Roboto", sans-serif';background:url(../Background.jpg);background-repeat:no-repeat;background-size:cover;min-height:100vh;position:relative}.App{padding-top:32px}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;position:relative;z-index:2}.auth-card{background:#fff;border-radius:20px;box-shadow:0 25px 50px #00000040;width:100%;max-width:420px;padding:48px 40px;position:relative}.auth-header{text-align:center;margin-bottom:40px}.auth-logo{font-size:32px;font-weight:700;color:#000;margin-bottom:32px;letter-spacing:-.5px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.auth-title{font-size:28px;font-weight:600;color:#1a1a1a;margin-bottom:12px;letter-spacing:-.3px}.auth-subtitle{font-size:16px;color:#666;line-height:1.5;font-weight:400}.auth-options{display:flex;flex-direction:column;gap:16px}.auth-btn{display:flex;align-items:center;justify-content:flex-start;width:100%;padding:16px 20px;border:1.5px solid #e8e8e8;border-radius:12px;background:#fff;font-size:16px;font-weight:500;color:#1a1a1a;cursor:pointer;transition:all .2s ease;text-align:left}.auth-btn:hover{border-color:#d0d0d0;background:#fafafa;transform:translateY(-1px)}.auth-btn-email{background:#4285f4;color:#fff;border-color:#4285f4}.auth-btn-email:hover{background:#3367d6;border-color:#3367d6;transform:translateY(-1px)}.auth-btn-submit{background:#4285f4;color:#fff;border-color:#4285f4;justify-content:center;margin-top:8px}.auth-btn-submit:hover{background:#3367d6;border-color:#3367d6}.auth-btn-submit:disabled{background:#9ca3af;border-color:#9ca3af;cursor:not-allowed}.auth-icon{margin-right:16px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.auth-icon-google{width:24px;height:24px;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIyLjU2IDEyLjI1QzIyLjU2IDExLjQ3IDIyLjQ5IDEwLjcyIDIyLjM2IDEwSDEyVjE0LjI2SDE4LjkyQzE4LjY2IDE1LjYgMTcuOTIgMTYuNzQgMTYuODQgMTcuNVYyMC41OEgxOS45NkMyMC45NiAxOS42MyAyMi41NiAxNi4xIDIyLjU2IDEyLjI1WiIgZmlsbD0iIzQyODVGNCIvPgo8cGF0aCBkPSJNMTIgMjNDMTUuNDMgMjMgMTguMjUgMjEuOTQgMTkuOTYgMjAuNThMMTYuODQgMTcuNUMxNS45NiAxOC4xNyAxNC42MiAxOC41IDEyIDE4LjVDOC42OSAxOC41IDUuODkgMTYuNDYgNC45NiAxMy42NUgxLjgyVjE2Ljg0QzMuNTMgMjAuMjQgNy40NyAyMyAxMiAyM1oiIGZpbGw9IiMzNEE4NTMiLz4KPHBhdGggZD0iTTQuOTYgMTMuNjVDNC43OCAxMy4wOSA0LjY4IDEyLjUgNC42OCAxMS44OUM0LjY4IDExLjI4IDQuNzggMTAuNjkgNC45NiAxMC4xM1Y2LjkxSDEuODJDMS4xOSA4LjE1IDAuODQgOS41NyAwLjg0IDExLjg5QzAuODQgMTQuMjEgMS4xOSAxNS42MyAxLjgyIDE2Ljg3TDQuOTYgMTMuNjVaIiBmaWxsPSIjRkJCQzA0Ii8+CjxwYXRoIGQ9Ik0xMiA1LjM4QzEzLjczIDUuMzggMTUuMjcgNi4wMiAxNi40MiA3LjEyTDE5LjA2IDQuNDhDMTguMjUgMy43NCAxNS40MyAyLjUgMTIgMi41QzcuNDcgMi41IDMuNTMgNS4yNiAxLjgyIDguNzRMNC45NiAxMi4wNkM1Ljg5IDkuMjUgOC42OSA3LjIxIDEyIDcuMjFWNS4zOFoiIGZpbGw9IiNFQTQzMzUiLz4KPC9zdmc+) no-repeat center;background-size:contain}.auth-icon-apple{width:24px;height:24px;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjA1IDEzLjk1QzE3LjA1IDEwLjM4IDE5Ljc2IDguNzQgMTkuOTEgOC42NkMxOC4zNyA2LjUgMTUuOTcgNi4xNiAxNS4xNCA2LjE2QzEzLjA2IDYuMTYgMTEuNzMgNy4zNCAxMC42MSA3LjM0QzkuMzYgNy4zNCA3Ljc5IDYuMjMgNi4xNCA2LjIzQzIuNzQgNi4yMyAwIDkuMDggMCAxMy45NUMwIDE1LjkzIDAuNDcgMTggMS40IDE5Ljk4QzIuMTkgMjEuNjQgMy4xOCAyMy41IDQuNjcgMjMuNUM2LjA0IDIzLjUgNi44NCAyMi42NCA4LjU2IDIyLjY0QzEwLjI0IDIyLjY0IDExLjE5IDIzLjUgMTIuNzMgMjMuNUMxNC4zIDIzLjUgMTUuMTcgMjEuODggMTUuOTEgMjAuMjJDMTYuNzggMTguMzYgMTcuMDUgMTYuNTcgMTcuMDUgMTYuNTJDMTcuMDUgMTYuNDcgMTcuMDUgMTMuOTUgMTcuMDUgMTMuOTVaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMTMuODMgNC4xNkMxNC41NCAzLjI5IDE0Ljk5IDIuMDggMTQuODQgMC44NkMxMy44MyAwLjkxIDEyLjU2IDEuNTMgMTEuOCAyLjQ1QzExLjEzIDMuMjQgMTAuNTggNC40NyAxMC43NyA1LjY1QzExLjkzIDUuNzQgMTMuMTMgNS4wMyAxMy44MyA0LjE2WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+) no-repeat center;background-size:contain}.auth-icon-email{width:24px;height:24px;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQgNkM0IDQuODk1NDMgNC44OTU0MyA0IDYgNEgxOEMxOS4xMDQ2IDQgMjAgNC44OTU0MyAyMCA2VjE4QzIwIDE5LjEwNDYgMTkuMTA0NiAyMCAxOCAyMEg2QzQuODk1NDMgMjAgNCAyMC4xMDQ2IDQgMThWNloiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0yMCA2TDEyIDEzTDQgNiIgc3Ryb2tlPSIjNDI4NUY0IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K) no-repeat center;background-size:contain}.auth-icon-phone{width:24px;height:24px;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iNSIgeT0iMiIgd2lkdGg9IjE0IiBoZWlnaHQ9IjIwIiByeD0iMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNjY2IiBzdHJva2Utd2lkdGg9IjIiLz4KPGxpbmUgeDE9IjEyIiB5MT0iMTgiIHgyPSIxMi4wMSIgeTI9IjE4IiBzdHJva2U9IiM2NjYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=) no-repeat center;background-size:contain}.auth-divider{display:flex;align-items:center;margin:24px 0;color:#9ca3af;font-size:14px;font-weight:500}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#e5e7eb}.auth-divider span{padding:0 20px;background:#fff}.auth-footer{margin-top:48px;display:flex;flex-direction:column;gap:24px}.auth-link-forgot{background:none;border:none;color:#666;font-size:16px;cursor:pointer;text-decoration:none;display:flex;justify-content:space-between;align-items:center;padding:0;font-weight:400}.auth-link-forgot:hover{color:#333}.arrow{color:#9ca3af;font-size:18px}.auth-signup{font-size:16px;color:#666;text-align:center;font-weight:400;border-top:1px solid #e5e7eb;padding-top:24px}.auth-link-create{background:none;border:none;color:#4285f4;font-size:16px;cursor:pointer;text-decoration:none;font-weight:500}.auth-link-create:hover{text-decoration:underline}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:14px;font-weight:500;color:#374151}.form-group input{padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .2s ease}.form-group input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-group input:disabled{background:#f9fafb;color:#9ca3af}.error-message{background:#fef2f2;color:#dc2626;padding:12px 16px;border-radius:8px;font-size:14px;border:1px solid #fecaca}.phone-input-container{display:flex;gap:0;border:1px solid #d1d5db;border-radius:8px;overflow:hidden;transition:border-color .2s ease}.phone-input-container:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.country-select{padding:12px 16px;border:none;background:#f9fafb;font-size:14px;color:#374151;cursor:pointer;border-right:1px solid #d1d5db;min-width:80px}.country-select:focus{outline:none}.phone-input{border:none!important;border-radius:0!important;flex:1}.phone-input:focus{box-shadow:none!important}.password-input-container{position:relative;display:flex;align-items:center}.password-input-container input{flex:1;padding-right:48px}.password-toggle{position:absolute;right:12px;background:none;border:none;cursor:pointer;font-size:16px;color:#9ca3af;padding:4px}.password-toggle:hover{color:#6b7280}.auth-btn-back{background:none;border:none;color:#6b7280;font-size:16px;cursor:pointer;padding:8px 0;text-align:left;margin-bottom:24px;display:flex;align-items:center;gap:8px}.auth-btn-back:hover{color:#374151}.dashboard-container{min-height:100vh;background-color:#f5f5f5}.dashboard-header{background:#fff;padding:1rem 2rem;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;align-items:center}.applications-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;padding:2rem}.application-card{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;transition:transform .2s;text-align:center}.application-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.app-icon{font-size:3rem;margin-bottom:1rem}.form-label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.form-input{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;transition:border-color .2s ease}.form-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-input:disabled{background:#f9fafb;color:#6b7280}.form-input-error{border-color:#dc2626!important}.form-input-error:focus{border-color:#dc2626!important;box-shadow:0 0 0 3px #dc26261a!important}.phone-input-error{border-color:#dc2626!important}.phone-input-error:focus-within{border-color:#dc2626!important;box-shadow:0 0 0 3px #dc26261a!important}.field-error{color:#dc2626;font-size:14px;margin-top:4px;margin-bottom:0}.checkbox-group{margin:20px 0}.checkbox-label{display:flex;align-items:flex-start;gap:8px;cursor:pointer}.checkbox-input{width:16px;height:16px;margin:2px 0 0;cursor:pointer;flex-shrink:0}.checkbox-text{font-size:14px;color:#374151;line-height:1.4}.auth-btn-submit{width:100%;padding:12px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.auth-btn-submit:hover:not(:disabled){background:#1d4ed8}.auth-btn-submit:disabled{background:#9ca3af;cursor:not-allowed}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px;border-radius:8px;font-size:14px;margin-bottom:16px}.recovery-options{display:flex;flex-direction:column;gap:12px}.recovery-option{display:flex;align-items:center;padding:16px;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;transition:all .2s ease;background:#fff}.recovery-option:hover{border-color:#2563eb;background:#f8fafc}.recovery-option input[type=radio]{margin-right:12px;accent-color:#2563eb}.recovery-option input[type=radio]:checked+.recovery-option-content{color:#2563eb}.recovery-option-content{display:flex;align-items:center;gap:12px;font-size:14px;color:#374151}.recovery-icon{font-size:16px}.auth-remember{text-align:center;font-size:14px;color:#6b7280;margin:0}.auth-link-login{background:none;border:none;color:#2563eb;cursor:pointer;text-decoration:none;font-size:14px}.auth-link-login:hover{text-decoration:underline}.auth-btn-phone{background:#fff;border:1px solid #d1d5db;color:#374151}.auth-btn-phone:hover{background:#f9fafb;border-color:#9ca3af}.auth-terms{margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.auth-terms p{font-size:12px;color:#6b7280;text-align:center;margin:0;line-height:1.5}.auth-link{color:#2563eb;text-decoration:none}.auth-link:hover{text-decoration:underline}.auth-signin{margin-top:24px;text-align:center}.auth-signin p{font-size:14px;color:#6b7280;margin:0}.auth-link-signin{background:none;border:none;color:#2563eb;cursor:pointer;text-decoration:none;font-size:14px}.auth-link-signin:hover{text-decoration:underline}.auth-icon-phone{font-size:16px}.account-selection-card{max-width:500px;padding:32px}.user-profile{text-align:center;margin-bottom:24px}.user-avatar{margin:0 auto 16px;width:80px;height:80px;border-radius:50%;background:#e5e7eb;display:flex;align-items:center;justify-content:center}.avatar-placeholder{font-size:24px;font-weight:600;color:#6b7280;background:#f3f4f6;width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center}.user-welcome{font-size:24px;font-weight:700;color:#111827;margin:0 0 8px}.user-email{font-size:14px;color:#6b7280;margin:0}.divider{height:1px;background:#e5e7eb;margin:24px 0}.account-selection{margin-bottom:24px}.selection-title{font-size:20px;font-weight:600;color:#111827;margin:0 0 8px;text-align:center}.selection-subtitle{font-size:14px;color:#6b7280;margin:0 0 24px;text-align:center}.accounts-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.account-item{display:flex;align-items:center;padding:16px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.account-item:hover{border-color:#d1d5db;background:#f9fafb}.account-icon{width:40px;height:40px;background:#f3f4f6;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:12px;font-size:18px}.account-info{flex:1}.account-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.account-name{font-size:14px;font-weight:500;color:#111827}.account-role{font-size:12px;font-weight:500;color:#fff;padding:2px 8px;border-radius:12px}.account-last-accessed{font-size:12px;color:#6b7280;margin:0}.account-arrow{font-size:18px;color:#9ca3af;margin-left:12px}.add-account .account-icon{background:#fef3c7}.sign-out-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#374151;font-size:14px;cursor:pointer;transition:all .2s ease}.sign-out-btn:hover{background:#f9fafb;border-color:#d1d5db}.sign-out-icon{font-size:16px}.support-section{text-align:center}.support-section p{font-size:14px;color:#6b7280;margin:0}.contact-support-link{background:none;border:none;color:#2563eb;cursor:pointer;text-decoration:none;font-size:14px}.contact-support-link:hover{text-decoration:underline}.migration-card{max-width:450px;padding:32px}.migration-title{font-size:24px;font-weight:700;color:#111827;text-align:center;margin:0 0 32px;line-height:1.3}.migration-info{margin-bottom:32px}.info-box{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px}.info-icon{font-size:16px;margin-top:2px;flex-shrink:0}.info-text{font-size:14px;color:#1e40af;line-height:1.4}.migration-options{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.migration-btn{display:flex;align-items:center;gap:12px;padding:16px 20px;border:1px solid #d1d5db;border-radius:8px;background:#fff;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.migration-btn:hover{background:#f9fafb;border-color:#9ca3af}.social-btn{color:#374151}.primary-btn{background:#2563eb!important;color:#fff!important;border-color:#2563eb!important}.primary-btn:hover{background:#1d4ed8!important;border-color:#1d4ed8!important}.secondary-btn{color:#374151}.btn-icon{font-size:18px;flex-shrink:0}.divider-text{text-align:center;font-size:14px;color:#9ca3af;font-weight:500;margin:8px 0;position:relative}.divider-text:before,.divider-text:after{content:"";position:absolute;top:50%;width:45%;height:1px;background:#e5e7eb}.divider-text:before{left:0}.divider-text:after{right:0}.whats-new{background:#f9fafb;padding:20px;border-radius:8px;margin-bottom:24px}.whats-new-title{font-size:16px;font-weight:600;color:#374151;margin:0 0 12px}.whats-new-list{margin:0;padding-left:20px;color:#6b7280}.whats-new-list li{font-size:14px;margin-bottom:4px;line-height:1.4}.migration-footer{text-align:center;padding-top:24px;border-top:1px solid #e5e7eb}.migration-footer p{font-size:14px;color:#6b7280;margin:0}body{margin:0;font-family:Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}