html,body,#app{height:100%}.auth-wrapper{margin:0;padding:0;min-height:100vh;display:flex;justify-content:center;align-items:center;background:#1f2937;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.auth-card{width:min(92vw,420px);background:#fff;border-radius:8px;box-shadow:0 10px 25px #00000080;overflow:hidden}.auth-header{padding:16px 20px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:12px}.auth-bar{width:4px;height:18px;background:#1f2937}.auth-title{margin:0;font-size:20px;color:#111827}.auth-body{padding:16px 20px}.field{margin-bottom:14px}.label{display:block;font-weight:600;font-size:13px;color:#374151;margin-bottom:6px}.input,.select{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:6px;font-size:15px;background:#fff;outline:none}.btn-primary{display:block;width:140px;margin:16px auto 0;padding:10px 14px;font-weight:700;font-size:14px;color:#fff;background:#374151;border:none;border-radius:6px;cursor:pointer}.auth-footer{padding:12px 20px 20px;border-top:1px solid #e5e7eb;display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.link{text-decoration:none;font-weight:700;font-size:13px}.link-primary{border:1px solid #2d6a4f;color:#2d6a4f;padding:6px 14px;border-radius:6px}.link-muted{color:#374151}@media(max-width:480px){.auth-card{width:94vw;border-radius:6px}.auth-header{padding:12px 16px}.auth-title{font-size:18px}.auth-body{padding:12px 16px}.input,.select{padding:10px;font-size:14px}.btn-primary{width:100%;margin-top:12px}.auth-footer{padding:10px 16px 16px;gap:8px}}