.auth-page{display:flex;align-items:center;justify-content:center;min-height:70vh;padding:40px 16px}.auth-card{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:40px;width:100%;max-width:440px;box-shadow:var(--shadow-lg)}.auth-header{text-align:center;margin-bottom:32px}.auth-header h1{font-family:var(--font-serif);font-size:28px;margin-bottom:8px}.auth-header p{font-size:14px;color:var(--text-muted)}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-footer{text-align:center;margin-top:24px;font-size:14px;color:var(--text-muted)}.auth-footer a{color:var(--accent);font-weight:600}.auth-demo{text-align:center;margin-top:20px;padding-top:20px;border-top:1px solid var(--border-light)}.auth-demo p{font-size:12px;color:var(--text-muted);margin-bottom:8px}.demo-btn{background:var(--bg-tertiary);border:1px solid var(--border);padding:8px 16px;border-radius:var(--radius-full);font-size:13px;margin:0 4px;transition:all var(--transition);cursor:pointer}.demo-btn:hover{background:var(--accent-light);border-color:var(--accent)}.role-selector{display:flex;gap:12px}.role-btn{flex:1 1;padding:12px;border:2px solid var(--border);border-radius:var(--radius-md);background:var(--bg-secondary);font-size:15px;font-weight:600;transition:all var(--transition);cursor:pointer}.role-btn.active{border-color:var(--accent);background:var(--accent-light);color:var(--accent)}.step-actions{display:flex;gap:12px;margin-top:10px}.step-actions .btn{flex:1 1}.social-inputs{display:flex;flex-direction:column;gap:10px}.social-inputs label{margin-bottom:4px}.input.sm{padding:8px 12px;font-size:13px}.help-text{font-size:12px;color:var(--text-muted);margin-top:6px}.file-upload-wrapper{display:flex;flex-direction:column;gap:12px;margin-top:8px}.file-upload-wrapper input[type=file]{font-size:13px;color:var(--text-muted)}.file-preview{width:100%;max-height:200px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border)}.file-preview img{width:100%;height:100%;object-fit:cover}@media (max-width:480px){.auth-card{padding:24px 20px}.role-btn{padding:10px;font-size:14px}}.social-auth-container{display:flex;flex-direction:column;gap:10px;margin-top:20px}.social-separator{display:flex;align-items:center;text-align:center;margin:20px 0;color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:1px}.social-separator:after,.social-separator:before{content:"";flex:1 1;border-bottom:1px solid var(--border-light)}.social-separator:not(:empty):before{margin-right:12px}.social-separator:not(:empty):after{margin-left:12px}.btn-social{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 16px;border-radius:var(--radius-md);font-weight:600;font-size:14px;cursor:pointer;transition:all var(--transition);border:1.5px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);width:100%}.btn-social:hover{background:var(--bg-tertiary);border-color:var(--text-secondary)}.btn-social-apple{background:var(--bg-dark);color:var(--text-inverse);border:none}.btn-social-apple:hover{background:#000000}.social-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:16px}.social-modal{background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:400px;overflow:hidden;animation:modalScaleIn .3s cubic-bezier(.16,1,.3,1);border:1px solid var(--border-light)}@keyframes modalScaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.social-modal-header{padding:24px 24px 16px;border-bottom:1px solid var(--border-light);display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.social-modal-close{position:absolute;top:16px;right:16px;background:transparent;border:none;font-size:24px;color:var(--text-muted);cursor:pointer;line-height:1}.social-modal-logo{margin-bottom:8px}.social-modal-title{font-size:18px;font-weight:700;color:var(--text-primary)}.social-modal-subtitle{font-size:13px;color:var(--text-muted);margin-top:4px}.social-modal-body{padding:24px}.google-accounts-list{display:flex;flex-direction:column;gap:12px}.google-account-item{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-secondary);cursor:pointer;transition:all var(--transition);text-align:left;width:100%}.google-account-item:hover{background:var(--bg-tertiary);border-color:var(--accent)}.google-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent-light);color:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.google-account-info{display:flex;flex-direction:column}.google-account-name{font-size:14px;font-weight:600;color:var(--text-primary)}.google-account-email{font-size:12px;color:var(--text-muted)}.social-modal-form{display:flex;flex-direction:column;gap:16px}.social-modal-form .input{width:100%}.auth-page.seller-auth{background:linear-gradient(135deg,#13061a,#06020c)!important;position:relative;overflow:hidden;min-height:100vh}.auth-page.seller-auth:before{background:#10b981;top:15%;left:20%}.auth-page.seller-auth:after,.auth-page.seller-auth:before{content:"";position:absolute;width:400px;height:400px;filter:blur(130px);opacity:.12;pointer-events:none}.auth-page.seller-auth:after{background:#7c3aed;bottom:15%;right:20%}.auth-page.seller-auth .auth-card{background:rgba(255,255,255,.03)!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.07);box-shadow:0 30px 60px rgba(0,0,0,.6)!important;color:white;position:relative;z-index:10}.auth-page.seller-auth .auth-card h1{color:white;font-family:var(--font-sans);font-weight:800;background:linear-gradient(135deg,#10b981,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.auth-page.seller-auth .auth-card p{color:rgba(255,255,255,.65)}.auth-page.seller-auth .auth-card label{color:rgba(255,255,255,.85)}.auth-page.seller-auth .auth-card .input{background:rgba(0,0,0,.35)!important;border:1px solid rgba(255,255,255,.12)!important;color:white!important}.auth-page.seller-auth .auth-card .input:focus{border-color:#10b981!important;box-shadow:0 0 0 2px rgba(16,185,129,.25)!important}.auth-page.seller-auth .auth-card select.input{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:16px!important;padding-right:32px!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important}.auth-page.seller-auth .auth-card .btn-primary{background:linear-gradient(135deg,#10b981,#059669)!important;border:none!important;box-shadow:0 4px 14px rgba(16,185,129,.35)!important;color:white!important}.auth-page.seller-auth .auth-card .btn-primary:hover{background:linear-gradient(135deg,#059669,#047857)!important}.auth-page.seller-auth .auth-card .auth-footer{color:rgba(255,255,255,.5)!important}.auth-page.seller-auth .auth-card .auth-footer a{color:#10b981!important}.auth-page.seller-auth .auth-demo{border-top:1px solid rgba(255,255,255,.08)!important}.auth-page.seller-auth .auth-demo p{color:rgba(255,255,255,.45)!important}.auth-page.seller-auth .demo-btn{background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.12)!important;color:white!important}.auth-page.seller-auth .demo-btn:hover{background:rgba(16,185,129,.2)!important;border-color:#10b981!important}