.login-screen { position:fixed; inset:0; background:linear-gradient(135deg, var(--wood-dark) 0%, #26323B 100%); display:flex; align-items:center; justify-content:center; z-index:9999; }
.login-box { background:#fff; border-radius:20px; padding:44px 48px; width:100%; max-width:400px; box-shadow:0 24px 80px rgba(0,0,0,0.5); animation:slideUp 0.4s ease; }
@keyframes slideUp { from { opacity:0; transform:translateY(20px); } to { opacity:1; transform:translateY(0); } }
.login-logo-icon { width:48px; height:48px; background:var(--accent); border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:22px; margin-bottom:20px; }
.login-title { font-size:22px; font-weight:700; color:var(--wood-dark); margin-bottom:4px; }
.login-sub { font-size:13px; color:var(--text-muted); margin-bottom:28px; }
.login-field { margin-bottom:14px; }
.login-label { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:0.05em; color:var(--text-muted); display:block; margin-bottom:5px; }
.login-input { width:100%; padding:11px 14px; border:1.5px solid var(--border); border-radius:12px; font-family:inherit; font-size:13px; outline:none; transition:border-color 0.15s; box-sizing:border-box; }
.login-input:focus { border-color:var(--accent); }
.login-btn { width:100%; padding:13px; background:var(--accent); color:#fff; border:none; border-radius:12px; font-family:inherit; font-size:13px; font-weight:700; cursor:pointer; margin-top:8px; transition:background 0.15s; }
.login-btn:hover { background:#D4860A; }
.login-error { color:var(--red); font-size:12px; margin-top:10px; min-height:20px; padding:0 2px; }