#app{min-height:100vh;padding:var(--space-6);justify-content:center;align-items:center;display:flex}.auth-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);width:100%;max-width:420px;padding:var(--space-8) var(--space-6);box-shadow:var(--shadow-md)}.auth-logo{text-align:center;margin-bottom:var(--space-2)}.auth-logo svg{width:48px;height:48px;color:var(--color-primary);stroke-width:1.5px}.auth-card h1{font-size:var(--text-2xl);text-align:center;letter-spacing:var(--tracking-tight);margin-bottom:var(--space-5);font-weight:700}.auth-lang-row{margin-bottom:var(--space-3);justify-content:flex-end;display:flex}html[dir=rtl] .auth-lang-row{justify-content:flex-start}.auth-lang-selector{gap:var(--space-1);display:flex}.auth-lang-btn{padding:var(--space-1) var(--space-2);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-tertiary);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast);background:0 0;font-weight:500}.auth-lang-btn:hover{color:var(--text-primary);border-color:var(--border-strong)}.auth-lang-btn.active{background:var(--color-primary-muted);color:var(--color-primary);border-color:var(--color-primary)}.auth-tabs{margin-bottom:var(--space-6);border:1px solid var(--border-default);border-radius:var(--radius-md);gap:0;display:flex;overflow:hidden}.auth-tab{padding:var(--space-2) var(--space-3);color:var(--text-tertiary);font-size:var(--text-sm);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;flex:1;font-weight:600}.auth-tab:hover{color:var(--text-secondary);background:var(--bg-hover)}.auth-tab.active{background:var(--color-primary-muted);color:var(--color-primary)}.auth-form-wrap{display:none}.auth-form-wrap.active{display:block}.tab-header{text-align:center;margin-bottom:var(--space-5)}.tab-header p{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-normal)}.form-group{margin-bottom:var(--space-4)}.form-group label{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-1);font-weight:600;display:block}.form-group input,.form-group textarea{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-inset);color:var(--text-primary);font-size:var(--text-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);box-sizing:border-box;font-family:var(--font-sans);outline:none}.form-group textarea{resize:vertical;min-height:60px}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-disabled)}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-muted)}.slug-input-wrap{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-inset);align-items:center;display:flex;overflow:hidden}.slug-input-wrap:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-muted)}.slug-prefix{padding:var(--space-3) 0 var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--text-tertiary);white-space:nowrap;font-family:var(--font-mono)}.slug-input-wrap input{padding-left:var(--space-1);flex:1;box-shadow:none!important;border:none!important}.slug-input-wrap input:focus{box-shadow:none!important}.field-hint{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-1);min-height:16px}.field-hint.success{color:var(--color-success)}.field-hint.error{color:var(--color-danger)}.success-msg{color:var(--color-success);font-size:var(--text-sm);margin-top:var(--space-2);text-align:center}.success-msg.hidden{display:none}.error-msg{color:var(--color-danger);font-size:var(--text-sm);min-height:20px;margin-top:var(--space-2);text-align:center}.auth-footer{text-align:center;margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.auth-footer a{color:var(--text-tertiary);font-size:var(--text-sm);transition:color var(--transition-fast);text-decoration:none}.auth-footer a:hover{color:var(--text-primary)}@media (width<=480px){.auth-card{padding:var(--space-6) var(--space-4);box-shadow:none;border:none}#app{padding-top:var(--space-8);align-items:flex-start}}