.auth-screen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);z-index:1000}.auth-card{width:100%;max-width:380px;padding:var(--space-xl);text-align:center}.auth-logo{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.auth-logo h1{font-size:var(--font-size-xl);font-weight:700;background:linear-gradient(135deg,var(--accent),var(--accent-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-subtitle{color:var(--text-muted);font-size:var(--font-size-sm);margin-bottom:var(--space-lg)}.auth-form{display:flex;flex-direction:column;gap:var(--space-md)}.auth-error{color:var(--danger);font-size:var(--font-size-sm)}.auth-hint{margin-top:var(--space-xl);font-size:var(--font-size-xs);color:var(--text-muted)}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:var(--bg-secondary);border-bottom:1px solid var(--border);z-index:var(--z-header);flex-shrink:0}.header-left{display:flex;align-items:center;gap:var(--space-md)}.header-title{font-size:var(--font-size-lg);font-weight:700;background:linear-gradient(135deg,var(--accent),var(--accent-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-right{display:flex;align-items:center;gap:var(--space-xs)}.btn-icon.spinning svg{animation:spin .8s linear infinite}.main{flex:1;display:flex;overflow:hidden}.panel{display:flex;flex-direction:column;overflow:hidden}.panel-left{width:400px;min-width:320px;background:var(--bg-secondary);border-right:1px solid var(--border);padding:var(--space-lg);gap:var(--space-lg);overflow-y:auto}.panel-right{flex:1;padding:var(--space-lg);gap:var(--space-md);overflow-y:auto;overflow-x:hidden}.panel-section{display:flex;flex-direction:column;gap:var(--space-sm)}.section-header{display:flex;align-items:center;justify-content:space-between;min-height:32px}.section-actions{display:flex;gap:var(--space-xs)}.generate-row{display:flex;gap:var(--space-sm);align-items:stretch}