@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--primary:#541342;--bg-primary:#fcfbfd;--bg-secondary:#f6f3f7;--card-bg:#fffffff5;--card-border:#54134224;--card-border-hover:#54134247;--text-main:#1a1619;--text-muted:#685f66;--accent-color:var(--primary);--accent-hover:#6e1a57;--accent-light:#ad2e85;--accent-glow:#54134214;--error-bg:#ef444414;--error-border:#ef444440;--error-text:#dc2626;--success-bg:#10b98114;--success-border:#10b98140;--success-text:#059669;--warning-bg:#f59e0b14;--warning-border:#f59e0b40;--warning-text:#d97706}*{box-sizing:border-box;margin:0;padding:0}body,#root{width:100%;min-height:100vh;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-main);-webkit-font-smoothing:antialiased;background-image:radial-gradient(70% 50% at 50% 15%,#5413420d 0%,#0000 70%),radial-gradient(50% 40% at 85% 85%,#54134208 0%,#0000 60%);justify-content:center;align-items:center;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;display:flex}#root{justify-content:center;align-items:center;display:flex}.app-container{width:90%;max-width:520px;margin:0 auto}.auth-card{background:var(--card-bg);-webkit-backdrop-filter:blur(24px);border:1px solid var(--card-border);border-radius:24px;padding:2.5rem;transition:transform .3s,box-shadow .3s,border-color .3s;box-shadow:0 20px 45px #1a16190f,0 1px 3px #5413420a}.auth-card:hover{border-color:var(--card-border-hover);box-shadow:0 24px 55px #1a161917,0 4px 12px #5413420f}.header{text-align:center;margin-bottom:1.85rem}.brand-header-row{justify-content:center;align-items:center;gap:.65rem;margin-bottom:.35rem;display:flex}.logo-wrapper{background:#5413420d;border:1px solid #54134224;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:0;padding:6px;display:inline-flex;overflow:hidden;box-shadow:0 4px 14px #54134214}.logo-img{object-fit:contain;width:100%;height:100%}.title,.palpal-brand{letter-spacing:-.01em;color:var(--primary);text-transform:lowercase;margin-bottom:0;font-family:Georgia,Times New Roman,Times,serif;font-size:2.25rem;font-style:italic;font-weight:700;line-height:1}.subtitle{color:var(--text-muted);font-size:.875rem;font-weight:400}.banner{border-radius:10px;align-items:flex-start;gap:.75rem;margin-bottom:1.35rem;padding:.85rem 1rem;font-size:.85rem;animation:.3s fadeIn;display:flex}.banner.error{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-text)}.banner.success{background:var(--success-bg);border:1px solid var(--success-border);color:var(--success-text)}.banner.warning{background:var(--warning-bg);border:1px solid var(--warning-border);color:var(--warning-text)}.tabs{background:#5413420d;border:1px solid #5413421f;border-radius:10px;margin-bottom:1.5rem;padding:3px;display:flex}.tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:.55rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s}.tab-btn.active{color:#fff;background:#541342;border:1px solid #54134240;box-shadow:0 4px 14px #54134238}.tab-btn:hover:not(.active){color:var(--primary)}.form-group{margin-bottom:1.15rem}.form-label{color:var(--text-muted);margin-bottom:.35rem;font-size:.825rem;font-weight:500;display:block}.form-input{width:100%;color:var(--text-main);background:#fff;border:1px solid #54134233;border-radius:10px;padding:.725rem .95rem;font-family:inherit;font-size:.925rem;transition:border-color .2s,box-shadow .2s;box-shadow:0 1px 2px #00000008}.form-input:focus{border-color:#541342;outline:none;box-shadow:0 0 0 3px #5413421f}.form-input::placeholder{color:#685f668c}.password-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.password-input-wrapper .form-input{padding-right:2.75rem}.password-toggle-btn{color:#64748b;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;transition:color .2s;display:flex;position:absolute;right:.75rem}.password-toggle-btn:hover{color:var(--accent-color)}.spinner-icon{vertical-align:middle;margin-right:.5rem;animation:1s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.submit-btn{background:var(--accent-color);color:#fff;cursor:pointer;border:1px solid #5413424d;border-radius:10px;width:100%;margin-top:.35rem;padding:.8rem 1rem;font-size:.925rem;font-weight:600;transition:all .2s;box-shadow:0 4px 14px #54134238}.submit-btn:hover:not(:disabled){background:var(--accent-hover);border-color:#54134273;transform:translateY(-1px);box-shadow:0 6px 18px #5413424d}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.divider{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;align-items:center;margin:1.5rem 0;font-size:.75rem;display:flex}.divider:before,.divider:after{content:"";background:#5413421f;flex:1;height:1px}.divider:before{margin-right:.75rem}.divider:after{margin-left:.75rem}.google-btn{width:100%;color:var(--text-main);cursor:pointer;background:#fff;border:1px solid #5413422e;border-radius:10px;justify-content:center;align-items:center;gap:.75rem;padding:.8rem 1rem;font-size:.925rem;font-weight:500;transition:all .2s;display:flex;box-shadow:0 1px 2px #00000008}.google-btn:hover:not(:disabled){background:#5413420a;border-color:#54134259}.google-btn:disabled{opacity:.6;cursor:not-allowed}.google-icon{width:18px;height:18px}.user-profile{text-align:center}.avatar-badge{background:linear-gradient(135deg, var(--accent-color) 0%, var(--accent-light) 100%);color:#fff;border:1px solid #54134240;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto 1.15rem;font-size:1.6rem;font-weight:700;display:flex;box-shadow:0 6px 20px #54134226}.profile-email{word-break:break-all;margin-bottom:.2rem;font-size:1.15rem;font-weight:600}.profile-secure-tag{color:#059669;background:#10b98114;border:1px solid #10b98140;border-radius:9999px;align-items:center;gap:.45rem;margin-bottom:1.35rem;padding:.35rem .85rem;font-size:.8rem;font-weight:500;display:inline-flex}.signout-btn{color:#dc2626;cursor:pointer;background:#ef444414;border:1px solid #ef444438;border-radius:10px;width:100%;padding:.8rem 1rem;font-size:.925rem;font-weight:600;transition:all .2s}.signout-btn:hover{background:#ef444424;border-color:#ef444459;transform:translateY(-1px)}.sso-footer{text-align:center;color:var(--text-muted);flex-direction:column;gap:.4rem;margin-top:1.5rem;font-size:.75rem;display:flex}.footer-links{justify-content:center;align-items:center;gap:.5rem;display:flex}.footer-link{color:var(--text-muted);text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--primary);text-decoration:underline}.footer-sep{opacity:.4}.footer-meta span{color:var(--text-main);font-weight:500}.sso-footer .sso-version{color:var(--primary);background:#54134214;border:1px solid #54134233;border-radius:6px;padding:.15rem .45rem;font-family:monospace}@keyframes fadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (width<=480px){.app-container{width:100%;padding:1rem .75rem}.auth-card{border-radius:18px;padding:1.75rem 1.25rem}.title{font-size:1.45rem}}